The digest of interesting news and materials from the world of ayti for the last week №49 (March 16 - 22, 2013)

Hot seven

It is never too late to study

For those who agree with the statement in the title, we offer a range of resources for its implementation: three dozens of the best web design podcasts are available for choice. , fifty educational podcasts that you should listen to in 2013, plus a large selection of educational and educational podcasts of Runet . Visitors can choose from online web design resources. or ten learning resources on programming . In addition, a free online application development school for Windows 8 has appeared.

Developer Tools

The Codeschool team has teamed up with Google to create Try DevTools, a comprehensive and free training course in seven chapters. The Mozilla team is also not standing still - a development plan for Firefox DevTools was developed. You can read about future improvements in web development tools in Firefox in this article.

Google keep

Google launched a service for creating notes and lists - Keep. Even a few details about the service Keep . But not everyone took the news with enthusiasm - Om Malik suggests Google to keep his service with him. and here it’s explained why Keep doesn’t replace Evernote .
Also, some more news from Google: added search for animated GIF-pictures , appeared in the Street View panoramas of the highest mountain peaks , for 15 cities of Ukraine there was information about public transport routes, Google can close a number of chat platforms and combine them into the service Babble. Also, there were rumors that Google is working on its own version of iWatch . Separate item will leave here a link to the cemetery of Google products

# Twitter7

Congratulations to Twitter on the occasion of seven years! . Also, from the news of the service: Twitter founders receive a patent for it and they plan to launch a music application for iOS , and Russian-speaking users of the service can now download an archive of all their tweets

Chrome World Wide Maze

Experiments from Google Chrome never cease to amaze. At this time, another experimental demo was presented, allowing to turn any website into an interactive 3D maze. YouTube gameplay example

Superhero js

Do not pass by the site superherojs.com . It contains links to the best articles, slidecasts, presentations and videos about developing, testing and supporting JavaScript. And all this in a stylish design.

Adaptive design

Responsive techniques continue to gain momentum. Among the new tools: webflow is an online service for designers and technologists that allows you to create an adaptive design, followed by generation into ready-made HTML / CSS code. Also, we bring to your attention the article Adaptive design and the physical dimensions of the device and the slidecast with audio accompaniment on the principles of adaptive design from Brad Frost. And finally, from him: a constantly growing collection of Responsive Resources with all kinds of materials on adaptability.

Development

• Introduction to the Web Speech API
• Why HTML coders don't like web designers
• Useful HTML5 Snippets
• Why does HTML think that “chucknorris” is a color?
• Tools for web developers: The future of DevTools in FireFox , as well as the Video Course on DevTools from Google and Codeschool
• Sublime Web Inspector
• Responsive Resources - a voluminous collection of various materials about responsive design.
• Adaptive design and physical dimensions of devices
• Slidecast on principles of responsive design
• Capturing - we boost the performance of responsive web applications
• The implementation of the list of thumbnails in the style of Google Images
• Attached icons in Win8 - useful techniques to increase the visibility of your site
• jQuery Mobile: How to put jQuery Mobile on WP correctly, as well as the Big Guide for jQuery Mobile for beginners
• Create Sprite-based Canvas Games
• A collection of frameworks for web development
• About SVG in mobile browsers
• New Web Development Process Models
• About the problems of fragmentation in the FE community due to the abundance of preprocessors
• Why do I need to write clean code
• Strongly reminiscent of Emmet, HTML preprocessor: SIML (Simplified Markup Language) and its description
• Mixture - rapid prototyping and creating static sites for designers and developers

CSS

• How to write performance-efficient CSS selectors
• Base64 vs. CSS Sprites: The Battle for Performance
• We use MathML today , with a CSS-foldback
• Current CSS Regions State
• Custom manipulations with Textarea
• Interesting folding effect on CSS
• Animations with SASS and while
• Bookmark to refresh your CSS
• Extra Strength Responsive Grids
• Alternative to select on CSS
• The era of character (icon) fonts

Javascripts

• superherojs - site with articles, videos and presentations on the topic of JS
• Formula.js - js implementation of most formulas supported by Microsoft Excel 2013 and Google Spreadsheets
• Chart.js is a library that allows you to generate visually attractive graphs and charts on the client side using HTML5 (canvas) tools.
• capturing - improve responsive web performance
• intro.js - library for creating step-by-step presentation of page elements
• lockfixed - locks the element relative to the viewport during scrolling
• Countable.js - library for counting paragraphs, words, characters in tags
• thatsNotYoChild.js - Fixing Parent-Child Opacity
• unslider - adaptability and keyboard slider
• swipejs - another cross-browser slider with support for adaptability and touch events
• Useful information about deciding about the source for loading the jQuery library
• In the latest Chromium build , CSS Font Load Events is supported when the desired flag is turned on.
• Backbone 1.0 release
• Pixi Renderer - a JavaScript 2D renderer that uses webGL with a canvas foldback

Browsers

• In Firefox 22, Asm.js , a low-level, high-performance subset of JavaScript, will appear , bringing JS to a new speed.
• How to find out which extensions in Firefox use the most memory
• "Input type = range" comes to Firefox
• Checkboxes that kill your product are ticked in the browser settings that make almost any web application broken.

news

