The digest of interesting materials from the world of web development and IT for the last week №157 (April 20 - 26, 2015)

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

Web development

• Ghostlab: Using Chrome development tools for debugging in any browser
• How it all works: the development of interactive online courses
• Update # for mobiles already in action. We answer your questionsTranslation
• Creating a style guide
• Back and forth: returning to the real front-end code (There and Back Again):
• What does the canvas element mean for accessibility?
• Getting Started with HTML5 Video (Getting Started with HTML5 Video)
• NASA API - NASA Developer Toolkit
• Creating an adaptive portfolio with UIkit (Building a Responsive Portfolio with UIkit)
• Electron - tools for creating cross-platform applications using web technologies (formerly Atom Shell)
• Free course at Udacity Browser Rendering Optimization
• WebP Images and Performance (WebP Images & Performance)
• free-for-dev - links for free from the world of Saas, PaaS and IaaS
• Drag-and-Drop Interactive Coloring Page (Interactive Drag and Drop Coloring Concept)
• Aaron gustafson
• Penguin - lightweight and extensible starter kit for frontend developer
• Optimize SVG in data URI
• About HTTP2 in 5 minutes

CSS

• Ways to organize CSS-code
• Are you good at linear gradients CSS?
• 3 CSS CSS Issues
• A story about how to write your own CSS preprocessor for 9 months
• The task of dense packing of blocks
• cssflexbox.com - supervised collection of CSS Flexbox content, tips and resources
• Color SVGs in background CSS images (Coloring SVGs in CSS Background Images)
• Bootstrap 4 will be in SCSS
• harmon - simple typography with Sass
• Sass and Responsive Typography (Sass and Responsive Typography)
• c ^ ret - CSS code generator for arrows
• How to Center in CSS - a service for generating code to center something.
• FlexCss - JS / CSS Flexbox based patterns library
• Just use pixels.
• CSS Marvel Logo
• Manage highly scalable web projects using the new CSS architecture ITCSS (Manage large-scale web projects with new CSS architecture ITCSS)
• Linking Multiple Blend Modes (Chaining Multiple Blend Modes)
• Stop writing vendor prefixes (Stop writing vendor prefixes)
• Advanced styling of a select element with CSS3 (Advanced CSS3 Styling of HTML5 SELECT Element)
• Screencast on the basics of positioning in CSS

Javascript

• Mixins for “classes” in javascript
• Video reports from MoscowJS Meetup
• Cycle optimization
• JavaScript Attack by Defining the Content of the L3 Cache CPU
• Announcement of the project Globalize 1.0
• A deeper look at ES6: an introduction (ES6 In Depth: An Introduction)
• Everyone has javascript, right? (Everyone has javascript right?)
• Inline SVG fallback; no javascript required
• Basics of variable visibility in JS (The basics of variable scope in JavaScript)
• Common Misconceptions about Inheritance in JS (Common Misconceptions About Inheritance in JavaScript)
• Immutability in JavaScript (Immutability in JavaScript)
• Three inconveniences in JS that Java / C developers need to know about (Three JavaScript Quirks That Java / C Developers Should Know)
• JS UI widget creation patterns (Patterns of JavaScript UI Widget Instantiation)
• angular2-education - materials on AngularJS 2
• React for the future with isomorphic applications (React To The Future With Isomorphic Apps)
• Introduction to the futuristic new router in AngularJS (An Introduction to the Futuristic New Router in AngularJS)
• Eliminate JavaScript Code Smells
• Selection of the best plug-ins Javascript Carousel
• Pointer - add support for pointer events
• compareTo is a script that adds support for the compareTo attribute to compare two passwords entered.
• wm-html-include.js - script to add external html pages to the current document
• Medium style confirmation dialogs
• Egg.js - adding easter eggs to the site
• NoSleep.js - prevents the screen from falling asleep on Android / iOS
• itemSlide.js - simple touch carousel
• Elevator.js - funny rise to the top of the page
• JS Linguistics by Erin McKean (The Linguistics of JavaScript - Erin McKean (Wordnik) keynote)
• ECMAScript Harmony: Compiler Growth - Notes from the Brendan Eich report (ECMAScript Harmony: Rise of the Compilers - Brendan Eich keynote)
• Anatomy of JS MV * frameworks from Craig McKeachie (Anatomy of a JavaScript MV * Framework - Craig McKeachie - JS Remote Conf 2015)

Browsers

• New functionality in Chrome DevTools (Chrome DevTools upcoming features)
• DevTools Timeline: Now Tells Full Story (DevTools Timeline: Now Providing the Full Story)
• Push revolution: Safari and Chrome can now receive notifications from sites even with the browser closed
• The developer has created a browser for Apple Watch
• Reward for bugs found in Spartan browser

