The digest of interesting materials from the world of web development and IT for the last week №172 (August 9 - 16, 2015)

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

Web development

CSS

Javascript

Browsers

Design

Free cookies

news

Entertaining

Web development

• Practical tips for improving HTML and JavaScript performance
• Optimize graphics with WebP
• How Easter eggs in email helped the company draw attention to its conference (translation)
• Deep immersion in Canvas
• We work with the performance of sites
• Notes on interviews for web developers by Artem Sapegin
• "Matryoshka on the web." Interview with the developer framework Matreshka.js
• Image rendering by scrolling the page (Scroll Drawing)
• Sublime Text Plugins for JS Developers (Sublime Text Plugins For JavaScript Developers)
• Responsive design is not enough, we need responsive performance (Responsive Design Is Not Enough, We Need Responsive Performance)
• Getting the “abc” right . A web developer examines the Alphabet site code in detail.
• Create Text Filling with Water Effect
• Performance update # 2: Electric Boogaloo . Analysis of results on site performance optimization
• The final selection of curated collections on GitHub (The definitive list of lists (of lists) curated on GitHub)
• GitHub launches new desktop application (GitHub launches a new desktop application)
• Those wishing to learn how to write code (So ​​You Want to Learn How to Code)
• Orange - New Blue: How to port the Chrome Extension to the Firefox Extension . Report with 4front meetup # 8
• 12 videos from Responsive day Out
• Video from the You Gotta Love Frontend conference held in Tel Aviv

CSS

• Grinding CSS Animation
• BEMIT: The next step in the development of BEM according to Harry Roberts
• Glitches when drawing border-radius in Windows 10
• It's time for everyone to learn about PostCSS. What is it really? And what is it for?
• Cross-browser HTML pages: why do we need reset.css and normalize.css
• Easy way to make responsive images using CSS background images
• The distribution of tasks between CSS and JavaScript
• Understanding Critical CSS in detail
• Using Gulp to automate a critical CSS path (Use Gulp to automate your critical CSS path)
• Speed ​​up your workflow with LibSass and Autoprefixer (Speed ​​up your workflow with LibSass and Autoprefixer)
• Deconfusing Pre- and Post-processing
• Proposing CSS input modality
• WebKit Developers Present Backdrop Filters
• Eighteen Flexbox Resources (18 Excellent Resources for Learning Flexbox)
• Angular Fx - a set of effects and animations for Angular (Angular CSS3)
• Using error reporting with error in Sass (Using error responsibly in Sass)

Javascript

• Universal JavaScript
• Javascript and time zones - the correct time on the site
• Isomorphic Application with React and Redux
• Object.defineProperty vs Object.observe
• Longevity (or lack thereof) in JS frameworks (Longevity (or Lack Thereof) in JavaScript Frameworks)
• ES6:
  
  • Introduction to JavaScript ES6 Classes (An Introduction To JavaScript ES6 Classes)
  • Is Babel good enough for serious use to start writing on ES6 ?? (Is it a good idea to write it in ES6?)
  • ES6 in details: Modules (ES6 In Depth: Modules)
  • Riddle of ES6 (The ES6 Conundrum)
  
  
• Frameworks
  
  • Relay - a new framework from Facebook for creating data-driven applications on React
  • Belle - customizable React components with excellent UX
  • The release of Ember.js 2.0 has been released , and io.js / node.js will be released soon under version 1.0 (4.0 is the new 1.0)
  • Create your first Ember 2.0 application: from authentication to an API call (Create your first Ember 2.0 app: From authentication to calling an API)
  • Tips and tips for debugging unfamiliar AngularJS code (Tips & Tricks for debugging unfamiliar AngularJS code)
  • Angular 2 Template Syntax Demystified - Part 1
  • AngularJS 2 - A Glance Into the Future - Gion Kunz Report from SwissJS 2015
  
  
• How Netflix.com Accelerated (Universal JavaScript, Drops Java From Rendering Pipeline) (Making Netflix.com Faster)
• Work with JavaScript AST
• Why I write simple JS modules (Why I Write Plain JavaScript Modules)
• JS Jargon: 10 Terms You Should Know (JavaScript Jargon: 10 Terms You Should Know)
• The state of client errors in JS (The State of Client-Side JavaScript Errors)
• A Javascript State of the Union
• Basic tools and libraries for modern JavaScript developers (Essential Tools & Libraries for Modern JavaScript Developers)
• Tips and tricks for debugging JavaScript (JavaScript Debugging Tips and Tricks)
• .bind () for dummies (.bind () For Dummies)
• Writing JavaScript is better with Flow (Writing better JavaScript with Flow)
• Plugins and libraries:
  
  • jQuery Video Extend - extending the capabilities of HTML5 video player
  • immu is a small library for creating structures with immutable data
  • How to reduce download time with basket.js (How to Improve Loading Time with basket.js)
  • Peaks.js: drawing sound waves in the browser (Peaks.js: Audio waveform rendering in the browser)
  • canvid - library for playing short videos in HTML5 canvas
  • touchpoint-js - a library for visualizing clicks and touch events
  • frameSync is a cross-browser solution for cross-document onLoad synchronization between sites / iframes
  
  

Browsers

