The digest of interesting materials from the world of web development and IT for the last week No. 81 (October 27 - November 2, 2013)

Web development

• Stop using location.hash, long live the HTML5 History API!
• Shadow DOM, CSS, and Shadow DOM Styles
• Announcement: bem-core v1.0.0 , Belozhik on bem tools 1.0.0alpha
• Songs of Diridum: squeezing the maximum from the Web Audio API
• Fronteers 2013 - On the vimeo channel fronteers uploaded fresh video reports from the last conference
• Steve Faulkner: “Do not rely on the mythical HTML5 Document Outline, use a normal hierarchy of headings”
• Increase usability of forms for selecting several checkboxes simultaneously
• We force the browser to download the latest versions of CSS and JS
• Medium-Style Page Transition
• Split layout
• How to use the progress element
• That responsive design is not only screen size
• Presentation of Continuous Delivery for the Web Platform
• SpeechRTC running on FirefoxOS
• Web Runtime Architecture (video)
• Icon fonts and user-defined styles
• HTML5 Video in the mobile web
• Solution for creating long drop-down menus
• An example of the description of the full process frontend development from start to finish
• Responsive HTML Email Templates: Another Strategy

CSS

• Word for pixel values ​​media queries
• The new Kellum method - supernova type of image replacement technology (spoiler - invisible font) and other possibilities of using such a font
• Cross Browser CSS Injection
• After: float
• CSS Regions Painting in WebKit and Blink
• Well rounded: combine shapes in CSS
• Mixins for conditional media queries
• What about responsive icons?
• How to change the color of selected text on CSS
• 3D Gallery
• Tutorial on creating a drop-down CSS3 menu in the blinds-style
• Pure CSS navigation switch
• Interactive introduction to Flexbox
• PPK explores: height and @viewport
• SassyLists Compass extension, with a set of functions necessary for working with lists in Sass
• CSSOFF - Prepare for Honorable Markup Contest starting November 12

Javascripts

• Video: full development cycle on JavaScript
• Warp9 is another reactive js library. At this time composable and without leaks
• Russian-language screencast on Node.JS: "Node.JS from A to Z"
• Waking up and starting to use Grunt (good introduction to working with Grunt)
• load-grunt-tasks module for Grunt, reading dependencies from package.json and running the necessary tasks
• Nunjucks - a language for describing patterns in JavaScript (similar to Mustache / Handlebars)
• Creating multiplayer HTML5 games using Cloak
• Things that upset in AngularJS
• Respect javascript
• Animated DOM transitions by Alex Maccaw
• formatter.js - auto-formatting data in text fields for specified patterns
• glide.js is another content slider, with CSS3 transitions and a foldback for old browsers
• Resumable.js - a library for creating multi-threaded and renewable file downloads using the HTML5 API
• jQuery Immersive Slider - slider with a small wow effect
• sevenSeg.js - Seven -segment displays on SVG using jQuery UI
• .onScreen (); - A jQuery plugin
• Perpetuating horrible practices in JS
• Retire.js - JavaScript library that defines known vulnerabilities in the application
• Sails.js view
• Comparing Backbone and Angular
• The history of “typeof null”
• Frequent misconceptions about understanding JavaScript
• jsCode - custom conventions for writing code in JavaScript (custom JavaScript coding guidelines)

Browsers

• My Opera closes in March 2014
• Firefox 25 release
• Mozilla project released Lightbeam, a Firefox add-on to monitor user tracking on the Web
• The Tesla Model S will embed Google Chrome browser
• Gemius named the most popular browsers in Eastern Europe: Chrome leads in Ukraine
• Advanced font settings in Chromium 32
• Chromium based webview with Android 4.4
• UK Mobile Browser Market
• Experiments with an improved content editing process in IE11
• Let's build a fast web and eat pizza. IE11 + 11%. (as part of IE11 promotion)

Web tools

• Code Beautify - a set of online tools for code formatting
• createcss3 - online CSS3 property generator
• Countries {for} Devs - region list generator for some countries
• Snazzy Maps - a collection of stylized Google Maps
• realfavicongenerator.net - Favicon Image Generator
• Custom Font Generators

news

• Google News:
  
  • Google officially announced the new Nexus 5 and Android 4.4
  • Android 4.4 KitKat optimized memory handling, improved NFC and Bluetooth performance
  • Introducing the new features of Hangouts and Google+ Photos. Here are four more reasons to start using Google+.
  • Android 4.4: Ten New Features You Should Know About
  
  
