The digest of interesting materials from the world of web development and IT for the last week №69 (August 4 - 10, 2013)

We offer to your attention another selection with links to news, interesting materials and useful resources.

Hot seven

Emmet LiveStyle

Meet Emmet LiveStyle - a beta version of a new generation of plug-in for bidirectional CSS editing from Sergey Chikuyonok, plus LiveStyle Review on smashingmagazine (enthusiastic comments included)

Adaptive design

An article on how to test responsive design without spending on paid tools as well as a small selection of lessons

Webgl

WebGL continues to evolve, demonstrating all the great features. Here are some of them: 3d effects on pages , render more than a million particles , and finally, a really impressive demo showing the potential of creating games using WebGL

CSS issues

Translation of an entertaining article about CSS problems that people usually don’t remember about in textbooks on layout. Part 1 , Part 2

Firefox 23

This week's release of Firefox 23 . In addition to a small change in the logo, the release included a fairly decent amount of improvements and additions, including the long-awaited network monitor

Why Angular.js taxis?

With this lengthy article from Jesus, Rodriguez tries to give a reasoned answer to the question

YotaPhone

The domestic phone with two screens has already managed to make some noise at electronics exhibitions. In more detail about the device itself and the features of its development, and in particular about the history of its creation, you can read in the first official Yotafon-post on Habré

Web development

• livestyle.emmet.io - beta version of the new generation of plug-in bidirectional CSS editing , LiveStyle Review at smashingmagazine
• Prepros: an open-source file compiler for front-end development.
• Historical moment: now the link www.w3.org/TR/html/ leads not to XHTML 1.0, as 13 years ago, but to HTML5.0 (via mattur / status )
• Using the Web Speech API to Create Voice Driven HTML5 Games
• SVG filters on the text
• How to test adaptive design for free
• 20 CSS lessons for responsive web design
• Migrating to Bootstrap 3 , Big changes to Twitter Bootstrap
• Image Download Management
• Information storage options on the client side
• Resizing an image using canvas
• Add 3d effects using WebGL
• “The world's easiest HTML5 WISWIWYG editor” for the web
• New features Adob ​​Edge Animate CC

CSS

• Using Animate.css
• CSS Problems: Part 1 , Part 2
• CSS Animations Editor
• Horizontal and vertical centering in CSS with absolute
• 6 CSS alignment methods
• Ten selectors, without which you should not code
• Autoprefixer - postprocessor for adding vendor prefixes
• Various effects for targeting menu items
• Language-wide Features in CSS
• Emmet official cheat sheet
• Getting rid of the bottom space when creating modules
• Facebook responsive navigation
• Sass mixin for offsets
• Mini-gallery in the form of an animated cube on CSS3 and an explanation of how it was created

Javascripts

• Understanding OOP in Java Script (ES5), Part 2
• dalekjs - automatic cross-browser testing using javascript
• Why is Angular.js so cool?
• Basics of using a UI router with AngularJS
• How to draw polygons on canvas
• Backbone.js - tips and templates
• Making a modular JavaScript project with RequireJS
• TodoMVC 1.2 - a new version , a classic gadget on the main MVC frameworks
• Create jQuery plugin with Google Maps
• Plugins and libraries:
  
  • javascriptoo.com - a large collection of libraries and scripts, sorted by category
  • Libraries for creating graphs
  • Sticky-Kit - jQuery plugin for creating elements sticking to the top or bottom of the screen
  • tidyTime.js - we display time on human
  • Yadcf - filtering data in columns of tables
  • formFive - polyfill for more complete form support
  • git-html5.js - pure javascript git implementation for your browser
  • JointJS - a library for creating diagrams
  • gradientmaps.js - Photoshop Gradient Map effect on the web
  • viewportSize will help get the width and height of the CSS viewport using JavaScript.
  • HTML (.js) is another option for improving DOM work.
  
  

Browsers

• Chrome browser will make friends with touch screens
• Release of Firefox 23 (+ off. List of changes )
• Browser console in Firefox
• Touch Internet Explorer 2
• Plugin for Firefox erases browser fingerprints
• The first release on the Opera Developer channel
• Anyone can see passwords saved in Google Crome!

