The digest of interesting materials from the world of web development and IT for the last week No. 79 (October 13 - 19, 2013)

Web development

• Writing an HTML5 game in 20 minutes, or an introduction to the Phaser framework
• The General Assembly project launched an online course for those who want to master CSS, JavaScript and HTML
• Google Maps API: location map, animation and styling
• Video recordings of reports from yac2013 became available (section frontend in the 4th hall)
• Use the vector in the browser: Grunticon . Also, one more note on a similar theme: Retinafy everything
• initial-scale = 1 causes Safari iOS to respond to changes in orientation
• We take the best of two worlds: mix HTML5 and native code
• Knowledge Base on Responsive Design
• How to use the new HTML5 elements correctly: dialog and section
• Screen Size Management in HTML5 Mobile Games
• Details on text compression for web developers
• Selection of new adaptive frameworks
• Priority for visible content
• 14 brands that have increased convertibility due to responsive design
• Git / Github Resources
• Polymer is a site dedicated to the popularization of polymer and Web Components that promise to be the future of the web.
• Wish list for Christmas 2013 from web developer
• The history of the creation of the File Uploader from the developers of mail.ru
• ARIA examples - an example of a web form with improved accessibility
• Accessibility Presentation “What does it do?”
• Presentation of “Responsive Images: ain't we there yet?”
• Presentation "Breaking the 1000 ms mobile barrier"
• FullPaged: jQuery plugin for creating one-page websites with UI animation
• Interview with Bruce Lawson, Opera evangelist

CSS

• Frames and Borders
• Icons from characters
• Documentation for MCSS — a multi-layered CSS organization system based on OOCSS and BEM principles
• Questions and problems on the subject of CSS for interviews
• Shape.LESS - mixin collection for LESS with figures
• More than two hundred icons on pure CSS
• Animation for Download Icons by CSS
• Video report by Nicolas Gallagher on the topic CSS Application Architecture
• Layers CSS is another static framework, with adaptability, element normalization and grids
• Oblique tabs with CSS 3D transforms
• How to design textarea (under webkit)
• Single-directional task margin
• Responsive Web Form Example
• Visual demonstration of the work box-shadow
• Slideshowbob.css - CSS slider
• Checkbox switch

Javascripts

• Performance frontend. Font optimization
• Node.js Beginner's Guide
• Node.js and new frontend on the web
• Mozilla launches TogetherJS service for collaboration on content . Presentation of TogetherJS in the Mozilla developer tehnoglog.
• Several useful tricks for beginners in AngularJS
• Six Tricks for Creating AJAX-Loaded Websites
• Javascript performance tests
• Custom Elements - New Generation Markup
• simplePagination.js - a small plugin on jQuery to add pagination to the page
• Extending jQuery: UI Effects Framework
• Odometer - animation for numbering
• slicknav - another plugin for adaptive navigation
• Buttons with visualization of download progress
• A selection of plug-ins and libraries on jQuery for form validation
• Simple Text Rotator on jQuery
• At.js - github style auto help
• Formstone - the ever growing collection of jQuery libraries
• JSON5 - JSON for ES5 era
• JSONPlaceholder is a simple fake online REST API for testing and prototyping. As image placeholder, only for web developers.
• Creating a MVC site using ExpressJS
• FullPaged: jQuery plugin for creating one-page websites with UI animation
• Yeoman generator to create a reveal.js slideshow
• Grunt tricks: part one
• Articles and books on popular frameworks

Browsers

• Google Chrome 31 Beta
• Blind will make it easier to use Internet Explorer 11
• Google Chrome will no longer support Windows XP OS in 2015
• Detailed analysis of how browsers resize images
• Internet Explorer 11 New Features and APIs
• Internet Explorer 11: WebGL and Other

Web tools

• Turn Android smartphone or tablet into server
• Preview of new features caniuse.com
• Gradient Background Maker - online gradient generation tool
• Generatedata - a service for generating all sorts of pseudo-real data
• Business Card Maker - business card generator
• Raw - a tool for creating vector graphics from tabular data
• Fontcombiner - a service for creating and editing fonts.
• swagger - add styles to your API documentation
• ghost is just a blogger platform

news

• MS Windows 8.1 and Visual Studio 2013 are available for download , Windows 8.1 is ready to conquer the market
• Yandex launched the open platform Cocaine
• How Github and StackOverflow can overthrow LinkedIn and other portals to find IT professionals
• Microsoft launches Remote Desktop app for iOS and Android
• Russian court for the first time gave a term to users of torrents
• Mail.ru Group celebrates its 15th anniversary
• Yandex has bought KinoPoisk , a Forbes interior , Yandex will launch a screening and viewing platform based on Kinopoisk
• Twitter can now post tweets on schedule
• New Google Terms of Use will take effect Nov. 11
• Facebook buys Israeli mobile startup Onavo and opens an office in Russia
• In the United States launched a service that allows you to send money by e-mail
• Samsung has demonstrated explosion-proof flexible battery

