The digest of interesting materials from the world of web development and IT for the last week No. 78 (October 6 - 12, 2013)

Web development

• Creating a 3D effect on the example of simple objects
• Details on website redesign in RWD and its optimization
• So do we currently have a cross-browser audio format? (spoiler: no)
• httpflies is a nice collection of HTTP status codes.
• practice.io - practical tasks in javascript / html / css
• Making HTML5 Text Editor with FileSystem API
• Using SVG as an alternative to Imagemaps , as well as Creating an adaptive map using SVG
• Five new technologies from Mozilla, which you probably never heard
• 12 mistakes that are often forgotten in HTML5
• W3C is a restaurant - about the problems that accompany the activities and inactions of the consortium
• We reinforce the HTML development process (Yeoman) with steroids
• Build a Web Application with Yeoman and Polymer
• Web application attached to Android’s base screen, thanks to Chrome 31+
• Emmet: Encode / Decode Image to data: URL
• We facilitate your responsive web design with RESS
• Firefox Developer Tools and Firebug
• About creating a game with augmented reality using WebRTC, JSARToolkit, ThreeJS and Box2D.js
• fullscreenmario - mario remake HTML5
• We animate the URL to indicate changes.
• Video: Gone In 60fps - with explanations from Addy Osmani

CSS

• Reset Styles in CSS
• Reset styles with 'all: unset' in Firefox 27
• Ana-Maria Tudor report from the latest CSSconf.eu: Maths-powered transforms for creating 3D shapes
• CSS Conical Gradients
• Automatic Numbering with CSS Counter
• CSS luminance masking now available in Chrome Canary and Webkit Nightly
• Animated Media Queries
• Getting to deal with Sass
• Museum with CSS Techniques Image Replacement
• Flexbox is not at all slow
• Post-clickable icons
• Chris Coyier calendar collection
• Animating a field for text that expands with focus.
• Printed text about toast flying in space.
• Get acquainted with the principles of the CSS shapes and exclusions
• csste.st - a collection of tools for testing CSS

Javascripts

• Why is javascript doomed? (not really)
• Code Design: JavaScript Organization
• Creating a particle system of 200 lines of javascript
• Making Google maps for yourself
• Optimization of JavaScript and jQuery from under HTML and CSS when developing a site from a sandbox
• Understanding JS Color Comparison
• Thinking Inside The Box With Vanilla JavaScript
• Write code for people, or why writing ~ “a” .indexOf (“b”) is bad
• Marius Gundersen: Comparing Bilateral Binding in AngularJS, EmberJS and KnockoutJS
• JavaScript console API
• Introduction to ES6 Part 3: Destructuring
• CloudPaint - a remake of MacPaint on JS
• Negative index in arrays
• Standard ECMA-404. JSON Data Interchange Format - JSON syntax specification
• opentype.js - TrueType and OpenType parser
• Understanding the DeviceOrientation event when creating a small 3D game using babylon.js
• Node.js and front-end of new web
• Node.js: performance improvements with Socket.IO and doT
• NodeOS - a hacker -friendly axis written in Node.js
• Prerender - preparing JavaScript applications for search engines
• BubbleChart - a library for two-dimensional data visualization
• Fixed-sticky - polyfil position: sticky
• jQuer.Pin - for pinning objects
• juicebox - adaptive HTML5 gallery with touch device support
• fullPage.js - library for creating slide sites
• Scrolld.js - jQuery plugin for creating scrolling layouts

Browsers

• Opera 17 release
• Google Trojan Horse: Chrome OS for Windows 8
• New Australis interface for Firefox. What is it, how to live and fight with it?

Web tools

• StackEdit - Markdown Markup Editor
• HTML5 frequency noise generator
• Daturi - online image generator in Base64 Code

news

