The digest of interesting materials from the world of web development and IT for the last week №114 (June 15 - 21, 2014)

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

Web development

• Google introduced Web Fundamentals and Web Starter Kit
• Google Web Starter Kit: Mobile Website Builder
• Sample web performance
• Store web fonts in CDN
• Create the first plugin for Grunt
• Using ARIA in HTML
• headstart.io - An easy-to-use automated front-end development kit.
• Useful cheat sheet on favicon
• Screencast: we start working with gulp.js
• And for those who have already started to deal with Gulp, here are a couple of extra tricks
• Grunt PageSpeed ​​using ngrok for local testing
• Grunt native support in fresh PhpStorm EAP announced
• HTML5 accessibility support in browsers
• A look at the SVG viewBox and viewport
• Prefilling forms with a custom bookmarklet
• Use the HTML5 Gamepad API to add controller support for browser games
• Why I love debugging a site using IE F12 tools

CSS

• Details on Background-blend-mode
• Cool CSS hover effects for blocks with text on image background
• Reflections on Strings, Quotes, Badges and Tildes in Less CSS
• The history of the navigation bar on Apple.com (CSS implementation)
• Various styles generated by Sass
• Accelerate website load using Critical path CSS generator
• AB CSS: ordering CSS for everyone
• SassySkeleton is a template for improved structuring of Sass & Compass styles.

Javascript

• Create a Zoom animation when scrolling with jQuery.Zoom-Scroller.js
• ANGULARJS + REQUIREJS
• Langton Ant on JS and Canvas
• Async attribute and scripts at the bottom of the page code
• ScrollMe - jQuery plugin for simple addition of scroll animation
• Selection of resources and materials for Angular
• Outdated Browser - a nice reminder that it's time for the user to change the browser.
• asynquence: promises that you still don't know about: part 1 , part 2
• odyssey.js - a framework for creating interactive stories and articles for journalists, designers and other creative individuals
• JavaScript emulators
• Faster UI animation with Velocity.js
• New cryptographic Javascript library from Microsoft
• Creating a circular counter using TimeCircles
• Dynamic filtering layout using Isotope and Bootstrap
• Brick Work - jQuery plugin for creating masonry style dynamic layouts

Web tools

• MapBuildr - online designer for google maps
• dimensionstoolkit - A tool for Chrome that allows you to conveniently debug site adaptability
• Comparison of services for image compression: TinyPNG, Compressnow, Compressor.io, JPEG-optimizer, Image Optimizer.

news

• What should be a good map - reference points on Yandex.Maps . How Yandex.City met with recommendation services
• Microsoft moves to proprietary processors
• The Ministry of Industry and Trade orders the development of a domestic processor "Baikal"
• Amazon introduced its smartphone with 6 Fire Phone cameras . Getting to know Amazon Fire Phone live: is there a practical sense in six cameras?
• Adobe Photoshop CC 2014: what's new?
• Adobe has implemented a lot of innovations in Photoshop CC 2014
• Adobe has released its first devices: a pen Ink and ruler Slide
• "Yandex" will acquire Auto.ru for $ 175 million
• EU and South Korea join forces to develop 5G networks
• SteamBoy - portable game console based on SteamOS
• The Unicode 7.0 standard adds support for a large number of new characters.
• Apple has released a more affordable monoblock model iMac
• Nokia paid millions of euros to blackmailers threatening to unveil Symbian code
• The Apache HTTP server includes a module with support for the SPDY protocol.
• WSJ: Apple will offer several options for iWatch smart watches
• YouTube will remove videos of musicians who refused to enter into an agreement
• CodePen launched the ability to write posts

Browsers

• Launch Internet Explorer Developer Channel
• The next generation of browsers (Vadim Makeev on Coast)
• Exit Firefox 31-beta and Firefox 32-aurora. Among other things - support for variables in blocks of CSS and Canvas Debugger

Sites with interesting design and functionality

• btlbrands.com - interesting in terms of design scroll effect
• squarespace.com - cool scroll effects: animation, fade, parallax
• cvc1659.co.za - horizontal sideline with timeline
• www.world-of-swiss.com/ - great realization of the scrolling effect in the depth of the page
• epicdiscovery.com/vail - a site with an interesting implementation of the drop-down content
• sismodesign.com - a site with creative animation and non-standard page templates
• fitstar.com - interesting solutions in design and scroll animation
• marksommerschield.co.uk - site with successful animation of standard components
• the universal typeface is a social project that collects letters from all over the world.
• personalbrandinstitute.com - a site on canvas with interesting animation effects
• ahistoriaeoutra.com.br - colorful canvas in comic style
• alstercloud.rs - site - nominee and winner of a number of competitions
• sendabigidea.com - a colorful scrolling site with parallax effects and non-standardly directed animation
• artlabelproject.com - concept art site

Design

• The war with the designer: where does good design come from? Part 2
• 7 Common Web Design Mistakes That Enrage Users
• Motorola has selected 10 Moto 360 front panel design finalists
• Smart Objects and Layer Comps in Photoshop CC 2014
• Understanding the pixel grid
• call to idea - A catalog of interface solutions for all occasions of a web developer. You can be inspired and drag off a couple of good ideas.
• The coder's guide to finding the perfect color palette
• 80+ cool animal-inspired logos
• Poka-yoke in user interface design
• Sketches and drawings in web design

Demo

• Move the cat by the nose with js / css
• Microsoft has released a browser game no anime series Gargantia . According to Microsoft, the game Gargantia: Sky Courier is perfect in order to evaluate the capabilities of Internet Explorer 11
• Cool Audio-Visual Experiment from Hakim

Entertaining

• "Dauria" in space
• "The man on the edge of a knife" - John Carmack, milestones of achievements and contribution to the gaming industry
• New York Times: How Tim Cook Is Changing Apple
• DRM Technologies - A Threat to Computer Security
• Simply Measured report: Facebook engagement down 50%
• CNET Reviewer: Mozilla CEO resigned due to board issues
• Reference factors in the Yandex ranking formula: 3 months after “disconnecting”
• The Machine: how to invent a computer in the 21st century?
• How "Zuckerberg Call" Fought AdBlock and Lost
• Founder of TechCrunch accused Microsoft of bribing bloggers to write articles about Internet Explorer
• Quantum computers: principles of operation
• Secret and seven other anonymous applications
• The future of spaceflight: who will replace the Space Shuttle and the Soyuz
• Why Apple abandoned Yahoo weather service
• Guess the programming language
• Hyde fitness guide for geeks

')
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.
PS: This issue of digest came out in a slightly abbreviated format due to the absence of one of the authors
Digest from last week .
Material prepared dersmoll and alekskorovin .