The digest of interesting news and materials from the world of ayti for the last week №33 (November 24 - 30, 2012)
We offer to your attention another selection with links to news, interesting materials and useful resources.
This article will be interesting to those who want to know not only the future of design on the web, but also its past. It covers a brief history of different periods of web design. In addition, we offer you to watch 5 parts of a documentary about the history of design in the world: 1 , 2 , 3 , 4 , 5
Last Saturday , a Web Standards Days meeting was held , which was jointly organized by Yandex and the Web Standards Developer Association with the support of the W3C. For those who missed this event, it may be interesting to familiarize themselves with slides of presentations, as well as to watch interviews with some speakers and organizers. And here you can look photos from there.
Remember the recent impressive 100,000 Stars project? In this article, Michael Chang talks about how it was created and what tools were used for this (in particular, THREE.js and CSS3D)
SmartSprites is a powerful CSS sprite generator, makeappicon is an icon generator for iOS and Android web applications, Font Custom is an icon font generator using the command line. Well, you can not deprive Hayaku of attention - a relatively new method to write CSS faster
We offer you an interesting article about color in CSS. Maybe not everyone knows, but there is far from a single specification for specifying colors, in addition you can read about their history, what they mean and in what cases they are best used.
New Year is just around the corner, and you can start preparing for it now. And this article will help with this, especially if CSS Custom Filters, ECMAScript 6, Google Chrome Apps, Autocomplete API and Web Components are not new words for you.
A large cheat sheet for all sorts of media elements that can be found in social services such as Facebook, Twitter, Google+, YouTube, LinkedIn and Pinterest.
')
Link to the digest from last week.
Material prepared by dersmoll and alekskorovin
Hot seven
 | Web design history |
 | Web Standards Days in Yandex |
 | History of the creation of 100,000 Stars |
 | Web Development Tools |
 | CSS colors |
 | 5 APIs that will change the web in 2013 |
 | Cheat on the size of media elements |
