The digest of interesting materials from the world of web development and IT for the last week No. 84 (November 16 - 23, 2013)

The digest of interesting materials from the world of web development and IT for the last week No. 84 (November 16 - 23, 2013)

Web development

• How to create a web page. Part 1
• "Themeforest" as a way of permanent income
• What will appear in WordPress 3.8
• Google showed a tricky WebGL world for mobile Chrome
• The Hobbit: what we have learned by bringing Middle-earth back to life - a little about the process of creating a game on HTML5 WebGL supported by mobile devices
• Creating a multiplatform HTML5 game - The Pond
• Future video in web design
• Asynchronous ad blocks using HTML Imports
• How Techcrunch Redesigned with Adaptability: Brad Frost , Daniel Mall
• Productive animation with requestAnimationFrame
• 5 myths about mobile web performance
• Overview of HTML5 microdata implementation and their impact on SEO
• A quick introduction to Web Storage
• Adaptive typography techniques
• Why responsive images are so hard
• ish. 2.0 - updated popular debugging tool for responsive design
• Foundation release 5
• Responsive design won't fix content issues.
• WebGL debugging and profiling tools
• Web Components: why are you already experts in this
• The state of affairs with the implementation of the nearest-neighbor canvas interpolation in browsers
• The best libraries and frameworks for data visualization
• What is it all the same ... 300ms delay
• Yoav Weiss Presentation: Receptions of Responsive Images and More
• Presentation from Daniel Appelquist: What's new in web standards?
• Eric Bidelman Presentation: Polymer - infrastructure of declarative, encapsulated, modular components
• Henrik Joreteg Presentation: Turning WebRTC into Candy, CascadiaJS 2013
• Presentation by Ilya Grigorik: What every web developer needs to know about browsers and network performance

CSS

• CSS and the golden ratio
• We cut vendor prefixes
• Scut - new utility library for Sass
• We use CSS not only for styling
• Animation of the transition from “display: block” to “display: none”
• Taming data tables
• Use LESS to create a registration form.
• How to use filters in CSS
• Cross Browser Filters with CSS and SVG
• Bouncing ball on CSS3
• Animated rabbit

Javascripts

• JavaScript and several dozen lines of code: Piano in 24 lines in Javascript: if you play, then music , Tiny Arcanoid , Gonochka , Tiny Snake , Pong , Roguelike / RPG , Tetris in 36 lines of code
• PickMeUp is a good jQuery datepicker plugin
• Playing with zero lines of javascript code
• 20 and 1 javascript lotion that I just can't remember
• WidLib - declarative js framework for building widgets
• Asteroids javascript implementation
• JavaScript Design Patterns
• Automate your JS development with Grunt
• Introduction to Full-Stack JavaScript
• Five advanced JS debugging techniques you should be aware of
• Simple JavaScript Documentation with YUIDocs and Grunt.js
• Winners of the 2013 Node Knockout competition
• WebGL with Three.js Basics
• Event restriction to namespaces using jQuery
• apollo - API for manipulating the DOM
• DynoSRC - reduce the number of requests to JS files
• END DASH Bilateral Binding Framework Using Semantic HTML
• jQuery Spinner - plugin for creating components for choosing a number
• validate.js - a declarative way to validate JS objects
• tablecloth.js - styling and customization of tables
• AutoFix_Anything.js - fix any div within the viewport
• ResponsiveImagesCG / x-picture - polyfil for responsive images
• jQuery HTML5 media player - HTML5 player on jQuery

Browsers

• Beta testing of a new Yandex Browser : spell check from Yandex and a call from the computer to the phone
• There is a possibility of glitches in Chrome 31: selectors like nth-last-child may work incorrectly
• Rekonq 2.4 web browser release developed by the KDE project
• Yandex.Browser is now available for tablets
• Announced the integration into the nightly builds of Firefox of the new Australis interface . According to the Mozilla report, the share of negative feedback on the Australis interface is 84%.
• In Opera 19 Dev added sync
• ZDI introduced a new vulnerability in IE 11 at Pwn2Own competition
• Chrome 32 beta: WebP animated images and more productive finger input on Android.
• User-Agent Values ​​for Internet Explorer 11
• Mozilla UX Australis appears in the nightly build of Firefox

Web tools

• Service for commenting screenshots of sites
• Gmail attachments can be saved directly to Google Drive.
• BreakpointTester is a good bookmarklet for working with responsive design and breakpoint
• Flexy Boxes - sandbox for flexbox and code generator
• HTML5 Time Tracker
• colourco.de - minimalistic service for creating the desired color palette

