The digest of interesting materials from the world of web development and IT for the last week №182 (October 19 - 25, 2015)

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

Web development

CSS

Javascript

Browsers

Design

news

Entertaining

Web development

• Log text broadcast from Yandeks.Subbotnika from the Community of Web Standards: materials, photos and video
• Web Animation API: useful links
• Why Mobile First?
• Section about client programming on HighLoad ++
• Gyro and accelerometer in web design
• Easy content organization with HTML5
• New site builder from Bootstrap: Bootstrap Studio . Small video review
• How to master screen orientation in HTML5 (How to master screen orientation with HTML5)
• Atom presents the Beta Channel
• Foundation 6 - 10 new amazing features
• <input>, I love you, but you let me down (input I you
• A brief history of people who are angry at the ports.
• Chrome Devtools Tips & Tricks
• ServiceWorker: Web Platform Revolution (ServiceWorker: Revolution of the Web Platform)
• Minimum system requirements in terms of web and progressive improvement (Minimum system requirements)
• A look at the correct semantics in HTML5 (A Look Into Proper HTML5 Semantics)
• The book "Front-end Handbook" (Front-end Handbook)
• How to Use Modernizr Responsibly (How to Use Modernizr Responsibly)
• A Guide to Interviewing Web Developers (The Vital Guide to Interviewing Web Developers)
• Punch card encoding: the secret of interactive emails (Punched card coding: the secret of interactive email)
• How to solve caching puzzles (How to Solve Caching Conundrums)
• Lazy Loading Images on the Web
• You may not need Gulp.js (You Might Not Need Gulp.js)
• So, how does the browser actually render the site (Report by “So how does the browser actually render a website” by Ryan Seddon from JSConf EU 2015)
• Mobile access collapses: do we need WCAG3? (Mobile Accessibility Fails: Do we need a WCAG3?)
• A11y Rocks - compilation of songs from the Web Accessibility Community
• SVG:
  
  • How to work with SVG Text
  • Icon Animation with Sketch and SVG
  • Render SVG Paths in WebGL
  • Slides of the presentation The Wonderful World of SVG by Chris Coyier
  
  
• Spectacular web:
  
  • Weekly selection of beautiful effects on CSS / SVG / JS # 9
  • Page stack navigation
  • Mobile interactive experiment “Pull to Share”
  
  

CSS

• PostCSS:
  
  • Why PostCSS is needed
  • PostCSS Quick Start Guide: Configuring Gulp
  • Deep immersion in PostCSS: create your own preprocessor (PostCSS Deep Dive: Roll Your Own Preprocessor)
  • Deep immersion in PostCSS: Preprocessing with “PreCSS” (PostCSS Deep Dive: Preprocessing with “PreCSS”)
  
  
• Web fonts:
  
  • Antipattern web fonts: using local fonts (Web Font Anti-Pattern: Using local fonts)
  • Death to iconic fonts! (Report "Death to icon fonts" by Seren Davies with EpicFEL 2015
  • An article about the nuances of using fonts on Medium and how they managed to resurrect a 25-year-old font (System shock. A story of a 25-year-old font coming back with a vengeance)
  
  
• Order tags in HTML vs order elements using CSS (HTML Source Order vs CSS Display Order)
• Things to avoid when writing CSS (Things To Avoid When Writing CSS)
• CSSgram is a small (<1kb gzipped!) Library for recreating Instagram filters with CSS filters and blending effects.
• Incomplete list of errors in CSS specifications (Incomplete List of Mistakes in the Design of CSS)
• Pseudo-comments in CSS, or how browsers parse styles (Pseudo-comments in CSS (Or, How Browsers Parse Styles))
• Making edges tilted with CSS masks and transformations (Angled Edges with CSS Masks and Transforms)
• CSSketch - CSS for Sketch 3. Design using CSS styles
• Animate elements along a path in CSS (Animate Elements on a Path with CSS)
• Flexbox Practical Guide (A Practical Guide to Flexbox)
• 5 Things You Probably Didn't Know About CSS Positioning Types (5 Things You Might Not Position)
• Fifteen most frequently asked questions on CSS interviews (15 Common CSS Interviews Questions and Answers)
• Testing blending modes in CSS (Mix-Blend-Mode CSS property test)
• Change the text color depending on the background automatically in CSS (blending modes) (Reverse Text Color).
• Animated Gameboy Toy (Animated Gameboy in CSS)
• Project Cards Template

Javascript

• How to create your own browser for Windows 10 on HTML and JavaScript
• Framework:
  
  • Learning React - for what, where, how?
  • Angular2 close
  • TypeScript 1.6 release: not just React
  • Test-Driven Development in AngularJS
  • What's new in Ember 2.0?
  • Khan React Writing Style Guide
  • Choosing a Front End Framework / Library: Angular vs. Ember vs. React (Choosing a Front End Framework: Angular vs. Ember vs. React)
  • Multilingual support for AngularJS (Multilingual Support for AngularJS)
  • Angular 2 on pure JS (Angular 2 in Plain JS)
  
  
• ES6:
  
  • ES6 in details: residual parameters and default parameters
  • Implementing an EventEmitter in ES6
  • Why is there a “time zone of insensitivity” in ES6? (Why is there a “temporal dead zone” in ES6?)
  • Understanding ES6 Arrow Functions for jQuery Developers
  
  
• Difficulties with publishing JS libraries (The struggles of publishing a JavaScript library)
• Best Practices for Using Promises in JS (Best Practices for Using Promises in JS)
• JavaScript becomes asynchronous (and that's fine) (JavaScript Goes Asynchronous (and It's Awesome))
• Experiments with Object.observe in JavaScript (Experimenting with Object.observe in JavaScript)
• Creating a real-time chess game with Socket.io (Building Real-time Chess with Socket.io)
• Why am I not betting on my future with MeteorJS. (Why I'm not staking my future on MeteorJS.)
• We translate the application for working with notes and cards to a new level (Bringing card design to a new level.)
• Create an audio player controlled by voice commands from the Web Speech API (Make a Voice-Controlled Audio Player with the Web Speech API)
• JQuery collection of simple useful snippets (A collection of simple tips to help up your jQuery game)
• Simple Lightbox - another jQuery plugin for creating touch-friendly image lightbox for desktop and mobile
• rollup.js is a new generation of JavaScript module builders
• Vivus.js - a script for animating SVG animation (Vivus.js brings SVG Animation to Life)

Browsers

• Confidence in Let's Encrypt certificates is secured in all major browsers.
• Mozilla will stop supporting SHA-1 ahead of time.
• In Chrome added the ability to mute the sound in the tabs
• Edge extensions support postponed to summer 2016
• Access to password forms via HTTP is marked insecure in Firefox
• Firefox 44 has a Do Not Disturb option that disables browser notifications
• Essential Tool: Firefox's Screen Command

Design

• The illusion of time . Translation of the article “The Illusion of Time. How Time Perception Shapes User Experience " by Adrian Zumbrunnen
• How fantasy works for young designers
• Create a mythology around your design (Developing Mythology Around Your Designs)
• Create a landing page that sells (Designing a landing page that sells)
• Graphic editor:
  
  • Sketch Plugin Reference
  • How to free 50 GB or even more by cleaning the Sketch cache files
  • Distributing and aligning objects in Sketch
  • 11 Apple Watch Application Design Tips in Sketch
  
  
• Redesign:
  
  • 6 big redesigns of summer 2015
  • Redesign Twitter Moments (Redesigning Twitter Moments)
  • Let's redesign web design ( let's redesign web design )
  
  
• UX:
  
  • The evolution of buttons in the UX (The Evolution of Buttons in UX Design)
  • Object-Oriented UX (Object-Oriented UX)
  • Fixing the UX of hyperlinks
  • UX links - take a step forward (The UX of Hyperlinks — Taking it all a step further.)
  
  
• How to draw an illustration in Sketch using only a rectangle, a circle and a curve
• How to Create Organic Textures for Scarecrows in Adobe Photoshop (How to Create Organic Textures for the Scarecrow in Adobe Photoshop)
• Product design starts with a fingerprint (Product Design Starts With a Fingerprint)
• Designing a landing page (sells)
• Internet conversation: Jean-Marc Denis, designer at Google (previously worked at Sparrow) (AMA: Jean-Marc Denis, Designer at Google (Formerly at Sparrow))
• Hand crafted in the digital age (Designing By Hand in the Digital Age)
• Exploring the Product Design of the Stripe Dashboard for iPhone
• The principle of Johnny Ive (The Jony Ive Principle)
• Insights design from LEGO (Design Insights From LEGO)
• Does Material Kill Web Design? (Is Material Design killing the Web?)
• 25 creative logos with double meaning (25 Creatively Designed Clever Logos)
• Tokyo is waiting for your ideas regarding the logo design for the Olympic Games in 2020 (Tokyo Wants Your Logo for the 2020 Olympics)

A selection of free designer cookies

• 20 seamless oriental patterns
• Plugin for measurements in Sketch (Free Measurement Plugin for Sketch Designers)
• All Saints Day Vector Patterns (20 Free Vector Patterns for Spooky Halloween)
• High-quality textures (20 Free Quality Texture Packs for Your Next Project)
• “Land.io” UI + Landing Page Template (HTML) (Freebie: “Land.io” UI Kit + Landing Page Template (HTML))
• Mock-ups to showcase brand identity (15 Free Brand Identity Mock-ups)
• Vintage Vector Stamps Dedicated to All Saints Day (Freebie: Vintage Vector Halloween Stamps)
• SVG icons of popular brands (Simple Icons)
• Free book “You're Designing It All Wrong!” (You're Designing)
• Adaptive icons for online stores (Free Responsive E-Commerce Icons)
• Captain - a set of handwritten icons (Captain Icon is a Freehand Open Source Iconset with 350+ Icons)
• Free retro icons (Free Download: 2000+ Scalable Colored Wired Icons)
• Icon set for All Saints Day (19 icons, AI, EPS, PDF, SVG, PNG) (Freebie: Halloween Icon Set (19 Icons, AI, EPS, PDF, SVG, PNG))
• Metal Blackletter - decorative font styled as Gothic (Metal Blackletter - Free Font)
• Delicate - decorative font (Delicate free font)
• Stilu-Free - sans serif typeface (Stilu-Free San Serif Typeface)

