The digest of interesting materials from the world of web development and IT for the last week №138 (December 8 - 14, 2014)

We offer you a selection with links to useful resources, interesting materials and IT-news

Web development

• Improving mobile sites with Google Developers in Russian
• Performance Calendar - Advent Calendar with optimization articles
• The book The offline cookbook from Jake Archibald (Google) on the organization of the application work offline
• Interview with Mike [tm] Smith , W3C Validator
• Comparison of the most popular front-end frameworks of 2014
• Formstone is a collection of useful front-end components.
• Updated and most semantic framework of Semantic UI
• Finding a solution for the Date Picker input field using Bootstrap
• Accelerate front-end development with Harp
• Mootor , HTML5 mobile development framework
• Muffin - front end web template on Sass, Jekyll, Gulp with an emphasis on design
• We approach the responsiveness of the site more responsibly (Offline first, accessibility, level of lighting, vibration API)
• Learn regular expressions in 20 minutes
• JSONSelector - the generator of selectors for the data presented in JSON
• Sergey Chikuyonok published the first alpha version of LiveStyle with support for LESS and SCSS

CSS

• CSS filters in action
• Design Question: Text on Images
• Expanding additional fields using checked radio buttons
• There is no longer a line separating the first screen and the rest of the page.
• Sass Compatibility - Sass engine incompatibilities
• Why you should avoid Sass @extend
• Creating an adaptive grid using Susy and control points
• Simple template for responsive design projects.
• firefox.html - a page that repeats the Firefox browser UI
• Material Design for Bootstrap
• Stylish drop: CSS3 animation imitating gravity
• CSS3 Preloaders
• Creative Effects for Popup Dialogs
• Skyline - another static framework to start the layout. OOCSS & SCSS with BEM notations, RWD, jQuery
• Crossbrowser inconsistencies for Flexbox

Javascript

• How to add Bing Maps to a Windows application in HTML and JavaScript. Part 1
• Expressive JavaScript: Forms and form fields , Project: Paint , Node.js
• Looking for the perfect JavaScript framework
• RadioJS podcast: Issue No. 11 , in which JavaScript does not cause dependency (on a visit to Anton Shuvalov), and Issue No. 12 : on typing, transducers, generators and all that.
• Updated npm website and documentation
• The most common mistakes AngularJS developers
• Suave UI 0.3.0 - UI framework for Angular JS. Analogue of Angular Bootstrap and Angular Material Design, created to quickly create user interfaces using procured services and directives.
• AngularJS performance in large applications
• Introducing the JavaScript Internationalization API
• Meta programming with ECMAScript 6 proxy
• ES6 modules: the end of a familiar civilization?
• Five features of well managed javascript
• Planning when creating a Frontend JavaScript application
• Effective work with events using jQuery
• Designing a RESTful API with NodeJS and Restify
• Creating your first Node.js module
• What is the architecture of flux applications?
• SVG integration using javascript
• thaw.js - synthetic asynchronous processing in JavaScript (now with extra-accelerator)
• dstorejs - tame the data in your application
• Maskjs - superimpose masks on input fields
• Sort tables using jQuery Tablesorter plugin
• decimal.js - arbitrary precision in the Decimal type for JavaScript
• bigpicture.js library for creating text canvas with infinite zoom and pan
• QuaggaJS - we make a barcode scanner on the web
• Lazy-load for Google Maps (plugin on jQuery)

Browsers

• Mozilla is experimenting with translating the Firefox interface to HTML5 technology.
• Opera 12.17 tries to upgrade to 25
• The first P2P browser from the creators of BitTorrent
• Google Chrome will mark HTTP sites as unsafe
• ES6 Template Strings already working in Chrome
• Browser Trend - December 2014
• IE development plans: in development srcset, main and date inputs element
• Announcement of redesign for F12 developer tools in IE11
• Google plans to release a children's version of Chrome

Sites with interesting design and functionality

