The digest of interesting materials from the world of web development and IT for the last week №195 (January 18 - 24, 2016)

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

• We use WebP today . Translation of the article Guide To Using WebP Images Today: A Case Study
• DevTips: Web Developer Tips (33-48)
• Deviations of developers . Translation of the article Developer Fallacies in the community css-live.ru
• Why is it difficult to program the UI. Kirill Mokevnin
• Nativefier - A tool that turns your website into a native application (Turns Any Web Site Into a Native App from the Command Line)
• W3C again forked HTML (W3C forks HTML yet again)
• Remy Sharp: Why I love working with the web (Why I love working with the web)
• Firefox and Web Speech API
• The problem with global dependencies for Node.js and their solutions (The Issue With Global Node Packages)
• Webpack Your Workflow
• Bootstrap: an intervention . Bootstrap Pros and Cons by Evil Martians
• Chrome (Canary) DevTools will show measurements from User Timing in the timeline
• Chrome has finally learned how to make a smooth flow - please stop trying to implement it yourself in JavaScript!
• Create an offline site using ServiceWorkers and UpUp (Building Offline Sites with ServiceWorkers and UpUp)
• Full guide to support the preview text in letters (The Ultimate Guide to Preview Text Support in Email)
• Meet WPGulp: an easy to use WordPress Gulp Boilerplate
• Date input problems (The woes of date input)
• Improving Responsive Images with Leaner Responsive Images With Client Hints
• Selection of fresh links to materials and demos on SVG (Some Pretty Splendid SVG Links)
• About links, buttons and divs (Links, Buttons, Submits, and Divs, Oh Hell)
• Customize your Google Map Markers
• Lazy loading of images: how to really not annoy your users (Lazy-Loading Images: Annoy Your Users)
• Current State of Web Security (interview with Anselm Hannemann) (The Current State of Web Security)
• Spectacular web:
  
  • Weekly selection of beautiful effects on CSS / SVG / JS # 21
  • SVG clip-path Hover Effect
  • Animated SVG Guitar (SVG Animated Guitar (Play Me!))
  • WebGL experiment The Spirit
  • Animated Husky Husky CSS (Alex the CSS Husky)
  
  

CSS

• Some CSS CSS Tips
• It's time to rethink the vendor prefixes in CSS . Translation of the article It's Time to Rethink Vendor Prefixes in CSS on Progressor
• The first CSS module 4 levels in the status of the candidate in the recommendations
• Control font-face behavior in CSS
• Subnets in the grid layout are vital . Translation of the article Subgrids Considered Essential by the community css-live.ru
• CSS modules - solve the problem of scaling styles . Translation of the article CSS Modules - Solving the challenges of CSS at scale
• Think flexbox is hard? Then look at the latest examples from CSS Grid specification
• Exploring the caching function in Stylus (Exploring the Stylus Cache Function)
• Concept Notes in CSS (CSS Refresher Notes)
• Webkit flexbox patterns
• Sandbox Flexbox (Flexbox playgroung)
• Sass: media directive
• Benefits of inheriting via @extend in Sass (The Benefits of Inheritance via @extend in Sass)
• A trick to organizing a folback for CSS object-fit properties for Edge (and other browsers) (Neat trick for CSS object-fit fallback on Edge (and other browsers))
• Style guide for edX applications
• Timelined - customizable CSS-based timeline (Timelined is a customizable CSS-only vertical timeline)
• CSS Gradient Animator

Javascript

