The digest of interesting materials from the world of web development and IT for the last week №194 (January 11 - 17, 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

• 5 programming trends in 2016 that will change the industry
• WordPress in 2016: what to expect from the system?
• A collection of practical tips and notes on the layout
• Module loader for node js with support for local modules and loading modules on demand from the sandbox
• Frustration of modern web developers:
  
  • The sad state of web development (The Sad State of Web Development)
  • The Sad State of Web Developers (The Sad State of Entitled Web Developers)
  • The sad state of XYZ - or what happens when you take a shiny new piece (Sad state of XYZ - or what happens when you pick shiny new stuff)
  • [Real] problem with JavaScript (The [real] problem with JavaScript)
  • Do not tell me what my browser does not know how! (Don't tell me what my browser can't do!)
  • Why I hate your SPA (Why I hate your Single Page App)
  • Completing the story of “Modern javascript, annotated”
    
    
  
  
• The concept of “middle page” in the web is a myth (The “Average Page” is a myth)
• How to choose what to learn next (How to decide what to learn next)
• How to Make Your Blog Work Offline (How To Make Your Blog Work Offline)
• Another awesome collection, this time dedicated to npm
• Webpack vs Browserify: By The Numbers
• How to answer the question “what does the doctype do?” When interviewing a front -end provider (Answering Front-end Developer Interview Questions: “What does a doctype do?”)
• Why I scored on Gulp and Grunt for my npm scripts (Why I Left Gulp and Grunt for npm Scripts)
• Animate animation with physics (Bring your animation to life with physics)
• 12 web development trends that you need to know about in 2016 (12 web development trends for you)
• About accessibility and a small amount of good HTML (On Accessibility and the Lack of Proper HTML)
• Back to the future in 2016 (Back to the Future in 2016)
• Drawing caustics in real WebGL (Rendering Realtime Caustics in WebGL)
• A Beginner's Guide to Github and Git (The Beginner's Guide to Github and Git)
• GitHub News Feed Issues (The problems with GitHub's News Feed)
• How Teespring uses Canvas, SVG, and DOM to design T-shirts (How Teespring uses Canvas, SVG, and the DOM to Design T-Shirts)
• Spectacular web:
  
  • Weekly selection of beautiful effects on CSS / SVG / JS # 20
  • Cinema Seat Preview Experiment (Cinema Seat Preview Experiment)
  • Impressive experiment with CSS3 animation: ABCD Animal Book
  
  
• Fun things that only developers will understand (Things Everyone's Learning to Code Will Understand)

CSS

• Secrets of blending modes . Translation of the article Blending Modes Demystified
• Choose between "min-width" and "max-width"
• Variables: backbone of CSS architecture (Variables: The Backbone Of CSS Architecture)
• Big Web Show 141 podcast: CSS Grid Layout With Rachel Andrew
• The sass ampersand
• How I squeezed my CSS to 84kb using ITCSS (How I Shrank my CSS by 84kb by Refactoring with ITCSS)
• Influencing Web Layouts with Print Layouts
• Flexbox:
  
  • Use Flexbox in emails
  • Product page development using Flexbox (Designing A Product Page Layout with Flexbox)
  • Please do not use “CSS in JS”
  • Eric Meyer on Grid layout usage examples (Subgrids Considered Essential)
  • Axes in Flexbox (The Axis of Flexbox)
  • Using Bootstrap 4 Flexbox
  
  
• US Web Design Standards . The style guides that make state sites in the States
• It is time to rethink vendor prefixes in CSS (It's Time to Rethink Vendor Prefixes in CSS)
• Everything I know about responsive web typography in CSS (Everything I know about responsive web typography with CSS)
• Critical Web Fonts
• 22 useful CSS recipes
• Gradient generator with blur
• Surprising CSS properties you can use today (Surprising CSS properties you can use today)
• CSS Modules - solving CSS scaling problems (CSS Modules - Solving the challenges of CSS at scale)
• A fun game on pure CSS . Used: cursor: img.png, clip-path, transforms, KeyFrames

Javascript

• News:
  
  • Microsoft has published the source code JavaScript engine ChakraCore
  • The source code of the JavaScript engine ChakraCore is laid out on GitHub
  • jQuery 10 years old (10th Anniversary of jQuery)
  • JQuery 3.0 Beta Release
  • Release lodash v4.0.0 (lodash v4.0.0)
  
  
• Framework:
  
  • How to ReactJS
  • What to expect from JS in 2016 - frameworks (What To Expect From JavaScript In 2016 - Frameworks)
  • Game 2048, implemented with React and Redux
  • React for Angular developers
  • SPA React and Redux Resources (React and Redux Single Page Applications Resources)
  
  
• ES6:
  
  • How to Learn ES6 (How to Learn ES6)
  • ES6 classes have their own internal names (ES6 classes have inner names)
  • Cheat sheet on called entities in ES6 (Cheat sheet for callable entities in ES6)
  
  
• JavaScript Fatigue: An Alternative Perspective (JavaScript Fatigue: An Alternative Perspective)
• Asynchronous Adventures in JS : Understanding the Event Loop (Event Loop) (Asynchronous Adventures in JavaScript: Understanding the Event Loop)
• Asynchronous I / O with generators and promises (Asynchronous I / O with Generators & Promises)
• Parallel JavaScript with ParallelJS
• Getting started with Underscore.js
• Don't forget about “noscript” (Quick Tip: Don't Forget the “noscript” Element)
• Enumify: the best enums for JavaScript (Enumify: better enums for JavaScript)
• Understanding Garbage Collection and Memory Leaks in Node.js Understanding the Garbage Collection and Tracking Memory Leaks in Node.js
• Reduce the size of your bundle.js by doing one thing (Reduce Your bundle.js
• Parsing IIFE syntax JavaScript (Disassembling JavaScript IIFE Syntax)
• How to create a service to send positive SMS messages with Stripe and Syncano (How to Build a Daily Affirmations SMS Service with Stripe & Syncano)
• Breakpoint.js - microbiblioteka (~ 800 bytes) for working with media queries in JavaScript
• SVGnest - a library that allows you to place vector objects in a container

Browsers

• Microsoft has officially discontinued support for Internet Explorer 8, 9 and 10 versions.
• Firefox 46 will support multiple monitors with different pixel densities.
• Firefox to HTML5 block conversion added to Firefox for YouTube
• What's New in Safari 9.1 for Developers
• Webkit! RESOLVED FIXED . About why Firefox decided to support the -webkit prefixes
• Firefox refuses Application Cache API in favor of Service Workers
• Ten Years of Web Inspector (10 Years of Web Inspector)
• Browser trends in January 2016: a review of 12 months
• Disabling IE 8 Support in React DOM (Discontinuing IE 8 Support in React DOM)

Design

• How to design for people with color blindness
• Bing received a new logo , the new Bing logo turns green
• Avoid the hamburger menu on desktops (Avoid the Hamburger Menu for Desktop Layouts)
• In defense of the hamburger menu (In defense of the hamburger menu)
• Facebook and how UI affects your words (Facebook and How UIs Twist Your Words)
• How to create a visually effective CTA (How to Create Visually Effective Calls-To-Action)
• Parsing a delightful design (Delightful Design, Deconstructed)
• Information Architecture: The Scaffold of Good UX
• Usability as the enemy
• History of redesign for Instant eSports (Designing the ESPN for eSports)
• Five ways to improve store design for users with color perception disorders (5 Ways to Improve Your Ecommerce Design for Colourblind Users)
• Nobody wants to use your product (Nobody Wants To Use Your Product)
• How to Design for Dyslexia (How to Design for Dyslexia)
• Using Visual Volume for Better Orientation (Using Visual Loudness for Better Wayfinding)
• Five unexpected places to add individuality to your site (5 Unexpected Places to Inject Personality into Your Site)
• Julie Ann Horvath, product designer (Julie Ann Horvath, Product Designer)
• Prototyping for a tiny screen
• Logo Development Development Set (Developing The Development Set's Logo)
• Sketch:
  
  • How I did a web store template in Sketch.app for Themeforest. Part 1: Letter, Idea, Prototype
  • Design presentation using Sketch
  • Sketch Design Template
  • Sketch Lesson Series (part 2 of 5): Symbol and Styles
  • Past, Present and Future Sketch. Interview with the developer, Pieter Omvlee (The Past, Present and Future of Sketch)
  
  
• Typography:
  
  • The process of developing fonts Vinter (The process of drawing Vinter fonts)
  • The ten most popular web fonts of 2015 (and fonts that you should consider as a replacement) (And Fonts You Should Consider Using Instead)
  • Six Beautiful Modern Alternatives to the Helvetica Font (6 Great Contemporary Alternatives to Helvetica)
  
  
• timetrabbble - most popular dribbble shots on
• Cool design gifs

A selection of free designer cookies

• Labels dedicated to Valentine's Day PSD (Free 9 Valentines Day Label PSD)
• Seamless Iconic Textures (20 Free Seamless Icon Patterns for Designers)
• Free Photos for Valentine's Day Design
• Timber! Set of vector elements (Timber! Vector Elements Set)
• Mockups for demonstrating logo design (80+ Free Logo PSD Mock-up Templates)
• Store icon sets (20+ Free E-Commerce Icon Sets to Download)
• Decorative BlowBrush Font (BlowBrush Free Font)
• Handwritten Decorative Brush Font (Duwhoers Brush Free Font)

news

• The World Wide Web Consortium (W3C) Received Emmy ® Award for Developing Standards for Available Subtitles
• The head of Tesla confirmed the work of Apple on its own electric car
• Skype adds group video calls to mobile devices
• Skype added integration with Slack and the function of simultaneous translation
• There was a record collapse in the PC market
• Tweets for 10K characters. The storm is coming?
• Baidu discovered his machine learning skills.
• Mozilla closes Persona identification service
• Google: HTTPS sites gain ranking advantage even with protocol errors
• HDR video support will appear on YouTube

Entertaining

• 6 product creation myths: Resource allocation, iteration length, hidden functionality
• From smart refrigerators to stupid marketers. Why CES has become useless
• CES 2016. Exhibition, which was a success!
• GameTrailers named the best game years
• Most influential brands and people after CES 2016
• 11 companies that tried to buy Facebook at the startup stage
• Collection: 10 GIF-animations for standard responses to letters

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 .