news

• Western Digital bought SanDisk for $ 19 billion
• Twitter launched polls
• EU court equated bitcoins and other cryptocurrencies to traditional money
• Nine-digit investments in Virtus.pro, the dissolution of the legendary Na`Vi line-up and other e-sports events
• Western Digital buys SanDisk for $ 19 billion
• Facebook has made all 2 trillion messages available for search.
• Google's first quarter under the wing of the Alphabet: revenue and profits continue to grow steadily
• Instagram Boomerang: a new application for creating short looped videos
• Yahoo and Google have opened a new era of search and advertising collaboration.
• Google switched from OpenSSL to BoringSSL
• A paid subscription and music app will appear on YouTube
• Microsoft will release its own payment system on Windows

Entertaining

• In South Korea on suspicion in the organization of match-making on StarCraft 2 arrested nine people
• The media described the impressions of the first laptop, Microsoft
• "Back to the Future" in social networks of brands: The reaction of companies on October 21, 2015
• 80 tasks from IT interviews with decision analysis
• Hey, startups, it's not the 90s now! Stop treating your employees like
• Journalists tried to talk through the translation in Skype
• Martian really: how NASA is going to deliver people to Mars
• 25 sounds from the 1980s – 1990s that will make you smile
• What problems will Microsoft Hololens face?
• An impressive demonstration of augmented reality Magic Leap
• 10 new words you need to know in Silicon Valley
• Histography.io - timeline with visualization of significant events in history with data from Wikipedia

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 .