The digest of interesting materials from the world of web development and IT for the last week №115 (June 22 - 28, 2014)

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

Web development

• Make the site work on touch devices.
• Development of cross-browser extensions
• How website speed and availability affects SEO
• Bower: why does frontend need a package manager
• Report of Robert Kharitonov on the topic of “Automating the Front End”
• WTF, HTML and CSS?
• Android L, Chrome DevTools and other news based on the last Google IO conference
• Bootstrap 3.2.0 release
• Working with particles in HTML5 Canvas
• Creating a game. Part 1: Character
• cayley - database for graphs
• Fenix ​​is ​​a free simple web server on node.js with GUI . From pleasant - the opportunity to share a local site.
• All The Style Guides : The author collects all the style sheets and template libraries on his blog.
• Getting Started with the Google Web Starter Kit
• HTML5 Beginner's Guide
• Vim is for people who think vim is weird and complicated
• How to increase the speed of the site on WordPress
• SVG: how preserveAspectRatio works.
• Draggable Dual-View Slideshow
• Installable web applications.
• The doctor has already arrived (Fun Fiction by Jeffrey Zeldman)
• Google I / O 2014: Polymer and Web Components are changing everything you knew about web development
• Video from NDC 2014: “Node.JS Tools For Front-End Developers” (about Bower, Grunt, Gulp and Yeoman)

CSS

• A selection of useful CSS recipes
• Approaches to help you raise your level of use of Sass to a new level
• Breathing life into CSS3 animation
• CSSShrink - compress CSS
• Responsive design with calc in CSS3
• Interesting technology for placeholders
• SUIT CSS - style tools for interface components
• Gridle.SCSS - creating responsive grid
• Comparison of syntax of popular CSS preprocessors on the example of parental footnotes
• Loops in CSS preprocessors
• Licon - a set of CSS icons
• The Simpsons Drawn With CSS
• Waves from checkboxes

Javascript

• Who could tell me how to require to connect
• OpenUI5 - new javascript framework from SAP
• Sourcebuster JS : JavaScript Site Sourcing Module
• Getting started with browserify
• fast.js - faster implementation of generic javascript functions
• Electronic online book Human JavaScript - a guide to creating web applications
• JQuery UI 1.11.0 release - new widget, Bower support, AMD support, and a bunch of fixes
• Understanding the scope of variables and closures without loss of mind
• Algorithms of visualization
• Localization with JavaScript and CSS is a useful article, more interesting in terms of technology capabilities than for use in production.
• CDNperf - find the best CDN for JS library delivery
• Components created with Backbone.js and Marionette.js
• Five libraries and APIs for working with HTML5 Audio
• beeplay.js - writing music in javascript
• SPF - a framework for navigating and updating parts of a page from YouTube
• DropKick.js - plugin for styling dropdowns
• SideComments.js - component for posting comments related to individual sections and paragraphs
• Build Applications with Firebase and Ionic
• Ampersand.js - framework for creating advanced applications using modules
• smallworld.js - map generator using GeoJSON and HTML5 Canvas
• Simple animation enhancement in jQuery
• How to use MediaRecorder API
• jQuery Navobile - another plugin for responsive navigation transformation
• Creative effects modal windows using jQuery.Adaptive-Modal.js
• jQuery: the perfect library for narrow channels by Timmy Willison

Web tools

• Game Making Tools
• Piskel - a tool for creating pixel graphics, animation and sprites.
• New design Can I Use

news

• Google I / O 2014:
  
  • Google I / O 2014. Day One
  • Google I / O 2014 Summary
  • Browse Top Stories from Google I / O 2014
  • Google I / O 2014 in 4 minutes
  • Developers and experts on the presentation of Google I / O 2014
  • At the Google I / O conference, Cayley, an open, graph-oriented database, is presented.
  • Three scandals on Google I / O
  • Android L Developer Preview Review
  
  