• The best CEO of 2013 was Mark Zuckerberg, Tim Cook - 18th
• Google News:
  
  • Google launched a service for creating notes and lists - Keep. Even a few details about the service Keep . But not everyone took the news with enthusiasm - Om Malik suggests Google to keep his service with him. and here's why Keep doesn't replace Evernote
  • Google added search for animated gifs
  • Panorama of the highest mountain peaks appeared in Google Street View
  • Information on public transport routes appeared on Google maps for 15 cities of Ukraine.
  • Google can close a number of chat platforms and combine them into the service of Babble.
  • Google Translate now has the ability to save translated phrases into a phrase book.
  • Google is working on its own version of iWatch
  
  
• Samsung: working on a gadget in the form factor of a wristwatch, plans in August to release the first smartphone based on the Tizen platform , a Galaxy S4 has bypassed all existing flagships in benchmarks
• The first tablet on the OS Ubuntu Touch will be Intermatrix U7
• Half a million Google Reader users have gone on Feedly in two days
• Pinterest introduced a new design with a large number of "pins" and acquired service recommendations Livestar
• Twitter celebrates its seventh birthday with 200 million users , and also receives a patent for tweets and plans to launch a music app for iOS . In addition, Russian-speaking users can now download an archive of all their tweets.
• At the same time, the YouTube audience has exceeded 1 billion people.
• Facebook introduces tree comments
• The Chinese government has approved Ubuntu as the standard operating system.
• Russian language became the second most popular on the Internet
• Earned the first domains in the zone. UKR
• Quora Q & A website has launched full-text search.
• You can now add pictures to Yandex.Direct ads
• Apple introduced two-factor verification

Services

• How native form elements look in your browser
• px to em
• hhhhold is another placeholder generator
• paperkit.net - a service for creating a PDF layout for printing with a custom grid
• Social Media Image Maker - framing and editing images required for accounts of various social networks

Demo

• Experimental demo of Google Chrome - turn any website into an interactive 3D maze
• WebGl-cube movement with WebRTC
• Implement an interactive background using canvas on battlefield.com
• Minesweeper in Canvas
• Online service for designers and technologists , which allows you to create an adaptive design, with the subsequent generation of ready-made HTML / CSS code.

Sites with interesting design and functionality

• lightt.com - an interesting implementation of the background with imitation of movement
• visit.uc.pt - technically advanced university site
• skybox.org - a site with a non-standard approach to the layout and navigation
• editoskastingas.lt/en/ - a minimalistic business website with an interesting design
• freeyourmindfestival.nl/nl/home/ - one-page site with parallax, sliders and expressive design
• eduardonunes.me - concise gallery site with responsive design, sliders and preloaders
• escapeflight.com - travel site Escape from London, made using the latest trends: one-page, animation, parallax
• ndreaskleiberg.no - an unusual approach to scrolling the site, with something like a hamster, and on subpages
• passeiopedrabranca.com.br - beautiful one-page site with parallax and animation
• Trend site with drag-n-drop navigation

Design

• Testing the design of site layouts
• Six dozen domestic logos
• Inspiring examples of geometric illustrations.
• Creating 3D in Illustrator
• About navigation in one-page sites
• Tricks for web design that will make your website viral
• Usability Form Validation (The Ultimate UX Design of Form Validation)
• The era of character fonts
• Improve readability with proper typography
• 4 basic rules for effective logo design
• Learn to see by the method of Oliver Reichenstein
• Using Gradient Map in Photoshop
• Adaptive Television Concept
• Five things you need to know when doing iOS design
• fltdsgn.com (Flat Design) - gallery sites with "flat" dizpaynom (metro UI)
• Trends in web design in 2013 with explanations
• Alternatives to Futura Font
• skeuomorphism.it - a plug-in for Photoshop that makes your design flat
• Creative logos with the theme - water

A selection of free designer cookies

• Gui-kit selection
• dark textures with noise
• A dozen PSD files with the source code of printed products (business cards, covers)
• Wi-Fi frame set with UI for sketch iPhone for tweet
• PSD with Formula 1 Grand prix logo
• Simplified Image PSD with iPhone and iPad, and a similar but more advanced set
• A set of almost four hundred monochrome icons optimized for Retina displays, including the vector version of AI and EPS
• Icon font with hand-drawn icons.
• Food Vector Images
• Two and a half dozen old school and retro fonts : from Sea Side Resort to Deftone Stylus
• Timepiece Rounded OpenTyp - font for use in watch design
• Shinto - decorative header font in the style of Japanese or Chinese characters

Entertaining

• It is never too late to learn:
  
  • Three dozen of the best web design podcasts
  • Fifty educational podcasts worth listening to in 2013
  • A large selection of educational and educational podcasts Runet
  • A selection of online resources for learning web design
  • Ten learning resources on programming
  • Free online application development school for Windows 8
  
  
• Curiosity exceeds creator expectations
• Google graveyard
• Fuck your design
• Apple's ecosystem - advantages and disadvantages
• “I will read it sometime later” : review of deferred reading services
• Why RSS has the right to life and a special project replacereader.com with alternatives to the Google service
• Sociologists estimate the number of Internet users in Russia
• The creators of the Internet received the royal prize for inventors
• Who is afraid of Google Glass?
• 3D printing: bones, organs and steaks
• Justin Long starred in the comedy about Steve Jobs
• Cartoon on oscilloscope
• Ten promising technologies that everyone will know in a few years
• If popular sites would be people

Digest from last week .
Material prepared by dersmoll and alekskorovin