Sites with interesting design and functionality

• 17 examples of sites with parallax scrolling
• 10 best world airlines in 2013
• Urban Web Design
• thisisnowexhibition.com - unobtrusive parallax
• lunita.ca/ - parallax and interesting solutions for dynamics
• waaac.co - another version of the implementation of parallax design
• And nytimes knows how to creatively approach the layout of the article
• The Wes Anderson Collection - a creative home page with an animated illustration.
• pakadlabezdomniaka.pl - unusual two-way navigation
• thepapers.fi - one-page site with background video and post-slide pagination
• kurkawolna.pl - a very non-standard site, with hens
• fillet.com.br - another approach to the implementation of non-standard navigation
• GRATULERER!
• Built In The South - background video and exit menu
• open.bekk.no - non-standard navigation by year, with statistics displayed
• fontwalk.de - a large number of scroll effects
• Built In The South - video in background and exit menu

Design

• 5 principles of convincing design
• Top Web Design Examples
• We draw a rain in Adobe Photoshop
• Draw Teddy Bear in Adobe Illustrator
• Popular trends in web design for responsive navigation
• Why UX is not 100% UI
• UICloud - search engine for UI elements
• Flat design and UI and web forms
• thereisnopagefold.com - welcome to the world of the web without the "safe zone" visible to all users
• Name That Blue - a game to memorize the differences in shades of blue in brands
• Impressive inspirational typography examples
• Five advanced techniques in mobile web design that you may not have known about
• Sharing animation ideas
• Three dozen creative black and white logos
• Interview with the illustrator Therese Larsson
• The complete guide to corrective layers in Photoshop - Gradient Map
• Two dozen “About Us” pages with inspirational illustrations
• Trend of web design: large headlines
• Successful redesigns of corporate logos
• Photoshop tutorials for beginners
• Fonts that mimic the result of the typewriter

A selection of free designer cookies

• 15 sources of free logos
• Compilation of free mock-up files
• Free collection of maps of all countries in 11 sizes and svg
• 66 New High Quality Free Fonts
• For a subscription, a set of actions for Photoshop, creating covers and packaging of various types
• Flatic UserInterface Kit
• Four dozen sets with social icons
• Sets with flat icons (PSD & PNG)
• Photoshop Arrow Brush Collections
• Branding and Identity Template Sets with Modern Design
• UI component sets in flat and traditional designs
• iOS 7 Alternate Color Kits , ios7 style ui kit
• Twenty PSD layouts with which you can beautifully demonstrate the developed interface
• Vector packaging dedicated to All Saints Day
• Halloween: Seven dozen fonts dedicated to All Saints Day , a dozen templates of flyers dedicated to All Saints Day , Icons dedicated to All Saints Day
• A set of icons with long shadows dedicated to All Saints Day
• Adore - set of photo-realistic icons
• Fonts: Plethora 1984 - Decorative Header Font, Rose - Decorative Women's Font, Lousiane - Vintage Decorative Font, Anson - Sans Serif Font

Web tools

• X86 emulator on javascript
• Meow on CSS3
• Animating Checkboxes and Radio Bats with SVG
• The history of the evolution of the Makovsky mouse using CSS transitions
• X86 emulator on javascript
• The zoomquilt
• Generators redux
• Interactive book on jQuery and HTML5
• TouchType - a game for developing printing skills

Entertaining

• Silk Road: How the Matrix arrested Neo , the story of "Silk Road" gets on the big screen
• Hello, the future: The world's first bionic man has been created , Amaze: a European project for 3D printing of metal parts for the aerospace industry
• Art. Lebedev Studio began selling Optimus Popularis keyboard
• Who will replace me, who will go on the attack?
• For five years, ESA intends to make a breakthrough in 3D metal printing technology.
• Do it HARD: choose a processor
• How does google live
• Amazon Hired: First Impressions
• The house Apple will build
• Best Russian startups according to Wired
• Virtual Reality: Towards the Helmet of Terror
• Who and for what won the 2013 Nobel Prize , as well as the 10 most unusual theories of economists-nobeliat
• What is NFC tags and what they eat
• Employees of IT-sphere in the USA pity and deride owners of WP-smartphones
• A little fresh cosplay with New York Comic Con 2013 in pictures and DRAGON CON 2013 in the video , as well as some zombies
• Why fingerprints should not be used for security

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