Development
- First impressions from working with SecnhaTouch2 - video report
- Cross-browser definition of high-definition screens
- A site that tries to make it easier to work with html5 / css3 : generators, articles, tools
- Large cheat sheet for all possible sizes of media elements used in social services
- Offline audio in OS 6 Safari
- How to record audio in chrome using the native HTML5 API
- Chrome Devtools Cheat Sheet
- imgo - powerful image optimizer
- Adaptation of WordPress sites for touch screen devices
- WP snippets for social networking
- How was created project Type Inspiration
- Michael Chang talks about how the impressive 100,000 Stars project, the Chrome Experiment was made, and how THREE.js and CSS3D were used in it.
- A list of 180 useful additions, components, add-ins and resources for working with Bootstrap
- Color Scheme Gallery for Sublime Text 2 by Dayle Rees
- 6 principles for creating faster web applications
- Five APIs that will change the WEB in 2013
- Chrome Dev Tools. Panel for developers in Chrome (part 2): the network and the console , and the first part about the brand and styles
CSS
- When the CSS code with a nice
- The tree structure in pure CSS, without any scripts
- Web Font Performance
- Hayaku - write CSS faster
- Characters on CSS: Luigi , Zoidberg
- CSS colors
- Once again about the new syntax of Flexbox
- Element ‹menu›
- We recall the subtleties of attribute selectors
- SCSS and cross-platform gradient (well, almost)
- Examples of using trigonometric functions for animation
- Crossbrowser CSS3 Reverse Background Animation
- ID will not make your document more semantic
- An interesting effect for animation in the menu.
- CSS animation library based on Animate.css
Javascripts
- Calendario - cool rubber calendar
- Simple, but nice effects for drop-down lists.
- a! ertifyjs - customizable notification system
- bootup.js - caching and loading statics using local storage
- Any List Scroller - jQuery plugin for scrolling lists, blocks and other elements with any content
- responsiveimg - we make existing images adaptive without creating new ones
- timing - jQuery plugin for time manipulation
- numeraljs - jQuery plugin for formatting and manipulating numbers
- Several new pieces that will appear in JS
- Sublime Text Editor 2 - JavaScript Snippets
- pickadate.js - component to select dates (IE9 +)
Browsers
- Start of beta testing of Firefox 18 and creation of aurora-branch of Firefox 19
- Firefox 18 Beta Receives Retina Display Support
- Chrome OS 23 release and Chrome browser update for desktop and mobile systems
news
- iTunes 11 is finally available for download.
- Google bakes lemon pie: Android 5.0 in May 2013
- Facebook launched conversion tracking tool
- Wall Street: why did Paul Otellini leave and what will happen next with Intel?
- Apple fired head of cartographic division
- Android application revenue rises faster than iOS
- Apple's business is the most profitable in the industry.
- According to independent experts, sales of Windows 8 are experiencing difficulties.
- And according to the company from Redmond: for the first month Microsoft sold 40 million copies of Windows 8 , and sales of Windows 8 are ahead of sales of the Windows 7 operating system at a similar stage
- Media: Microsoft will release a major update for Windows every year.
- Microsoft is preparing an update for Windows Phone 8 called Apollo Plus
- Gmail users can now send files up to 10 GB
- In “Yandex.Disk" appeared shared folders for collaboration
- With Google Drive you can now create simple websites.
- New Dropbox Service: Dropbox Chooser File Selection Dialog
- YouTube has learned to recognize Russian speech
Services
- SmartSprites - a powerful generator of CSS sprites
- makeappicon - Icon Generator for iOS and Android Web Applications
- iconbench is a web application for styling icons selected from the sets available on the service.
- Font Custom - generate icon fonts using the command line
- <> ne div - a gallery of stylized images drawn using CSS3. One of the advantages of such images is the ability to add animation
- Extensionizr - create add-ons for Chrome in 15 seconds. In more detail about the project it is possible to read in article of the author here on Habré
Demo
- Dune 2 Online - for those who remember
- 3D Digital Creativity Guidebook from Google
Sites with interesting design and functionality
- http://vizzuality.github.com/rollingstonesmap - a site built on a slide model
- myprovence.fr - cute one-page site with parallaxes
- surveyofthestates.com - a site with a large number of animation and interactive elements
- lostphoneexperiment.nl - one-page site with a developed animation, including sprite, and nice illustrations
- elloro.nl - organically-written animation effects used for most interactive elements.
- clicknow.com.br/circulo-da-comunicacao-digital/ - a little more one-page and sprite animation from Brazilians
Design
- Web design history
- A film about the history of design. Part 5
- 30 best alternatives for Helvetica
- A selection of sites of domestic freelance designers
- Using Transparency in Web Design: Pros and Cons
- Evolution of famous brands
- Skeuomorphism and the User Interface (Skeuomorphism and the User Interface)
- photoshopsecrets is a blog dedicated to unlocking the possibilities of Photoshop, thanks to the description of tutorials, useful plug-ins, shortcuts and other things
- Interesting examples of typographical anamorphism, the illusion that allows you to see the inscription from a certain angle of view
A selection of free designer cookies
- Free Vector World Maps (AI, EPS, SVG)
- Thematic sets of social icons
- PSD sources of social buttons tabs
- PSD with UI super buttons
- Three dozen premium UI sets with PSD sources
- UI kits with light design
- More than five dozen vector images dedicated to Christmas
- Ten New Year festive fonts
- Prime - concise technical font sans-serif
- Ten Slab serif fonts
- Festiva - carnival decorative font
- FV Deventer - decorative sans serif font
- Boros rounded - decorative witch -style font
Entertaining
- Web Standards Days in Yandex
- Microsoft is trying to troll IE haters , funny moments
- Khan Academy is now on the iPhone
- Overview of the operating system Windows RT
- One of the first Russian-speaking 360-video
- Head of Communications of Tajikistan demanded a “Facebook host”
- Cut The Rope has become a YouTube animated series.
')
Link to the digest from last week.
Material prepared by dersmoll and alekskorovin
Source: https://habr.com/ru/post/160927/
All Articles