• Alliance for affordable Internet around the world - a new initiative of IT companies
• Google and NASA have teamed up to create a quantum computer.
• Samsung has released the world's first smartphone with a curved display , folk art on the subject.
• Web services:
  
  • Yandex.Market introduced a new model of cooperation with online stores , as well as its review
  • Google launches the ability to search for episodes of TV programs, shows and TV shows
  • Google will use the user's name and photo to promote products and services among his friends.
  • Google Hangouts will get the ability to send SMS messages
  • VKontakte will launch a platform for mobile applications
  • SkyDrive in Windows 8.1
  • Twitter announced the details of the application for IPO: the company wants to raise $ 1 billion
  • Twitter will turn into a television service
  • Facebook has partnered with major global TV companies.
  • Divan.tv enters the markets of Russia, Europe and the USA
  
  
• In Russia, sales of large-screen smartphones increased by 736%
• Support Windows XP and Office 2003 will stop in six months
• In five years, Microsoft’s share of the personal computer market has dropped to 30%.
• In Russia there will be a cyber war
• Nobel Prize in Physics gave for the Higgs boson
• Yahoo celebrated its 16th anniversary with another redesign

Sites with interesting design and functionality

• fontwalk.de - site with interesting solutions for scrolling animation
• nedd.me - a successful symbiosis of animation and portfolio elements
• funny navigation element "scroll up"
• diplomatic-cover.com - the next successful experiments with navigation
• bulo.com is an entertaining implementation of standard elements for such sites.
• bjoernmeier.com - another representative of the modern generation of sites, with light patches of parallax and animation

Design

• Interface Digest, September 2013
• Font style rendering
• Twitter has updated the home page
• Draw a 3D button in Adobe Illustrator
• Cartoon sites for your inspiration.
• Interview with packaging designer Olga Mosina
• NoJPEG - why not use JPEG for the logo (link for customers and customers)
• The ultimate guide to flat design
• 6 Mobile Checkout Usability Considerations
• How flat design affects the text of interface elements
• inabrush.com - hand-drawn typography
• designerboard.co - aggregator of works from dribbble, behance, etc.
• Unusual trick to increase text readability by 30%
• Simple and clear logo examples
• How to create an illustration dedicated to All Saints Day with a picture of a child in Photoshop
• Top Ten Reasons to Use Lightroom
• Examples of sites of non-profit organizations
• Cool illustrations from typography
• Examples of aviation company logos
• Look at: WebP - the new image format for the Web
• Pixel Fitting Guide
• Creating geometric backgrounds in Illustrator
• Cool logos with a flat design and long shadows (+ long shadow generators)
• Design for iOS 7: where to start
• Useful icon sets and PSD templates for iOS7 application design creators.
• Best Adobe Illustrator Lessons for September 2013
• Symmetry vs. asymmetry
• Clean and concise components with a stroke in web designs

A selection of free designer cookies

• Selection of sites with free PSD-files
• Long shadow generator
• Breeezy - Photoshop extension that allows you to export several layers at once
• AC Mountain - a decorative sans-serif header font
• PSD sources with iPad and iPhone 5s phone
• Three in one: a set of elements UI, part 1, in different styles (Flat / Bulky / Outlined)
• zerobundle - a set of icons, fonts and sources
• More than a hundred, serious and not so much, fonts 2013
• Recma - PSD Blog Template
• Packing with funny vector illustrations
• Photoshop Patterns

Entertaining

• The developers of the cyborgs cockroach kit showed how to make insects dance
• Analytics: tablets become the number 1 device for children of all ages
• Tablet owners are not ready to abandon the traditional PC
• Shareholders of Tesla Motors lost $ 2.4 billion due to a video on YouTube
• Video of the day: "magic" paper, generating electricity
• Avegant Virtual Retinal Display: a new generation of video glasses
• Mario Museum
• These nasty, nasty languages!
• Video demonstration of Steam Controller
• Fried numbers
• Karma "Habra": Adventures of Denis Kryuchkov in the land of money
• The only way to save BlackBerry
• The main types of perespam (re-optimization) in the promotion of the site
• Do it HARD: We continue to choose a motherboard

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