The digest of interesting materials from the world of web development and IT for the last week №101 (March 16 - 22, 2014)

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

Web development

• Comparison of popular build systems for frontend developers
• HTML by standards
• Grunt and WordPress: Part 4. Advanced Grunt usage techniques
• Explore interesting projects from GitHub
• New attributes for HTML5 links: download, media, and ping
• jsDelivr - advanced open source open source CDN
• How not to drown in web development tools
• A brief description of the tools of the modern process of front-end development: Yeoman, Grunt and Bower
• Changing Technologies: Font Icons vs SVG
• Creating a logo on WebGL
• Four design patterns that break user expectations about the possibility of using the back button
• Manage your android phone with a swipe of your finger
• Authorization in social networks - how to design this functionality and how to implement it
• Fifteen best programming fonts
• Expanded WordPress Cheat Sheet
• Tips for marking up their adaptability email-templates
• 15 resources to create your own custom E-mail Newsletter
• Bulletproof Components for HTML Email
• Readability First Approach
• Responsive design with minimum code
• BOOTFLAT - bootstrap based framework
• Another selection of useful tools to work with Bootstrap

CSS

• Responsive design. Reaction to the light level
• The idea of ​​CSS aliases from Tab Atkins
• Keegan Street CSS Specificity Calculator
• Flukeout.imtqy.com - animated interactive tutorial for CSS selectors
• CSS animation performance and transitions: look inside the browser
• Flexbox Grid - a grid built on the flex property
• Vertical text on CSS (IE9 +)
• Hello, Yamm 3! - Yet another megamenu for Bootstrap 3
• RWD table implemented in HTML / CSS
• Inspiration for creating animated transition effects
• SVG files with animated preloaders
• Creating a rainbow stroke with Sass by Hugo Giraudel
• Animated retro screensavers, reproduced on CSS
• CSS Synthesizer
• 28 pure CSS snippets for web developers
• flexbox in the real world
• CSS Shapes geometry
• Easily create a Masonry style layout using the Flexbox
• Behavior of the cursor over the text in browsers
• A simple algorithm for polygons when calculating shapes in first-level CSS

Javascripts

