The digest of interesting materials from the world of web development and IT for the last week №181 (October 12 - 18, 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

• Linux Maker's Life
• DevTips: Web Developer Tips (17-32)
• Experiment: Should I use forms in email
• Collection of useful links for front-fenders.
• Weekly selection of beautiful effects on CSS / SVG / JS # 8
• We create a more responsive website.
• Web Animation API Guide: Conclusion
• Broadcast recording by J. Subbotnik on the frontend, held on October 17 in the Moscow office of Yandex
• 16 ways to search, find and edit using Chrome DevTools
• Bringing Components to the Web: A Web Components Overview (Bringing Componentization to the Web: An Overview of Web Components)
• Do not wait for ServiceWorker: add offline support using One-Line (Don't Wait for ServiceWorker: Adding Offline Support with One-Line)
• Accelerated Mobile Pages - I have more questions than answers.
• Seven Things You Should Know About WebAssembly (7 Things You Should Know About WebAssembly)
• HTML for screen readers - labeling elements (HTML For Screen Readers - Labelling Elements)
• A huge list of static site generators (The definitive listing of Static Site Generators - all 393 of them!)
• Fayde - Silverlight everywhere without plugins

CSS

• PostCSS:
  
  • Deep immersion in PostCSS: What makes PostCSS special
  • PostCSS Quick Start Guide: Quick Configuration Options
  • A series of video lessons from PostCSS LevelUpTuts
  • Using PostCSS for Compression and Optimization (Using PostCSS for Minification and Optimization)
  • Using PostCSS for Cross Browser Compatibility (Using PostCSS for Cross Browser Compatibility)
  
  
• Web fonts:
  
  • Using web fonts, the best way (for 2015)
  • Anti-patterns using web fonts ( Overuse , Inline with base64 , Aggressive subsetting )
  • Explanation of some problems with fonts (Some problems with webfonts explained)
  
  
• "Tomato" vs # FF6347 - the tragicomic history of color names in CSS
• Game for guessing the name of the color in CSS (Fun with CSS color names)
• Diamond grid with Sass (Diamond grid layout with Sass)
• Effect Ideas for Image Grids (Effect Ideas for Image Grids)
• GSS View: Grid Style Sheets (Introducing GSS: Grid Style Sheets)
• CSS Architecture
• Tips for working with CSS animations from the CSS wizard (Animation Advice from a CSS Master)
• What do high resolution screens mean for your site? (What Do Super High-Res Displays Mean for Your Website?)
• CSSketch - a plugin that adds CSS support to Sketch 3
• Programmers see the design differently: why did I create a CSS plugin for Sketch 3 (Programmers Design Differently: Why I Built a CSS Plugin for Sketch 3)

Javascript

• Matreshka.js ECMAScript.next boilerplate
• Creating a space browser game. First experience
• 4 videos from MoscowJS 25
• Should I study js? (Should I learn javascript?)
• Why you should pay attention to JavaScript (JavaScript All The Things - Or, Why You Should Pay Attention To JavaScript)
• Online conversation with the creator of D3.js (Hi! I'm Mike Bostock, I’m a data visualization, design and open source. AMA!)
• Release Node v4.2.0 (LTS)
• The future of web development - React, Falcor, and ES6 (The Future of Web Development - React, Falcor, and ES6)
• Calm introduction to Ember 2.0 (A Gentle Introduction to Ember 2.0)
• Understanding PhantomJS (Understanding PhantomJS)
• “No, really ... robots and JavaScript ?!” from Raquel Vélez (“No, Really ... Robots and JavaScript ?!” by Raquel Vélez)
• Beginner's Guide to Currying in Functional JavaScript (A Beginner's Guide to Currying in Functional JavaScript)
• Browser console API for work and fun (The Command Line API for Fun and Profit)
• ES6:
  
  • Introduction to arrow functions in JavaScript ES6
  • ES6 Review by Nicolas Bevacqua (ES6 Overview in 350 Bullet Points)
  • Developing JavaScript modules with ES6 (Authoring JavaScript modules with ES6)
  • ES6 to WebKit (ES6 in WebKit)
  • Quick project setup with ES2015 with Browserify, Babel & auto-update (Quick ES2015 project setup with Browserify, Babel & hot reloading)
  • Axel Rauschmayer in defense of ES6 classes
  • ECMAScript 6 Quiz
  
  
• We make links for sharing in social networks without widgets.
• JavaScript iterators and generators (JavaScript Iterators and Generators)
• Checklist for application security on Node.js (Node.js Security Checklist)
• Developing Scalable Applications with TypeScript (Developing Large-Scale Applications with TypeScript)
• React + Flux, in 137 lines, can do the same as jQuery in 10 (React + Flux can do in 10)
• Video: loading images as needed (Watch: Loading Images the Lazy Loading Way)
• Lazy, Composite, and Modular JavaScript (Lazy, composable, and modular JavaScript)
• Crop images with focus from smartcrop.js (Focused Image Cropping with smartcrop.js)
• SVG-to-PNG Converter using PhantomJS (SVG-to-PNG Converter Using PhantomJS)

Browsers

• Chrome 46 web browser release
• Edge browser extensions should appear in a few weeks
• Chrome 46: new trajectory animations and other improvements (Chrome 46: New motion-path animations, client hints and service workers improvements)
• Microsoft includes Async / Await in Edge Preview build (Microsoft Enables Async / Await in Edge Preview Build)
• Microsoft Edge ORTC API will add enhanced communication capabilities to web applications (Microsoft Edge ORTC API Support Provides Advanced Communication Capabilities for Apps)
• The-Printliminator - bookmarklet or extension to customize the site for printing

Sites with interesting design and functionality

• sequoiacap.com - site with bidirectional scrolling
• raisethedeadwith.us - a funny scrolling site with conceptual design and interesting scrolling effects
• hound-studio.com - one-page scroll site with funny animation
• trymore-inc.jp - a specific Japanese scroll site with a corresponding design
• katafarkas.com - horizontal scroll site with parallax effect and unusual design
• jaschagoltermann.com - creative portfolio site designer, with canvas-elements and animation
• panache.fr - vertical site with an unusual visual effect
• jonikorpi.com

Design

• Comparison of five tools for prototyping applications with sketch support
• What did the first graphical interfaces look like?
• Design in 1x: a perfect sketch workflow for a designer
• Top 50 Newsletter Designs (and how to do it yourself is just as cool) (Part 4)
• Appeared top popular fonts among a million sites
• Product Design: The 20 Most Important Materials For September
• Three more prototyping tools for sketch applications
• Use of negative space in illustrations
• How to find and fix usability problems
• Getting Started with Wearable Devices: How to Plan, Build and Design (Getting Started With Wearables)
• Why UX is more important than ever (Why UX is more important than ever)
• Design for Multiple Devices
• Top 6 designer frustrations over developers (Top 6 frustrations designers have with developers)
• What UX designers can learn from architects (What UX Designers can Learn from Architects)
• Comparison of eight prototyping tools: Proto.io, Pixate, Framer, Origami, Form, Principle, Flinto for Mac and Hype
• New rules for scrolling in web design (The New Rules for Scrolling in Web Design)
• Meet the new 500px (Meet the new 500px), 500px has introduced a new excellent brand (500px unveil a distinct new brand)
• Redesign Active Collab (Redesigning Active Collab)
• Secrets behind the success of Monument Valley
• Internet conversation: Christopher Downer, designer in Sketch (AMA: Christopher Downer, Designer at Sketch)
• How to create a style guide for the web that you will be proud of (How to Create a Web Style Guide You'll Be Proud Of)
• How to Create a Style Guide (How to Create Your Own Brand Guidelines)
• More Compassionate Facebook (A More Compassionate Facebook)
• Nine long- running myths about usability testing (9 Lingering Myths on Usability Testing)
• What design work should I do? (What is Kind of Design Work Should I Do?)
• Explanation of graphic design to four-year-olds (Explaining graphic design to four-year-olds)
• Using Bread Crumbs in Web Design (Using Breadcrumbs In Web Design)
• IOS Design Guide (The iOS Design Guidelines)
• Facilitate learning using design (Making Learning Easy by Design)
• Photo of expanded hands on Facebook (Photographing Diverse Hands at Facebook)
• The history of visualcomplexity-com (10 years / 1,000 projects)
• How to use Kaizen philosophy to create better design (How to use Kaizen thinking to design better)
• Finding Clarity and Energy
• Design in Hack @ Brown (Designing Hack @ Brown)
• Animation for beginners: how to animate a bouncing ball! (Animation for Beginners: How to Animate a Bouncing Ball!)
• Prototype with Principle - try it, especially if you are busy. (Prototyping with Principle - give it a try, especially if you're busy.)
• How to create a fantastic space scene in Adobe Photoshop (How to Create a Sci-Fi Outer Space Scene With Adobe Photoshop)
• Seamless thematic pattern design in Adobe Illustrator (Design a Day of the Seamless Pattern in Adobe Illustrator)
• fontreach.com - font search service

A selection of free designer cookies

• Free food photos
• Free preparations for infographics
• Free GUI Sets and iOS 9 Templates (Free iOS 9 GUI Kits & Templates)
• Illustrations of fast food cooking from Bangkok (Bangkok Street food)
• 25 mockups for demonstration of product packaging design - October 2015 Edition (25 Free Product Packaging Mock-ups - October 2015 Edition)
• Resto - Free PSD Theme Restaurant # 6 (Resto - Free Beautiful Restaurant PSD Theme # 6)
• Halloween Icons
• One hundred adaptive control icons (100 Free Responsive Line Icons)
• Sharpicons - a set of contour icons (Freebie: Sharpicons 120 Line Icons)
• XXII Geom - Geometric Font (XXII Geom - Font Family)

news

• New Apple: Magic Keyboard Keyboard, Magic Mouse 2 Mouse and Magic Keyboard 2 Trackpad
• Apple claims the brand "Apple"
• Yandex will become the standard search engine in Windows 10 for Russia, Turkey and several CIS countries
• JPEG format offered to equip with DRM protection
• Skype has allowed users without an account to invite to chat and video calls
• Google has withdrawn AJAX scanning recommendations
• Siri and Google Now activated by radio waves
• Siri and Google Now helpers can send remote silent commands
• Users of Windows 7 and Windows 8 complained about the "forced" upgrade to Windows 10
• Microsoft repented of pushing computers to Windows 10
• Payments from Yandex.Money now accept stores around the world
• Facebook will help get rid of bad "memories"
• Social media boosts email marketing 6 times

Entertaining

• Alibab Adventures As a humble teacher, Ma Yun turned into a billionaire
• Top 10 largest deals in IT (infographics)
• Kickstarter froze dubious laser shaver project
• The authorities could not disconnect Russia from the global Internet because of the "gray" providers
• 15 free courses for beginners and advanced programmers from MIT, Stanford and Harvard
• Computer games have a positive effect on brain function and cognitive functions.
• Sunset of the living dead: Dell, EMC, HP, Cisco
• Windows does not matter for new Microsoft
• PS "Yandex" dismissed the remnants of the old team "Kinopoisk" for disclosing information
• 5 lessons restarting "KinoPoisk"
• "Film Search": the tragedy of times
• Double life: how ideal social networking profiles drive their owners and their friends crazy
• What kind of Internet marketing specialists are looking for in social networks?
• Google acquisitions: where are they now?
• Android 6.0 Marshmallow - a review of the new operating system on the example of the Google Nexus 5 smartphone
• Forbes ranked the highest paid video blogger on YouTube
• The photographer showed the dependence of people on their smartphones, removing the smartphones themselves from the frame.
• The most expensive deals in the history of the IT industry
• The artificial intelligence system passed the IQ test at the level of a 4-year-old child.
• WebGL experiment with drawing a human face
• Chromoscope

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 .
The material was prepared by dersmoll and alekskorovin .