Sites with interesting design and functionality

• The Artist at War - an interactive thematic site dedicated to the historical theme
• flavinsky.com - minimalistic website with a focus on typography
• pro.weltrade.com - site with high-quality graphics and background video
• voetsdesign.com - a site with a spectacular background implementation
• getbeagle.co - great scroll animation
• Fornasetti - a little strange site about stationery
• Examples of ultra-minimalistic web design (25 Inspiring Examples of Ultra Minimal Web Design)

Design

• Basic principles of designing virtual reality interfaces
• Watch for fans of Helvetica, Meduza redesign and other design news for the week
• Translation of the next sections of the official documentation of Google on material design from the team css-live.ru : Color , Icons , Images
• How Fablets Affect Mobile UX Design
• Beautiful web design headers
• stet.io - online image editor
• Kubist - service for turning photos into polygonal SVG
• Web Design Stack - a collection of all the necessary links
• Spectacular Design (Virtual Reality Design) (Immersive design)
• Fall Designer Part III: Conformist Responsive Design (Fall of the Designer Part III: Conformist Responsive Design)
• Three adaptive design crashes (and how to avoid them) (3 responsive design disasters (and how to avoid them))
• How we designed the security guard: the experience of Forma design studio
• Using Sketch to create responsive web design (with an example) (Using Sketch For Responsive Web Design (A Case Study))
• My Balsamiq: Wireframes on the Web (My Balsamiq: Wireframes on the Web)
• the book “Pay me or else!” - about solving problems with non-paying customers; (I fucking hate it when
• The clock on my phone: what time means for us (The Watch On My Phone: What Time Means To Us.)
• Seven Tips for Designing Applications for Women (7 Tips for Designing Apps for Women)
• Localization of designs with Sketch and Invision (Localise designs with Sketch and Invision)
• Let Your Users Wait
• Design Settings
• Sports Score Indicator Design (The Score Bug: A Case Study On Creating Digital On-Screen.)
• How to Paint a Realistic Nose in Adobe Photoshop
• How to Create a Vivid Gaming Background in CorelDraw (How to Create a Vivid Video Game Background in CorelDRAW)
• Choosing the right typography for your UI (Choosing the Best Typography for Your UI)
• One hundred days, one hundred fonts (100daysoffonts.com)
• Proxima Nova, CA. 1981
• Covers of the Avengers comic from 1965 to 2015
• Team Colors - the main colors of sports clubs
• Design History: Get to Know Your Ampersands

A selection of free designer cookies

• Free fun patterns
• Resource with free vector, photo, icons and other
• Contoured gestures (Righteous gestures - free gestures set)
• Mockups iOS devices, posters and magazine covers (Free Photoshop Mockups for Web Designer & Developer)
• Mockups T-shirts (20+ Amazing Free T-Shirt Mockup PSD Templates)
• Mockups Stamps (15+ Best Stamp Mock-up PSD)
• Best UI PSD for Android Kits (46+ Best Free Android UI Kit PSD)
• Icons related to photo and video theme (Photography & Camera Function Icon Set - Freebies)
• A set of icons with the design in the style of Material (Material Design Icon Set - Freebie)
• Eleven Icon Sets (11 Free Icon Sets For Your Design Toolbox)
• Multiple icon sets on various themes (Free Multipurpose Icons)
• Colorful icons with flat design (300+ Free Flat Color Icons)
• Bough - handwritten retro font (Bough: Hand-Drawn Typeface)

news

• Google is preparing to launch thousands of online balloons Loon
• Project Fi - Google’s Virtual Mobile Operator
• Google search results take into account mobile site optimization
• Google launched a mobile-friendly algorithm , expert opinions
• April fool com.google accidentally created a huge security breach
• German court approves AdBlock usage
• The most popular language on github showed on one graphic
• Microsoft returns to the delivery of Windows 10 Solitaire, Minesweeper and Hearts
• Owners of Android-smartphones have the opportunity to manage the phone through Google search
• WordPress 4.2 release with a major vulnerability fix
• The release of Windows 10 will be held in late July
• YouTube celebrates a decade since the first video was uploaded to the hosting
• Apple explained in new commercials how to use Watch for work, sports and communication
• Facebook users watch 4 billion videos daily
• The number of the day: how many people use Facebook every month
• Roman Abramovich invested in Music Messenger

Entertaining

• Android defecates on the Apple logo on Google Maps
• What are the names of 20 modern IT giants
• What is bad to work on Facebook: reviews of former employees of the largest social network in the world
• Slack Messenger Founder: Now is the best time for startups who need investments
• Bad year for Google - why analysts doubt the bright future of the “good corporation”
• Where did the 404 error come from
• Hubble Telescope Jubilee: 25 Years of Amazing Photos of the Cosmos

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 .