The digest of interesting materials from the world of web development and IT for the last week №129 (October 5 - 12, 2014)

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

Web development

• There were video reports from the last FrontTalks 2014:
• Fronteers 2014: text translation of the first and second day from the community Web standards
• In the middle with the element <center>
• Secure web accessibility of HTML5 semantic areas through WAI-ARIA roles
• Student Developer Pack released - GitHub toolkit for students
• Creating responsive email templates
• Switching content in three ways: jQuery, JS, CSS
• Intermediate pages in the site hierarchy
• New generation of free code editors
• perfmap - Bookmarklet to visually measure page performance using a heat map.
  
• Responsive Images For Designers: The HTML5 picture element
• DevTools Tips - a blog with animated tips for working with Chrome Developer Tools
  
• Elegant fallback for SVG images in old IE
• Ode to specifications from front end developers
• Using Grunt in a WordPress development process

CSS

• The other day CSS turned 20 years old. Interview with Haakon Wyum Lee: Part 1 , Part 2
• Blend modes and their fallbacks
• Sass vs. Less vs. Stylus
• List of pseudo-elements for styling form controls
  
• Styling the HTML5 scrollbar for different browsers
• CSS shapes in letters
• CSS URL Rewriter - a utility on Node for securely rewriting URLs in CSS code
• csstyle is a lightweight static framework based on SASS mixins.
• 4 balls 10 spinners: CSS3 Animations
• css: next - use syntax for future CSS today
• Generating CSS Sprites with Gulp
• CSS turned 20 years old
• Four Sass Functions You May Not Have Used
• Several ways to set design switching points in responsive sites
• 108 bytes CSS Layout Debugger
• Managing color values ​​with Sass
• Different styles of tooltips for your inspiration.
• CSS Gradient Animator - a service that generates CSS3 code for animated gradients.
• 3D subscription form field
• Stylization of radiobattery with CSS with preservation of availability
• Triangular CSS Framed Images

Javascript

• Sqimitive.js - Frontend Primitive or “Backbone without wrappers”
• Everything you wanted to know about scopes in JavaScript (but were afraid to ask)
• Closures in Javascript [Part 2]
• Automated template for front-end projects
• jQuery.viewport or how I searched for items on the screen
  
• What is a dataset? Data binding to elements through data-attributes without jQuery.
• Tutorial Javascript BEST PRACTICES, Part 1
• How to create your first jQuery plugin: part 1 , part 2
• Remy Sharp kodit live, doing the implementation of promises
• Mary Rose writes the game from scratch, without using libraries at Front-Trends 2014
• A few more tasks on javascript that are given at interviews
• The ten most common mistakes among application developers on AngularJS
• JavaScript that went beyond the web in 2014
• Enabling Javascript API in a webpage using Browserify
• Introduction to unit testing in AngularJS applications
• The Complete Guide to Generators in JavaScript (ES6)
• Lightweight ES6 features that add powerful features
• 6to5 - convert ES6 code to readable ES5 code with source maps
• ECMAScript 6 promises (2/2): API
• We study Meteor.js correctly
• Learning more about javascript by one line of code
• Polyfill.js - a library that allows you to more easily write CSS polyfiles
• RWDPerf - responsive website performance testing
  
• Flyer.js - messages between iFrame, Frame and window
• Nightmare - High Level Phantomjs Usage
• $ .noUiSlider - jQuery Range Slider
  
• Sweet Alert - A beautiful replacement for Javascript's "Alert"
• Raterater - Query plugin for starter ranking using Font Awesome icons
• TurnDownForWhatJS - bookmarklet that turns any site into a disco

news

• "Habrahabr" represents Geektimes
• Living Standard WHATWG HTML Included Browser Support Information
• Apple is again the most expensive brand. Company statistics for 2014
  
• Microsoft changed Skype interface: chat is now completely different
• Imgur suggests switching to gifv: like gif, only easier
• Google has implemented a secure search in schools
• The number of active smartphones and tablets exceeded the population of the Earth
• Facebook closed the deal on the purchase of WhatsApp for $ 19 billion
• Mark Zuckerberg admitted that he has not yet come up with a way to monetize WhatsApp
• Symantec is split into two companies.
• HP split
• Microsoft earned $ 1 billion over the past year on Samsung Android devices
• Adobe greatly expanded the capabilities of Creative Cloud mobile applications.
• HTC Presentation Double Exposure - HTC Desire Eye and Re Camera
• Inhaler-periscope tube or simply the camera RE from HTC
• Business Insider: Yahoo will turn Tumblr into a YouTube competitor
• Facebook buys for 3 billion gifs library bukk.it from Ethan Marcotte