news

• Mobile markets: More than 40% of active Android devices use the Jelly Bean version, Android and iOS divide the market again , Android captured the tablet market amid falling iPad sales
• Apple develops audio hyperlinks
• The first victims of the law number 187 - Turbofilm and Rutor
• YouTube founders have made rival apps for Instagram and Vine
• YouTube users with more than 100 subscribers will be able to broadcast online.
• Twitter sets a new world record
• Television for the first time gave way to the Internet leadership in the US
• Android Device Manager helps you find your smartphone , Google has begun to introduce the Android Device Manager feature
• Canonical officially compares Ubuntu Edge with Apple iPhone 5 and Samsung Galaxy S4
• Google launched adsense ad system mobile application
• Photosite 500px added colors to Microsoft search engine
• Popular Instagram service added integration with VKontakte

Services

• Mikey sorts mail into Gmail as Google should have done
• snapnote.io - service for creating images with comments
• mockuphone.com - creating an image of a mobile device, with the image you prepared on it
• 20 useful SEO tools

Demo

• Over a million particles rendered in WebGL
• Why HTML5 is great
• The coolest opportunities to create games in WebGL
• CSS3 features:
  
  • pure css3 Gran Turismo
  • CSS3 animation and endless cats
  • Launching a paper airplane on CSS3 (click Send it)
  
  

Sites with interesting design and functionality

• NASA launched the first Russian-language site
• A selection of minimalistic sites
• hellohikimori.com - stylish portfolio with background audio and video
• cropp.com - site for lovers of pixel graphics, parallax and trend design
• tour.kathart.dk is a fun site of a creative studio with a huge number of pictures and a fascinating video effect.
• joe-san.com - video clip site

Design

• Yahoo will show the new logo on September 5 , Yahoo! will introduce thirty new logos
• The evolution of Wordpress interfaces over 10 years
• The history of the creation of a "social portrait"
• Excellent typography in web design
• We pronounce the names of European fonts correctly
• The course "design basics" from codeschool
• How to keep the attractiveness of responsive design
• Explaining the difference between adaptive and responsive design
• IPhone 6 Design Concept
• Creating a volume vintage typography with: Illustrator, Cinema 4D, Photoshop
• First-class restaurant logos
• Examples of gaining flat design
• Web design travel sites
• Fifty funny 404 pages

A selection of free designer cookies

• Source PSD "Perspective App Screen Mock-Up 5"
• PSD sources for vintage logos
• Set of vector images dedicated to the birthday!
• A large set of business card sources
• Type & Grids: Free Responsive HTML5 Template
• Patterns: Retro Patterns
• Icons: Free volumetric and colorful icons , two and a half hundred icons of famous monuments and famous buildings , with long shadows
• Fonts: PHANTOM - sans serif font , Look Up - decorative, consisting of arrows , Parley - decorative font for headlines , PW Small Icons - icon font for creating sketches
• Collection of Free Fonts and Typefaces for August 2013

Entertaining

• How music affects productivity
• Domestic phone with two screens: development history
• Non-standard displays: Leap Motion Review , Water turned into a touchscreen display (video)
• Nokia faked the iPhone 5 in its advertising (video)
• The impact of online piracy on the music industry
• Wargaming: 15 years on the front line
• Weapons of the future: combat robots and drones
• Solar panels: how it works
• The story of the creation of the lunar rover
• 12 things Apple, Twitter and Yahoo will do with you after they get a job
• Top 10 most expensive communities VKontakte for the price per post
• Gallery of works created by developers in their free time debug
• What happens on the Internet in one second
• Printed on a 3D printer drones will deal with drug trafficking
• How the new Gmail interface affects users
• Space: Japan sent a talking robot to the ISS , Red mission: book Mars tickets
• Voronezh entered into a contract with the bank, making their changes , and is going to sue 24 million rubles

')
Digest from last week .
Material prepared by dersmoll and alekskorovin