• Firefox will disable the ability to install unsigned extensions
• Firefox 40 release
• Browser market from 2008 to 2015
• Opera browser developer intends to sell the company
• Cake for Edge team from Chrome team
• Planned improvements to the V8 engine (Ignition: V8 Interpreter)

Design

• Link: see the updated list of successful color combinations
• UI Design: Human Memory Limits
• The designer proposed the concept of dynamic icons in iOS
• NASA announced a competition for the best interface of "smart watches" for astronauts
• Inspiring minimalism in web design
• The Complete Guide to Creating Fonts (The Ultimate Guide)
• 3 animation techniques for UX designers that you want to know (3 animation techniques UX designers need to know)
• Color vs Contrast: what brings more conversions
• 10 dying trends in web design
• The hamburger menu icon does not work (The Hamburger Menu Doesn't Work)
• Does the hamburger menu work on desktop sites? (Do hamburger menus work on desktop sites?)
• Watching the eyes: how to track the gaps between clicks (and why it is needed) (Eyetracking: How to Watch the Gap Between the Clicks (and Why))
• Web Design for Kids (Designing Web Interfaces For Kids)
• We use all the advantages of minimalism in web design (Taking Full Advantage of Minimalism in Web Design)
• Top ten mistakes that make your site look unprofessional (Top 10 Mistakes)
• Why all websites should use video (Why websites should all be using video)
• Four scientific techniques for site redesign (4 research techniques for website redesigns)
• Seven Tips for Choosing the Right Photos in Adobe Stocks (7 Tips for Taking Images )
• Should I use sketch? That is the question (To Sketch, or not to Sketch?)
• Seven tips from the masters of Photoshop to improve your productivity (7 Photoshop Master Tips to Boost Your Productivity)
• Create a one-layer retro text effect in Photoshop (Create a One-Layer Retro Text Effect in Adobe Photoshop)
• Creating a cool Iron Man poster from scratch in Photoshop (Create a Stunning “Iron Man” Fan Art From Scratch in Photoshop)
• Creating an Illustration Whiskey with Ice in Illustrator CS5 (Create Vector Whiskey on the Rocks Using Adobe Illustrator CS5)

A selection of free designer cookies

• Free retro photos
• Color and flat icons for your design.
• Actions for Photoshop (Best Free Photoshop Actions)
• Retro badges (30 Awesome Free Retro Badges You Can Download)
• Set of vector images for creating 3D isometric worlds
• UI kits for mobile applications (35+ Best Free Mobile Apps UI Kits For Your Next Project)
• Mockups for packaging design (33 Free PSDs to Mockup Your Packaging Designs)
• Vector Backgrounds (Download 25 Creative Polygonal Illustration Freebies)
• Illustrations with polygonal geometry (Download 25 Creative Polygonal Illustration Freebies)
• Landing Page PSD Template (DIFF Psd Landing Page)
• Packaging of icons with images of gestures (18+ Latest Free Touch Gesture Icon Packs)
• Prestashop Icon Set (Free Download: Prestashop Official Icon Pack)
• Icons dedicated to WiFi and radio signals (36 FREE EXCLUSIVE VECTOR ICONS: WIFI CONNECTIONS ICONS)
• Icons drawn by one line (One line - Free Startup icons)
• Icon font Foundation (Foundation Icon Fonts)
• NEW INDUSTRY - "industrial" sans serif font
• Arctic is a modern slab font (Arctic || Free Typeface)

news

• Alphabet
  
  • Google will be part of the new holding Alphabet
  • How Russian and Western IT experts have responded to the transformation of Google into the holding of Alphabet
  • China has blocked the site of Google holding immediately after its launch
  • Back to basics and go beyond. Why Google is search again, and Alphabet aims at more
  • Who is Sundar Pichai, who headed Google
  • Why did Google change its name?
  • Why did Google become part of the Alphabet
  • Creating an Alphabet is a move absolutely in the style of Larry Page
  • Microsoft joked over the new company Google domain abc.wtf
  
  
• Moz named the most important ranking factors in Google in 2015
• As a result of the update, the Google mobile-friendly algorithm won sites with minimal traffic.
• Microsoft changes the activation mechanism in Windows 10: now the status of the equipment is stored in the cloud, and the license key is a thing of the past
• Google launches open source demo site for Android devices
• Twitter launched archive search API
• Twitter lifted private message length limit
• Reuters accuses Kaspersky Lab of creating fake Malvari
• VKontakte disbands marketing department
• Odnoklassniki launched group video channels

Entertaining

• What were the first computer viruses
• Facebook talked about ha-ha statistics and lol on social networks
• Dollar Club: Musk, Brin, Zuckerberg and other IT entrepreneurs working for a symbolic salary
• As authors of the application for Secret gossips, burned out and became millionaires.
• What is a thought map and how to work with it
• “Make everything beautiful”: what can be learned in the first month of work as a computer tuner
• What is dangerous in the new Windows?
• How selfies became the most accessible psychotherapy
• What does an investor think when presented to a startup?
• Bicycle parking, cafe, city hall: how 300 inhabitants of Innopolis manage the city through Telegram
• What is the true purpose of "Klondike" and "Minesweeper"
• Apple spoke about the percentage of female engineers in the company
• Machine Evolution: Cambridge created a robot that creates other robots, improving them with each generation
• Self-developed robots created
• The myth of a great personality: the role of masks and jobs in history
• howdns.works . Visually on how DNS works

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 .