The digest of interesting materials from the world of web development and IT for the last week №174 (August 23 - 30, 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

• 15 trivial facts about working correctly with the HTTP protocol
• Weekly selection of beautiful effects on CSS / SVG / JS # 1
• Style Guide for the smallest ( Varya on SC5 Style Guide )
• The Internet, which we know, is built on hacks (The Internet
• 6 tips on working with Chrome DevTools
• 5 tools to help you make faster (5 tools to make your website go faster)
• Detailed study of the behavior of SVG-figures, tightly inscribed in its container (Tight Fitting SVG Shapes, the Present and Future)
• Galen Framework - a tool for testing UI responsive sites
• How to use blockquote, cite and q tags correctly (In Other Words: Using the blockquote, cite and q elements)
• What happened to Web Components? (What happened to Web Components?)
• TutSet - compilation of web design and web development lessons
• What's new in Bootstrap 4 (What's New in Bootstrap 4)
• Top 10 Common Mistakes by Web Developers (10 Common Mistakes Web Developers Make)
• Adaptive images 101, part 9: key points (Responsive Images 101, Part 9: Image Breakpoints)

CSS

• How I use PostCSS
• How to refactor 17 thousand lines of CSS
• Imaginary dialogue about progressive improvement (Translated article A fictional conversation about progressive enhancement by the community css-live.ru )
• Understanding Critical CSS: Part 1 , Part 2
• CSS Centering: The Complete Guide
• PostCSS 5.0 , the latest release, the largest in the history of the project
• What is flexbox
• CSS vs SVG for styling checkboxes and radio buttons
• Why do you need to refactor your CSS (Why You Need to Refactor Your CSS)
• Future layouts with CSS: Grid Layouts (The future of layout with CSS: Grid Layouts)
• Make art edges of images with blending modes (Better Image Borders with Blend Modes)
• Animated CSS Transition Cheat Sheet (The CSS Transitions Cheatsheet)
• Writing is a set of minimalist styles for creating acceptable looking HTML.
• The effect of cursive text using transformation
• CSS properties that control web typography (CSS Properties to Control Web Typography)
• Using @error, @warn, and @debug directives in Sass (Using Sass's @error, @warn, and @debug Directives)
• Video: Animation Performance Review in CSS (Watch: Reviewing CSS Animation Performance)
• "The Future of CSS" - video of the round table from the conference WDCNZ 2015

Javascript

• Using the requestIdleCallback , a new productive API that allows you to perform tasks while idle
• ES6:
  
  • ES6 for now: Template strings
  • ES6 in Detail: The Future (ES6 In Depth: The Future)
  • ES6 string patterns in detail (ES6 Template Strings in Depth)
  
  
• Framework:
  
  • Creating UI components for the web using popular JavaScript frameworks (Building A Component-Based Web UI With Modern JavaScript Frameworks)
  • Integrating Angular 1 and Angular 2: A Smooth Upgrade Method (Angular 1 and Angular 2 integration:
  • Simple validation of forms in AngularJS with the ngMessages module (Easy Form Validation in AngularJS with ngMessages)
  • Ten steps to quickly enter Ember.js (10 Steps for Ramping into Ember.js Quickly)
  • Watch: conditional rendering in React (Watch: Conditional Rendering in React)
  
  
• How to control YouTube with JavaScript
• Making security holes with JS minifire errors (backdooring your javascript using minifier bugs)
• Creating clocks in 18 lines of code without dependencies (Build a Clock in 18 Lines of JavaScript with no Dependencies)
• Introduction to MEAN-stack (MongoDB, Express, AngularJS, Node.js)
• WebRTC video chat in 20 lines of code (part 1) (WebRTC Video Chat in 20 Lines of JavaScript (Part 1))
• Javascript WYSIWYG editors (Javascript WYSIWYG editors)
• gulp-licenser - gulp-plugin that allows you to automatically add and update copyrights in the project files.
• Simple technology for lazy-loading images (Simple Image Lazy Load and Fade)
• Plugins and libraries:
  
  • View enquire.js (Introducing enquire.js)
  • Tune.js Demo - mini piano
  • algebra.js - creating, displaying and solving algebraic equations in JavaScript
  • randexp.js - generator of random strings created by specified regular expressions
  • jQuery lightgallery V1.2.0 - a fresh plugin for creating a gallery in a pop-up window, with adaptability
  • ResizeEnd - add a jQuery event that occurs when the browser window is resized
  • Smart Table Scroll - very fast scrolling of tables with a huge number of rows
  • wallop - a small 4kb library for showing / hiding everything on the page
  
  

Browsers

• Why does Microsoft Edge hate bookmarks?
• Firefox will look more like Chrome, Opera and Edge
• In Chrome, the automatic playback of video and sound in the background tabs is stopped , and from September 1, by default, it will stop displaying Flash banners
• Microsoft Edge Review: Windows finally has a good browser
• Mobile Browsing Around The World
• Windows 10 browser performance comparison: Edge vs. IE vs. Chrome
• Firefox 40: Profiling JavaScript performance and more (Firefox 40: Profiling JavaScript Performance and More)
• Firefox 42 for developers (Developer Edition 42: Wifi Debugging, Win10, Multiprocess Firefox, ReactJS tools, and more)
• Microsoft created an open-source browser using HTML, JavaScript, and CSS (created by an open-source browser using HTML, JavaScript, and CSS)
• Content blocking in iOS 9 will change the mobile web: I have already tried it (iOS 9 content blocking will transform the mobile Web: I've tried it)

Sites with interesting design and functionality

• This is a fucking site.
• Discovery launched a site with video for virtual reality
• weareroyale.com - a site with an entertaining background video and rich animations
• coralie-castot.fr - a site with a non-standard design and loading effects
• nerval.ch - creative portfolio site
• bowhead.tailsandwhales.com - vertical promotional site with scroll animation

Design

• How to effectively use empty space in web design?
• Link of the day: find the perfect combination in Tinder for fonts
• Draw a background in the style of the 80s in Photoshop and Illustrator
• Loading Experiments - How Long Will You Wait? (Experiments in Loading - How Long Will You Wait?)
• Responsiveness - is the end of the game for web design? (Is Responsive the End Game of Web Design)
• Zero UI - The Future of Interfaces (Zero UI - The Future of Interfaces)
• Interface case against the “home page” button (The UX case against the home button)
• The Secret to Successful Food Packaging Design (The Secret to Successful Food Packaging Design)
• Ten Ways Designers Solve Problems (10 Ways Designers Solve Problems)
• The evolution of magazine covers from 1937 to 2015 (The Evolution of Magazine Covers)
• Flinto for Mac - a tool for creating interactive prototypes
• Creating a Style Guide in Sketch (Generating a Useful Style Guide with Sketch App)
• How to remove lines from a picture: How to Remove Lines From a Drawing: Convert a Drawing Into a Digital Painting
• Typographic patterns in the design of mailing letters (Typographic Patterns In HTML Email Newsletter Design)
• The Typeface That Turns Everyone Into an Instant Speed ​​Reader
• Six unique geometric fonts that are needed in your toolkit (6 Unique Geometric Fonts You Need in Your Toolkit)
• Font Flame - font pairs
• SVG PORN - logos in SVG format
• The Illusion of Time (The Illusion of Time)
• When the best page of a political site is 404 (When the Best Page on a Campaign Website)

A selection of free designer cookies

• UI kits for your design
• UI Kit with Android Material Design (Android Material Design UI kit - Free Download)
• iOS 9 GUI for Sketch
• Application Icons Set (65+ Application Icons Set Free & Premium Must Have)
• Set of outline icons for website (Freebie: The Website Icon Set (36 Icons, AI, EPS & PSD))
• Hack - font for writing source code

news

• Apple lost $ 158 billion worth
• Google and Yandex ad networks abandoned flash banners in favor of HTML5 , Amazon abandoned flash ads
• Instagram unbinds square pictures and videos
• Facebook daily audience for the first time exceeded a billion people
• Google launched competitor Twitch - service for streaming games YouTube Gaming
• Microsoft: Windows 10 is installed on 75 million computers
• Dropbox engineers introduced a new lossless video and image compression algorithm
• “Yandex” presented a major update of the database of panoramic images of the map service
• Google launched Map Maker in 45 more countries, including Russia
• The Linux kernel is 24 years old.
• Construction Hyperloop will begin next year

Entertaining

• The media learned about the mass care staff of Google Now service due to disagreements with the new CEO Sundar Pichai
• Five values ​​that Google instills in its employees - the story of a former employee of the IT giant
• A Dutch developer has created an application that visualizes radio waves and signals.
• In the United States launched an experiment to simulate a flight to Mars for a duration of 365 days
• NASA invites Internet users to send their names to Mars
• How to create Medium.com

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 .