The digest of interesting materials from the world of web development and IT for the last week No. 80 (October 20 - 26, 2013)

Web development

• Media query tips
• WebGL Beginner's Guide Chapter 1: Getting Started With WebGL
• Twitter Bootstrap 3 Compilation
• Responsive Design and IE8
• Making your personal Skype, step by step instructions for creating WebRTC applications
• HTML Academy, Habr and Crowd Funding
• New PhpStorm 7: outside the language , plus a video review of new features PhpStorm 7
• Review of recent client development conferences: Fronteers 2013 and Web Standards Days
• Web Audio API - new features for generating, processing and surround distribution of audio in the browser.
• Report by Artem Koshelev about testing blocks using HtmlElement and WebDriver
• Fontello: Past and Future of Icon Font Service
• Layout divided into two parts: implementation and effects
• simurai on BEM syntax
• Sample Debugging Protocol Clients
• Retina display support in WordPress themes
• Making 3D MMO using WebSockets
• Prevent unnecessary rendering with animated gifs.
• 7 Tips to Speed ​​Up Your WP Blog
• Web Audio API support by browsers
• Create HTML5 audio player with playlist
• The concept of moving placeholder text when the user fills out
• Presentation of Automating Front-end Workflow by Addy Osmani
• Introduction to Event-Focused JS and CSS (EFJAC)
• Creative resume by web developers: CSScv , interactive resume

CSS

• Perfect css-framework. Maxmertkit widget manager - build your own framework
• AutoclassCSS - HTML based fast frame
• Some tips for a less-developer
• 12 cool CSS3 features that you can finally use
• How to display and style the scroll bar in OS X (webkit)
• Objects in Space - a guide to creating a modular SASS using the principles of SMACSS and BEM
• Using CSS Shapes to enhance the visual appeal of the story (demo "Alice in Wonderland")
• Experience better CSS techniques.
• Cargo cult css
• Ideas for naming classes
• CSS specificity
• SassBites - 15 minute videos on Sass topics
• Enabling new CSS Scrolling Snap Points Specification
• Navicon Transformicons: Animate Navigation Icons with CSS Transforms
• Animation for Thumbnail Grids
• Stereoscopic CSS
• Custom CSS: expanding the boundaries with Adobe
• CSS Trick: Windows 8 Metro Tile
• How to create icons for iOS 7 on CSS , iOS7 icons
• Presentation Oh No! Spaghetti Code! by fiona chan
• Colorful color palette with streamers

Javascripts

• Javascript console API
• Meet Mutation Observers
• Snap.svg - a new library of Adobe Webplatform by Dmitry Baranovsky, plus a review article
• JSComplexity.org - analysis of the complexity of JavaScript code (ease of support, etc.)
• Javascript has problems with unicode
• Handpicked jQuery Plugins - David Higgins Structured Plugin Collection
• We create Parallax Scrolling page using Jarallax.js
• How many users without javascript enabled
• Grunt boilerplate
• Working with IndexedDB - part 2 ( part 1 )
• Good evening. I'm Sir Trevor. - powerful web content editor
• dolly.js - a jQuery UI widget for cloning excel-style tables
• Rimg is a solution for responsive images for browsers that support mediaqueries
• Automate the responsiveness of your images using Mobify.js
• frame-player - video player without video files, only JSON
• Socialite - socialitejs - library for asynchronous dynamic loading of social buttons
• oboe.js is a JSON parser that allows you to use objects until you receive the entire http response
• Device.js - determine platform, OS and device orientation
• alpacajs - simple jQuery forms
• Offline.js - any application goes offline
• Presentation Getting touchy - introduction to touch and pointer-events
• How to create an event in JavaScript that fires only once

Browsers

• Epilogue of the Opera
• Aura may appear in Google Chrome 32
• Controlled profiles (beta) in Google Chrome
• Sound, webcam and screen capture indicators in Google Chrome 32
• Mozilla developers intend to increase the interval between releases of Firefox from 6 to 9 weeks
• Java plugin blocked by default in Firefox

Web tools

• Content Snippets - snippets for copywriters
• speedof.me - test your HTML5 Internet speed
• placebeard.it - beard image generator

news

• Apple:
  
  • iPad Air (5), iPad Mini Retina, OS X, iLife, iWorks
  • October 22: the new iPad and not only!
  • Notes: Review of OS X Mavericks.
  • OS X Mavericks for the first day was installed on 5.5% of Apple computers
  
  
• Yandex:
  
  • Yandex launches metrics for applications
  • New version of Yandex Browser: search by page, taking into account morphology and gesture support
  • The future of image search is now. Yandex has learned to recognize and combine a series of images.
  • Protection of original texts in Yandex is now available to all
  
  