• Twenty examples of using background motion in web design
• Interactive parable about polygons
• polishchristmasguide.com - Merry Christmas in Polish
• Google Santa Tracker is a positive multimedia project of this year.
• 2014 through the eyes of Twitter
• Wiki in the form of a galaxy
• Mondaine Helvetica - site with multi-directional scrolling and animation effects
• jovaconstruction.com - site with non-standard animation effects
• impossible-bureau.com - nice site with full-size navigation

Design

• Evil Icons: how we invented SVG icons
• Is your design really good?
• Cartoon Cheese Text in Adobe Illustrator
• Typography in mobile design
• Placeholders in form fields are harmful
• The story of the designer Apple, the creation of Monument Valley and another 10 news interface design
• Material Interaction - an interactive demonstration of the principles of Material Interaction.
• Opinion of more than fifty designers about the three main trends of the new 2015 year
• Web designers: please consider using bad monitors by your product users!
• Design principles: visual weight and direction
• Using the "golden section" in web design is appropriate and ideal
• Complete Color Theory Guide for Designers
• What is more important in design: images or text?
• IBM Design Language
• Behance 2014 review
• Seven Tips for Designing Great Animated GIFs
• Concept animation Taasky for Apple Watch
• SoundCloud redesign
• Successful digital products did not appear by chance
• Generate images for responsive sites in Photoshop CC 2014
• How to create the effect of matte text in Adobe Photoshop
• How to create an icon set in Adobe Photoshop
• Aaron Draplin on challenges when creating a logo design
• Ui in games
• Uxmas

A selection of free designer cookies

• Free resources for New Year's design
• Brushes for photoshop with cigarette smoke
• PSD template with a one-page site from Shoaib Ahmed
• Winter UI Kit
• UI Teracy Kit for Sketch Wyrframes
• UI Tiles - elements for wireframes
• More than eight dozen templates of beautiful sites in PSD format
• Ten Vector Christmas Greeting Cards in AI, EPS Formats
• Set of more than three hundred vector icons with flat monochrome design
• Christmas icon packs
• AROLY - geometric header font
• Blogger Sans - soft rounded font
• Sunday - decorative serif font
• Stereotesque Regular - sans serif font
• Christmas fonts: from DK Clair De Lune to Sh * t Happens
• This week's collection of fonts: from decorative AERY to fabulous sofadi one

Demo

• Amelie - soundtrack movie visualization
• Pre-Christmas calendar animal advent - interactive images of animals, consisting of characters and "lively" using JS / CSS3
• Simulation of a three.js cloth flowing in the wind
• Physical rendering in WebGL

news

• Fabrice Bellar developed a new image compression format
• Adobe Systems acquired photobank Fotolia for $ 800 million
• Tim Cook - Man of the Year by the Financial Times
• Microsoft will talk in detail about Windows 10 at the presentation on January 21
• Will Windows 10 be distributed for free?
• Facebook has officially called its users "people"
• In the Yahoo mail on desktops appeared personalized stream of news
• IDC presented 10 technological forecasts for 2015
• Barack Obama wrote a few lines in javascript
• Google and Microsoft threatened AdBlock Plus with legal action for blocking ads
• You can now create animated GIF images from video snippets on YouTube.
• Google retires Google Earth API

Entertaining

• ASUS ESC4000 G2S - the most efficient supercomputer in the world
• Yandex presented the 100 most popular queries in 2014
• How Google trains employees in the toilets
• What cyber threats should be feared in 2015: the forecast of Kaspersky Lab
• Results of the year: YouTube Rewind 2014
• Pictures of the ages: the history of popular computer symbols
• Computer mouse evolution
• Why computers can't write programs on their own - discussion on Quora
• How Google and Amazon exploit invisible workers
• Oculus Rift will allow you to interact with the virtual world with your hands
• Silicon Valley Legends: The Hewlett-Packard Story
• Silicon Valley Legends: Intel's Story
• Globe with IT companies billionaires
• 2014 in Gaming: The Year in Under 2 Minutes
• 5 trends in SEO for 2015

We apologize for any typos or broken / duplicate links. If you notice a problem - please write in a personal, we are trying to fix them quickly.
')
Digest from last week .
Material prepared dersmoll and alekskorovin .