news

• Mail.Ru launched in the United States under the name My.com
• WinAmp closes. Well , AOL intends to sell Microsoft Winamp
• Microsoft has released a 3D printing program for a mass audience.
• Meet the debit card Google wallet
• Amazon has posted on the Internet 20 terabytes of scientific data
• PS4 interface is based on WebGL web technology.
• Next smartwatch: Qualcomm Toq
• Marissa Mayer: In early 2014, encryption will be used in every service of Yahoo!
• Bing has released souvenirs that undermine the authority of Google
• In Ukraine, Code Club began to work on free programming for children
• Kevin Turner replaces Ballmer as Microsoft CEO
• Published 42 edition of the list of Top 500 supercomputers in the world

Sites with interesting design and functionality

• 20 sites with parallax effect
• kennedyandoswald.com - National Geographic Channel special project dedicated to the anniversary of the Kennedy assassination
• What's your McDonald's Moment?
• Interactive infographics "100 years of rock"
• usertify.com - a site with background video, parallax and nice animation.
• cynicalppl - an unusual site with a pseudo-three-dimensional layout
• agst.co - a site for creative people, with background video and easy parallax
• wearefictitious.com - a site with an unusual implementation of navigation
• tekroc.com - nice design, as well as animated scoll effects
• 22 sites inspired by nature

Design

• Web Design and Oddities of the Rising Sun
• Designer Peter Yavorovski about his work “Game on”
• Create emotions cartoon characters
• We draw a thematic pattern and Adobe Illustrator
• Six mockup file sources
• Everything you wanted to know about the site redesign
• Flat design against minimalism
• Conceptual and stereotyping-breaking article by Frank Chimero “What screens need”
• Conceptual article from David Cole (Quora) Applied Innovations: Presentation from the Build 2013 Conference
• Examples of mobile application site designs
• The complete guide to working with color in Photoshop - color models
• 10 custom hot key combinations that should be used when working in Photoshop
• Minimalistic animated gifs - covers for Harry Potter books
• An animated guide to making good things.
• WordPress Admin Redesign Concept
• Color Template - how to choose suitable colors for your design?
• Inspiring examples of style guides (branding guides)
• Is a flat design a passing trend or something more?
• A simple introduction to the process of creating icons in the style of iOS7
• The four basic rules of usability, which were obtained from the study of the movement of the eyes of users
• LogoThief - a whole project dedicated to thieves, copy-paste logos
• Creative sports logos

A selection of free designer cookies

• 17 fresh free fonts of this November
• Brick wall texture
• Creative brush sets, including hairstyles and memes
• Vector set for creating infographics
• Sets with vector illustrations and backgrounds
• Flat social icons
• Social icons in the form of drops
• Set of icons with a shadow for 5 hours
• Four and a half dozen fresh source UI, fonts and other resources
• Two dozen of the best ribbon fonts
• Two dozen fresh fonts: from Norwester to Franks
• Two dozen header fonts: from Stiff Staff to Moonshiner
• A set of a half dozen fonts, mostly without a serif: from Dense to Komodo

Entertaining

• Crossword from lost passwords to Adobe products
• Kill exchange - the correct use of Bitcoinrecovery mode
• Clearance of Tesla electric vehicles increased firmware upgrade
• Instacode - Instagram for coders
• Interview:
  
  • All questions to Yandex. Fundamental interview with Sergei Petrenko
  • Natalya Kasperskaya: “Everything has changed, this is a revolution”
  • Pavel Durov on profits from the stock exchange: "We are happy, I will not deny"
  • Steve Ballmer spoke about the reason for his departure from the post of head of Microsoft
  
  
• Games:
  
  • Video games do not affect children's behavior, and TV doesn’t
  • Sergey Galenkin wrote the book "Marketing of games" and distributes the electronic version for free
  • This is not football: the Final LoL gathered 32 million viewers
  • Path gamer. Lose health or become a champion
  • PlayStation 4: unpacking and first launch
  
  
• Almost like the Terminator: LG's self-healing smartphone
• HeadsUP - mobile screen on the windshield of the car
• Cool Google Now features infographics
• Robo boogie
• Have Hairy Movember (look in Chrome)
• Pencil - pencil stylus.

')
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 . Special thanks to lolmaus for correcting errors and translating