• Welcome Mozilla Location Service
• Mobile Internet in Russia and the world: platforms, consumption, trends
• Coursera Launches Learning Hubs — Physical Premises for Online Courses
• American startup hacks any “captcha” with a 90% chance
• The creator of the JavaScript language spoke against the standardization of DRM tools for the Web
• LG G Flex - another curved smartphone
• Motorola Project Ara - direct development of the idea of ​​modular smartphones Phoneblocks, Project Ara: Motorola's modular open source smartphones
• Apple presented a record report for the fourth quarter of fiscal year 2013
• Cisco will open a non-deductible H.264 codec that will be used in Firefox
• Social network Facebook wants to buy a manufacturer of Blackberry smartphones
• The researchers managed to achieve a speed of 10 Gbit / s when transmitting data with visible light
• Named the 10 most influential IT-businessmen in the world
• The W3C Consortium has published the second draft of the HTML 5.1 specification.
• Samsung sells 1 million mobile devices daily
• Snowden will help VK users. In tehsapport
• Google Barges build luxury showrooms
• Patent troll controlled by Apple and Microsoft attacked Google and manufacturers of Android devices
• Windows Phone - the fastest growing platform

Sites with interesting design and functionality

• pieratt.com - super-minimal portfolio
• WE DON'T NEED Daylight Saving Time
• http://bananacafe.com.br/ - the triumph of multimedia and css-animations
• Interactive Horror Map
• Another custom layout of the article from the New York Times
• Sites with creative dynamic elements
• The story of a young designer
• Not your standard cider. - one-page vertical site with cider presentation
• mottau.co.uk - a site with an interesting effect during scrolling
• marktuthill.ie - navigation in all directions and successful inclusions of css3 animation
• bothassociates.com - design with bidirectional animation of objects
• 2013.unknowncroatia.com - modern layout, parallaxes, animation and good performance optimization
• hihayk.com - stylish graphic designer site

Design

• Abbreviated font “Autonym” for self-naming in Wikipedia
• How do people actually hold their cell phone and why should they know
• Diznot - a notebook for prototyping in web design. Notebook for inspiration ...
• A selection of logos for inspiration
• Getting ready for Halloween: the "scary" lessons Adobe Photoshop
• Interview with designer Alice Macarova
• Selling responsive designs to customers
• Photoshop wizard in action
• Web designs created using diagonals
• Selected examples of product advertising sites.
• Actual trends in the design of blogs and online magazines
• Clean Up Your Mess: a visual design guide for everyone
• Cucumbertown single selection history
• Context - an application that helps you visualize your ideas without leaving Illustrator.
• All the power of panels in Illustrator: Appearance and Graphic Styles
• Andrew Kim - the story of a young designer and Microsoft
• Cucumbertown single selection history
• Understanding the Adobe Camera Raw Interface
• Ten bad habits that you should get rid of when working with Photoshop
• Theory of Design: Five Basic Principles of Typography

A selection of free designer cookies

• 106 free flat UI elements for designers. Part 2 and Part 3
• Free icons, backgrounds, patterns, and Halloween wallpapers!
• ionicons - icon font for Ionic Framework
• 23 Free Fonts & Typefaces for October 2013
• iOS7 GUI PSD (iPhone) updated
• BlendMeIn: Photoshop Plugin Providing Access To Most Popular Icon Sets
• Resources where you can find high-quality photos
• Two dozen e-books on the study of photography
• Selection of resources for creating a flat design
• iPad Air Psd in vector
• Font collections for your designs, from AC Mountain to Plethora 1984 , from Versaniah to Bomb Jigsaw , as well as Four dozen fresh fonts for graphic designers
• Badge PSD Template
• Template iOS7 for obsessive designers
• Two dozen useful fonts for logos
• Ten Vector and PSD iPad Air Layouts
• Sources of UI components with elements of various settings and panels with a choice of options
• Nexus 5 Vector (.Ai)

Demo

• Windows 1.01 - now right in the browser
• emolate.com - the concept of an emotional search filter
• Animated 3D table gallery with scattered video cards (HTML5 Video)
• Music Keys - JS Dynamic Audio Synth
• q3 and webGL
• 3D model of the solar system
• Chrome logo

Entertaining

• Meditation is another way to motivate or why Google allocates rooms for them.
• Optimus Popularis Keyboard Review (+ video)
• That is why you can not interrupt the programmer
• Trend Locator. Internet of Things: 9 billion devices by 2018
• The theory of six handshakes? Forget: the world is even closer
• Trojans in Chinese irons: why customs do not give good
• Techcrunch released a great material about Telegram
• Be healthy, or so that you are dead! How America built a revolutionary health insurance website
• “Imminent End, Something Very Bad”
• The quality of embedded software or pogrom still happened
• L - means like
• How LifeNews and Lenta.ru argued about photos of Snowden + UPDATE
• Ode to the LED: cheap light for "clean energy"
• Halloween costumes for programmers
• Norwegian bought bitcoins for $ 27 in 2009 and turned out to be a millionaire in 2013

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 by dersmoll and alekskorovin