• Oculus buys a group of top industrial designers
• Mars rover Curiosity completed the main scientific mission
• Wolfram Programming Cloud (Wolfram Programming Cloud) Now Available
• Moto 360: smart and beautiful watch from Motorola
• YouTube will support 60 frames per second and will get other features.
• Google launched Google Domains domain registration service
• Published the 43rd edition of the list of the most high-performance supercomputers
• Mozilla may soon introduce a Firefox OS-based TV trinket to compete with Chromecast
• Mail.Ru launches online document editor
• Yandex closes Ya.ru. Lyudmila Kudryavtseva, Start Fellows: About closing the Yandex blog platform
• Apple introduced the iPod Touch player with 16 GB of memory and iSight camera
• Google Cardboard: Cardboard Virtual Reality Helmet

Browsers

• Firefox Nightly has a built-in IDE for web development.
• 21 Growth Hacks Google Chrome Extension
• Opera 24 Web Browser Supports Linux Platform
• New in Chrome DevTools

Sites with interesting design and functionality

• pioneers.brancottestate.com - non-standard scroll site, the design of which is animated from the bottom up
• designmodo.com/startup - one-page site dedicated to the framework builder
• Website with interactive statistics-visualization of the World Cup 2014
• developers.google.com/cardboard - virtual reality accessible via smartphone, lenses, and cardboard construction
• iconpr.com.au - a site with pleasant animation and parallax effects
• terra-digitalis.dfg.de - vertical site with an abundance of high-quality graphics, animation and parallax
• lobagola.com - interesting effect for the start slider
• go-food.co.uk - nice stylish design of the site and the main page in particular
• my.deejo.fr - a cool three-dimensional website presentation with an interactive designer
• Advanced site dedicated to the Grand Prix du Canada
• Podbroka sites with a clean and minimalist design
• Sites using one hundred percent Hero-image effect

Design

• Unresponsive design
• Digital artist: what do you need for drawing on PC?
• Typography in motion
• Design Tips for the 404 Page
• Susan Kare, Iconographer (EG8)
• Five years of Dribbble
• Dribbble ruined the design (for me)
• Material Design - Google Product Line Design Update
• Google design
• Designer's reaction to Google’s new Material design concept
• Using Android L: A First Look At Google's Future Axis
• How to improve the UX site using door-diagrams
• Six "safe" guides on working with color in web design
• MobileVis - examples of mobile-adapted visualizations
• Design in detail: Path app for iOS
• Inspiring example of a creative social project from Andreas Preis
• HomelessFonts - handwritten fonts created using homeless people’s handwriting
• Step-by-step instructions for creating effective travel maps
• What is a color model
• Top 5 reasons why one-page sites are cool

A selection of free designer cookies

• Summer vector backgrounds and patterns
• Quality wooden textures
• Third Eye PSD Theme Template with Flat Design for Photographers
• Icon Design Resources
• Responsive Web Design PSD Template for an Electronic Clothing Store
• Ballicons - two packs with round icons with a flat design in PNG, PSD, SVG
• Four dozen sets of icons worth paying attention to
• Seven dozen outline icons in PSD
• Set of vector icons with markers for maps.
• Vector Illustration of Twitter Sparrows
• Two dozen decorative fonts: from 44 Font Shadow to Bauserif
• Raw - decorative sans serif font stylized for paint strokes
• Simple Stamp - a handwritten decorative font containing lowercase and capital letters, numbers, monetary units and punctuation marks.

Demo

• Flatris
• WavePot - online synthesizer on JS
• Wikipedia redesign concept
• Cool CSS animation
• Sample project using Polymer - tests on various topics
• Google Football Games

Entertaining

• Martian Jubilee Curiosity: A Whole Year on the Red Planet
• What do we know about transformers?
• Retro: Draw me an emotion
• 9 major changes in Android L
• VIDEO: 7 TED appearances that will make you fall in love with science
• Surveillance history: How Facebook denied tracking for the Like button
• 8 promising areas for Mashable startups
• The history of computer animation
• Turing test passed. So what?
• Android history (from version 0.5 to 4.4)
• Seven dozen of the most useful sites
• Plain Text Offenders - services that show your password explicitly

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 .