• Google:
  
  • The most useful Google Analytics updates in 2013
  • Google launches an interactive map of DDoS attacks and protection against them.
  • Handwriting Recognition Appears in Gmail and Google Docs
  
  
• We consider other people's money:
  
  • Yandex net profit in the third quarter of 2013 amounted to 5.0 billion rubles
  • The aggregate revenue of Mail.ru Group for the third quarter of 2013 increased due to contextual advertising
  • Microsoft quarterly earnings of $ 18.5 billion
  • Samsung Electronics made a record third-quarter profit
  
  
• Ubuntu Birthday
• Nokia World news , plus a couple more reviews - one , two
• Pavel Durov's speech at the GMIC conference in San Francisco - the first public appearance of the VK founder and Telegram in Silicon Valley
• WordPress 3.7 released “Basie”
• FSB wants to get full access to the data of Internet users
• Russian courses appeared on Coursera
• Bing introduced a search application for Windows 8.1
• One third of American adults have tablets.
• LG Fireweb - LG's first smartphone on Firefox OS
• Twitter has overtaken Facebook in popularity among teenagers

Sites with interesting design and functionality

• Welcome to the future!
• bjoernmeier.com - concise portfolio with increased ease of navigation
• andremaurice.it - nice effects with css animations
• The Walking Dead - Zombiefied. We're all infected. Spread the word.
• Great example of using WebGL on a real site.
• A collection of modern sites in a dark style.
• Sites of design creative agencies
• Examples of creative sites that use a design with two side panels
• Fresh sites with a modern, clear and concise design.
• Examples of beautiful monochromatic sites

Design

• Dark patterns: interfaces designed to cheat
• The right tool for creating prototypes in web design.
• Interface Animation
• Interviews with designers: Alex Bender , Alexander Laguta , Marc O'Brien
• Three ways to create long shadows in Adobe Illustrator and tulips
• 20 examples of "children's web design"
• Web Graphics Trends in 2013
• Sophisticated animated transitions in UI design
• Plunge into childhood - cartoon-style web design
• Five social networks for graphic designers
• Key elements to help make your landing page successful
• The complete guide to corrective layers in Photoshop - Levels
• How to restore in Photoshop a photo with significant damage
• How to create a WordPress theme in a flat design PSD, as professionals do
• Examples of modern identity
• Examples of incredibly creative food advertising
• IOS 7 Flat Icons Redesign
• Inspiring examples of using illustrations in web design
• Design examples of creative pages "About the Company"
• Impressive examples of portfolio site designs

A selection of free designer cookies

• Two dozen PSD templates for creating print design
• Two dozen PSD templates with authorization forms
• Flat UI Kit for Sketching
• Sets of UI elements for your next web application design
• PSD with stretch marks and UI colors for new iOS7 and iOS 7 UI (PSD)
• Four dozen templates of supernatural All Saints Day Flyers
• PSD with round icons
• PSD with logos
• Brushes for Photoshop: abstract , retro and vintage , subtle in grunge style and just two dozen free sets
• Fonts: AC Brodie - retro sans serif header font, Dyspepsia - vertical imitation manuscript retro font, Salomé Regular - decorative serif font, Sifonn - decorative sans serif font
• Three dozen handwritten fonts , from Jenna Sue to SorbetLTD, as well as Simple and clear fonts
• 106 free flat UI elements for designers

Demo

• Cool CSS Animated Stencil Effect
• JSMESS emulator will allow you to run the classic video games directly in the browser
• Metaballs Soup
• Mouse design history for Apple computers
• Seene - share your life in 3D format (iOS app)
• digitalattackmap.com - visualization of DDOS attacks
• Circular animation

Entertaining

• Non-player use of Unity3D and Oculus Rift
• The guy from the Czech Republic repeated the design of iOS7 in the Word
• The history of mistakes: how we built and lost a business with a turnover of 500,000 dollars a year
• Hackers on the screen - 2
• A brief guide to patent trolling
• HUD # 12: Stephen Hawking
• Optimization.ua 2013: About the future, which has already arrived and sincere promotion of goods, the fight against negativity and triumph mobile
• How companies cheat each other and users
• 7 mistakes of companies in the transition to the mobile
• Pavel Durov: "Zuckerberg underestimates VKontakte"
• The deputy demanded to attract Pavel Durov for extremism
• Yuri Milner: "Billions of people do not have the skills to increase efficiency"
• Microsoft vice president publicly bumps Apple
• NASA has created a high-speed connection to the moon
• Testing Leap Motion - contactless sensor for computer control
• betteremailbraulio.com - Internet advertising in the style of the 90s
• Video of the Year - YouTube Music Awards

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