Browsers

• Chrome 38 web browser release with 159 vulnerabilities fixed
• Chrome / Chromium 38 and 39 beta
• 45% of Android devices have a browser with a serious vulnerability
• Chrome 39 beta with new features for developers, including JS generators and web animation management
• Seven new Google Chrome features you should be aware of
• About HTTP / 2 support in IE under Windows 10 (and why they won't support SPDY)
• Christian Heilmann's tip for Firefox developers: press Shift + F2 - enter “csscoverage start” and browse through your site. Close the toolbar and see which CSS selectors have not been used.

Sites with interesting design and functionality

• Presence Sites
• Sites of our music groups
• Google has created a promotional site for the film "Interstellar"
• Carrot - a carrot site
• The beauty of minimalistic portfolio designs
• andy-wolf.at - a site with non-standard animation effects and an interesting approach to navigation
• Destiny Planet View - a site dedicated to the Destiny universe and using the power of Google technologies.
• kikk.be - site with thematic design

Design

• Icon hamburger
• Mobile version of the site or responsive design?
• Jonathan Ive accused competitors of laziness and theft
• Interview with Johnny Quince magazine Vogue: about working in Apple, cars, personal life
• Why it is worth changing Instagram to a notebook and a pencil
• Why the Internet contributes to the creation of bad design and how to deal with it
• Obvious design always wins.
• Avito redesign: How to rethink the main ad site in Russia
• Fashionable design of covers for CD
• An impressive demonstration of Squarespace 7.
• Text vs. visual content: no room for both
• When users leave the search field blank ...
• Banknote redesign in Norway
• A letter from an old graphic designer to a young graphic designer.
• Photoshop is still the best option for designers.
• Introduction to social networking for web designers
• Emotional design and animation
• Examples of the creative use of color filters in web design
• What's new in Photoshop CC 2014 V2
• LinkedIn Redesign Concept
• Design for a non-existent David Beckham team Miami MLS Team
• Creating pixel animation pumpkin for All Saints Day in Adobe Photoshop
• Creating a digital collage with handmade elements in Adobe Photoshop
• Quick Lesson: How to create an image of a metal surface in Photoshop
• Designs of covers of books with excellent typography from Iacopo Bruno
• Vector and bill portraits for inspiration

A selection of free designer cookies

• Free styles for Photoshop, imitating leather and textiles
• Retro Free Backgrounds and Cards Templates
• Ebook: The Guide to UX Design Process & Documentation
• AllTheFreeStock.com - video and photo
• Photo-texture with the image of spots of watercolor paints in JPG & PNG formats
• PSD Mocap Coming Soon Pages
• Awesome ui kit
• A small set of vector icons
• More than two hundred vector outline icons with icons for maps
• Set of Helium vector icons in AI, EPS, SVG formats, iconic font.
• Vector autumn icons in eps format
• Five sets with icons in flat design
• Over forty decorative fonts ready for download: from WMC 5 Free Font Pack to Coolhand Luke
• Five modern fonts: from Arca Majora to Big John / Slim Joe

Entertaining

• Robots in medicine
• 7 experimental interfaces of the future
• The Germans invented a way to print flexible touch displays on a regular printer.
• Top 10 Chinese analogues of popular services and sites
• Shooting for Google Street View has moved to the sands of the UAE
• 9 wise tips from Apple co-founder Steve Wozniak
• Life after Microsoft: 8 facts from Forbes material about Steve Ballmer
• How to get 300 thousand views in 30 days using Product Hunt and Hacker News - the case of the project Famous Outfits
• Interview of the legendary investor Mark Andriessen about Mark Zuckerberg, Twitter and Apple Watch
• Gartner: Ten Key IT Trends of 2015
• Quora Talk: Why Employees Leave Facebook, Microsoft, and Google
• "Tesla D": four-wheel drive, autopilot and 3 seconds to 100 km / h
• Tesla Motors: unknown facts from the company's history
• Study: Internet Trolls - Real Daffodils, Sadists, and Psychopaths
• Flamingo pablo

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 .