• Array in javascript: slice vs. splice
• Uncovering the mystery of this in javascript
• Free CSS3 EnjoyCSS Generator
• Win 8.1 App using HTML & WinJS
• Guide on basis.js. Part 1: Getting Started, Views, Modules, Tools
• Get the element of the page where the focus is located using JavaScript
• Tether is a library for positioning relative to other elements.
• Exploring the JavaScript Device API
• Google grid gallery
• Adaptive full-size tabs
• What will appear in AngularJS 2.0 and why
• Why I am excited about javascript object.observe
• Rules for creating applications on MVC JavaScript from Alex MacCaw
• Understanding Object Equality in JavaScript
• Browserify - Unix in the browser
• Revisit JavaScript minification
• Video: from Eric Elliott - modular javascript with npm and node modules
• picturePolyfill - an adaptive image based on the picture element
• interfake - quick creation of fake API for testing client prototypes
• JScrambler - the power to protect your JS code
• MixItUp - animated filtering and sorting
• Nijiko Yonskai JS Code Writing Guide
• Book Speaking JavaScript (O'Reilly Dr. Axel Rauschmayer)

Web tools

• Screen Sizes - all sizes and resolutions of the most popular devices
• Current position with tools for adding interactivity to design
• youtube-dl - utility to download videos from YouTube
• Brick - a web font service (similar to Google Fonts, but with a much smaller font set)
• Font selection from Google Font by ampersand - &
• GitHub Selfies - add to your photo
• psdiff - a simple preview of the .psd files for .git
• Aesop Story Engine - a set of tools for publishing stories in a modern form on WordPress

news

• GDC 2014: Unity 5 engine with global illumination and WebGL support
• Facebook learned to recognize faces in a crowd with an accuracy of 97.25%
• Motorola and LG are preparing a smart watch on the OS from Google
• Changes on Yandex services [due to the situation in Crimea]
• Google continues to actively promote the WebP format.
• Sony introduced its virtual reality helmet
• Microsoft officially introduced DirectX 12
• Google Maps for Android will remind you of upcoming concerts, matches and other events.
• Google introduced Android Wear - a platform for smart watches
• Google has added a calculator for solving geometric problems.
• Yandex bought an Israeli startup KitLocate
• Yandex.Money began to issue virtual cards
• Bing will show the desired route on the map directly in the search results
• Twitter allows you to track messages from selected users
• Adobe showed quarterly revenue of $ 1 billion.
• Voice messages appeared in Telegram
• The head of Linkedin shifted Mark Zuckerberg from the first line of the ranking of the best CEO
• Apple released cheap iPhone 5C with 8 GB on board

Browsers

• Firefox 28 release
• Firefox 29-beta and Firefox 30-aurora exit
• Mozilla refused to release WinRT version of Firefox due to low user interest.
• How to protect the browser from unwanted settings changes
• Firefox 28 release: new video codecVP9, notifications for OS X, volume control in HTML5 Video and Audio
• Presentation of the Canvas debugger in the Firefox development panel
• All major browsers were hacked at the Pwn2own Hacking Contest

Sites with interesting design and functionality

• Sites with funny design
• Futurism elements in web design
• /bacondeczar.com - pixel animation site
• Creative thematic car website effects parallax effects
• mystaticself.com - a 3D-themed website with atmospheric sound
• fitbit2013 - colorfully illustrated website with animation effects
• runbetter.newtonrunning.com - non-standard approach to site navigation
• snowflakecreative.co.uk - an interesting implementation of parallax effects
• Official celebrity sites in the trend of modern web design
• 45 Modern Minimal Websites
• www.hadalabo.jp/shiroshizuku - Japanese site with various scroll effects and animation

Design

• Mobile applications for designers
• 5 simple tips on working in Adobe Illustrator
• Samsung launches website design philosophy
• Font Men - SXSW 2014 Official Selection
• Time magazine interview with legendary Jonathan Ive from Apple
• Pixel Alignment Guide for Designers
• Five free alternatives to cloud photoshop
• Inspiring pages “About us”
• Creating design forms that increase the conversion of users, seven proven techniques
• Apple TV concept - the next generation?
• Ten ways to create professional and well-organized PSD files
• Creating a colorful geometric repetitive background in Photoshop
• Creating a complex, repetitive, geometric background in Photoshop
• Lessons on using the brush tool in Photoshop
• Detailed Consideration of Arabic Calligraphy

A selection of free designer cookies

• Free retro style patterns
• Free brushes for Adobe Illustrator
• Background images from Mike Kus: black board, walls, wood
• Ten PSD with amazing site templates (themes)
• Mockuuups - four PSD files for previews on iPhone 5S
• Fifteen hundred contour icons in a format from Dario Ferrando
• Geomicons Open - set of simple flat icons
• Wedding Icons
• Outlined Iconset - more than one and a half hundred outline icons in the set
• Ten best new, mostly sans serif fonts: from Campton to Mohave
• Three dozen elegant fonts suitable for minimalist designs
• Coda - decorative sans serif font
• Lousiane - elegant vintage font

Demo

• Experiments - UI prototypes for touch devices
• WebGL and asm.js at GDC 2014
• Exciting chrome experiments
• 404 page with cool CSS3 animation
• Rollers - infinitely unfolding 3D prisms on pure CSS
• Macslow web ported watches

Entertaining

• Facebook vs. Google: the battle of technology giants has moved to the sky
• To health! Ten most interesting new products of 2014
• Saw the Light Makehuman 1.0.0, a free generator of 3D models of the human body
• The American has become the first person in the world to score 1 million points on Xbox Live
• The project "Bleu" and 3D-printer Stratasys: create a model of cars from different materials
• HP in the summer will begin mass production of 3D-printers
• Almost unbelievable! Physicists for the first time proved the existence of gravitational waves.
• Google-cameras filmed rafting down the Grand Canyon
• The second coming of VR: the delights and horrors of new virtual reality helmets
• Crowdfunding week
• Samsung mocks iPad, Kindle Fire and Surface
• A working keyboard created from LEGO
• The official website of Moto360 smart watches

Competition from ITStuff

According to the results of the competition, announced last week, the labinskiy habraiser became the winner. Congratulations!
We remind the contest conditions: Starting from the last digest you have a chance to get a cool HTML5 T-shirt , or any other T-shirt from the store catalog to choose the winner. The winner will have to leave the best (count by plus signs) comment referring to the material for the last week, which can be included in any of the first three categories - Web development, CSS or JS, and which was not included in our digest.
The contest will continue for a month, and the best comment of each new issue will bring to its author a wonderful T-shirt.
')
Digest from last week .
Material prepared dersmoll and alekskorovin .