• Microsoft sent a request for appruv ChakraCore support implementation in Node.js along with the V8 engine
• Translation of "Simplified JavaScript Jargon"
• 7 vital functions in javascript
• What's new in jQuery 3.0 and how to use it (What's New in jQuery 3.0 and How to Use It)
• Keeping Promises with JS (Keeping Promises With JavaScript)
• Learn the interview for the position of js-developer: what is the difference between class inheritance and prototype inheritance? (What's the Difference Between Class & Prototypal Inheritance?)
• Matthew Podwysocki: “Reactive JavaScript in Netflix, Microsoft and the World” (Matthew Podwysocki: “Reactive JavaScript at Netflix, Microsoft and the World”)
• Five examples of using the jQuery.each () function (5 jQuery.each () Function Examples)
• GraphQL Overview (GraphQL Overview)
• The benefits of JS web applications (JavaScript web apps are valuable)
• CMS.js - static site generator (CMS.js - the Javascript Site Generator.)
• Framework:
  
  • 5 Steps to Learn React Application Development (5 Steps for Learning React Application Development)
  • Create your first application on React.js (Building Your First React.js App)
  • Learning the basics of React and creating a small application prototype
  • Why React / Redux is not the best paradigm (Why React / Redux is an inferior paradigm)
  • Best practices for working with React.js in 2016 (React.js Best Practices for 2016)
  • Dynamic AngularJS Guide for JS Developers (Dynamic AngularJS Guided Tutorial for JavaScript Developers)
  • Condition in Meteor: when something went wrong (The State Of Meteor Part 1: What Went Wrong)
  
  
• ES6:
  
  • ES6 Cheat Sheet
  • 7 Ways to Improve Your JS Programming with ES2015 (7 Ways ES2015 Can Improve Your JavaScript Programming)
  • Object-Oriented JavaScript - deep diving into ES6-classes (Object-Oriented JavaScript - A Deep Dive into ES6 Classes)
  
  
• Plugins:
  
  • Masonry v4 and imagesLoaded v4 release: no support for IE8 & 9, 25% & 50% less backward compatibility
  • Umbrella JS - small (<2kb) jquery-style production library
  • Comparing JavaScript Calendars and Planners (A Comparison of JavaScript Calendars and Schedulers)
  • Ten best jQuery and HTML5 WYSIWYG plug-ins (10 Best jQuery and HTML5 WYSIWYG Plugins)
  • Drop.js - fast and functional library for creating drop-down lists
  • Philter - Apply CSS filters using HTML attributes. (Philter is a JS plugin for HTML attributes.)
  
  

Browsers

• Chrome 48 web browser release
• Google Chrome will be faster with the new Brotli data compression algorithm
• Facebook is testing a new browser with which there will never be a need to leave the application.
• Firefox will automatically change the old Youtube Flash code to HTML5
• Mozilla project extended the ability to work with unsigned add-ons in Firefox
• Firefox 44 will be able to run WebGL in a separate thread.
• Former Mozilla head and author of JavaScript introduced the Brave browser to the world.
• 6 myths of web developers about Microsoft Edge

Sites with interesting design and functionality

• Loving what you do takes work
• beoplayh8 is a promo website dedicated to headphones with interesting scroll effects.
• colonelsanders.com - a funny site from KFC
• The gray tales - advanced interactive site with custom navigation
• johos.at is a bright multimedia site with an abundance of video inserts
• gidmotion.com - Site with an interesting background effect
• Sites to watch with sound

Design

• Accessibility: How Yandex creates accessible interfaces
• 10 popular misconceptions when creating a logo
• 7 reasons to refuse endless scrolling
• Handbook: image sizes for 9 social networks
• Design for children is not a child's play (Designing for Kids Is Not Child's Play)
• The biggest mistakes in web design that should be avoided in 2016 (The Biggest Web Design Mistakes to Avoid in 2016)
• Creating a more expressive picture for a profile (Designing a More Expressive Profile Picture)
• UI Animation. Microinteraction and Macro Result (UI Animation. Microinteraction for Macroresult)
• Tips for designers who do not write code (Tips for Designers Who Don't Code)
• UX vs CX: what is more important? (UX vs CX: Which is more important?)
• Interview with Michael Flarup: Co-Founder and Lead Designer at Robocat (Interview with Michael Flarup: Co-Founder and Lead Designer at Robocat)
• Motion with meaning: semantic animation in interface design (Motion with Meaning: Semantic Animation in Interface Design)
• (Unfinished) color basics (The (Unfinished) Basics of Color)
• Ask DN: what books to read in 2016? (Ask DN: What books to read in 2016?)
• Design a more expressive user profile image (Designing a More Expressive Profile Picture)
• Facebook Canvas
• Great reasons (Beautiful Reasons)
• Product design - how we make complex tasks simple (Product design - how we make complex tasks
• Drive 47 - application concept
• An open letter to designers who make redesigns without a request, as well as to authors of uncreated applications (An Open Letter to Designers of Unsolicited Redesigns and Unbuildable Apps)
• What does Disney know about interface animation? (What does Disney know about interface animation anyway?)
• Scrawl - constructor of geometric shapes
• Geometric Design: Heavenly City Diagram (Geometric Design: The Heavenly City Diagram)
• From furniture to screens (From Furniture to Screens)
• Accuracy Curve: How to weigh the costs and benefits of creating user interface layouts (UI mockups)
• Plug-in for Sketch to generate a change view (git-sketch-plugin)
• A collection of typography lessons in Photoshop (An Awesome Collection Of 80 Photoshop Typography Tutorials)
• Why San Francisco (font) (Why San Francisco)
• Entertaining typography
• Panda in 2015
• Dribble in 2015
• 50 jokes for web designers (50 Web Designer Jokes That Will Definitely Make You Laugh)

A selection of free designer cookies

• Free Victorian Wallpaper Textures
• Free vector on vegetarian theme
• Set of icons in AI, PSD, SVG format ( 72 Icons Free Download)
• Icons in Material Design Style (350 free Material Design Icons)
• Swifticons Icon Set (AI, SKETCH)
• 14 Valentine's Day fonts (14 Free Valentine's Day Fonts to Fall in Love With)
• Ginebra - decorative serif font (Ginebra Free Font)
• Audrey - an elegant sans-serif font (Audrey is a new, FREE and elegant typeface by Cristina Pagnotta)

news

• Alphabet reorganized Laboratory X and incorporated the robotics division into it.
• StatCounter: Windows 10 has already bypassed Windows 8.1
• Urgently in the room: Microsoft closes the line of Lumia and Windows 10 Mobile
• Blue Origin launched a suborbital rocket into space. And put her again
• Bing updates the search algorithm daily
• Skype will no longer be able to calculate the user's IP
• Alisher Usmanov was one of Uber investors
• Google paid Apple $ 1 billion for presence on the iPhone
• Created a service that recognizes sarcasm in messages
• Announced cryptocurrency Zcash, ensuring the anonymity of transactions

Entertaining

• Children see in Apple gay smiles members of a traditional family: brothers, sisters and other relatives
• What will happen to technology and telecommunications in 2016 - Deloitte forecast
• The first “cosmic” flower blossomed on the ISS
• “How do you explain the importance of HTML5 to Larry Page?”
• 8 types of annoying ads blocked by Google in 2015
• What the Internet does with our attention: the habit of distraction
• Sit down . Why in the history of SpaceX can not rush to conclusions
• How do your computer and phone understand what you want from them
• How the world will change by 2045

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 .