The digest of interesting news and materials from the world of ayti for the last week №17 (August 4 - 10, 2012)
We bring to your attention another collection with links to news, interesting materials and useful resources.
New OS from Microsoft is on its way. Developers and designers are preparing to conquer new open spaces for development. This site will help them prepare for this, with a detailed style guide on the new Metro interface.
With the very name Metro, by the way, there were problems .
Here you can get acquainted with the whole cycle of video lessons on the basics of HTML5 and CSS3,
here you can find records of reports from various conferences for more advanced developers.
The Adobe development team continues to familiarize the public with future standards in CSS3. In particular, this article provides an example of using CSS Regions and Exclusions,
and in this one with the entertaining CSS blending technology.
Thanks to the panoramas.dk service, we have the opportunity to see fresh NASA images glued into a panorama that can be rotated and enlarged.
Already today, WebGL technology allows you to do quite interesting things with 3d graphics on the web.
As an example, you can see the visualization of the world supply of weapons from chromeexperiments ,
or to conduct interesting experiments on images .
And in this article, you can continue to get acquainted with the principles of WebGL .
Source Sans Pro: Meet Adobe's first free font family. Also, without departing from the topic of fonts, we suggest that you imagine what would have happened if the letters of the Helvetica font were superheroes .
Microsoft launched the Office Store application store , as well as an overview of the Outlook.com email service: Hotmail in Metro style .
Link to the digest for the week before last.
Material prepared by dersmoll and alekskorovin
Hot seven
 | The Metro Style Design Guide |
With the very name Metro, by the way, there were problems .
 | Video for front-end developers |
here you can find records of reports from various conferences for more advanced developers.
 | New in CSS3 |
and in this one with the entertaining CSS blending technology.
 | Feel like a rover! Interactive panoramas of Mars |
 | Webgl |
As an example, you can see the visualization of the world supply of weapons from chromeexperiments ,
or to conduct interesting experiments on images .
And in this article, you can continue to get acquainted with the principles of WebGL .
 | Source Sans Pro |
 | Microsoft continues to go to the web |
Development
- HTML5 & CSS3 Fundamentals: Development for Absolute Beginners
- 10 Conference Videos for Front-End Developers
- Create an animated CSS sprite using Photoshop
- Create Animated Scrolling Presentation Decks using scrolldeck.js
- Multimedia Troubleshooting
- Selection of resources and tools for working with LESS
- Small input [type = date] FAQ in Google Chrome
- Concept menu from Hakim
- Crossbrowser Audio solution featuring HTML5
- Added new translate attribute to HTML5
- Responsive Email Design
- Using metadata in web documents
- New to PhpStorm & WebStorm 5.0 EAP: - Google Closure Compiler JSDoc annotations , as well as Tips on jQuery development
- Compass + Slicy will create a sprite for you and write the necessary CSS
- CSScomb for different IDE
- Optimization by Ilya Grigorik
- Presentation of “Remote debugging” by Ryan Seddon (CSS ninja)
- Updated portal Mozilla Developer Network
- Continued introduction to the principles of WebGL
CSS
- Web layout for CSS Regions and Exclusions
- Circle Hover Effects - With CSS Transitions
- Introducing CSS blending
- Making GitHub style links.
- @supports first time in Firefox 17
- CSS Pie Timer
- Convenient online service for exploring CSS selectors
- Transparent Background Images
- Disable Text Highlighting With CSS
- Adobe CSS4 Pseudo Elements
- Explaining how CSS 3D perspective works
Javascripts
- JQuery version 1.8 is out of date
- JustGage - js plugin on Raphaël to create animated sensors
- Adapter - content slider on jQuery with nice effects
- evoslider - another new content slider on jQuery
- jQuery plugins for creating Excel-style tables
- JavaScript Code Debugging for Beginners
- Introduction to unit testing javascript code
Browsers
- In Chrome 22, it will be possible to hang up hotkeys on extensions
- New turn in the browser war
- Comparison of the performance of browsers under Windows and Ubuntu
- Chrome 21 web browser release
- Firefox continues to gain as Internet Explorer, Chrome slide statistics from ArsTechnika
news
- Apple turns off Google
- Google has made a number of improvements to its search service.
- Microsoft abandoned the word Metro in the designation of the new interface of Windows 8
- Microsoft offers its own version of the WebRTC standard for communicating via browsers
- Microsoft launched the Office Store application store
- Ukrainian police closed the Internet resource Demonoid
- Android leads the smartphone market
- Social service Pinterest opened registration
- Ukrtelecom launched for its subscribers an online data storage service “CSO! Disk"
- Lea Verou settled in the W3C
- Amazon launched its own gaming studio and game
- Google’s Cartographer service became available in Ukraine
Services
- plasticmind.com/labs/symbolassist/ - convenient minimalistic collection of special characters
- Two dozen tools for creating infographics
Demo
- Visualization of the global supply of weapons using WebGL
- Entertaining image experiments with WebGL
- asciistreetview
- Animated preloader
Sites with interesting design and functionality
- networkedinsights.com - a site with non-standard geometry and good optimization
- kia.ua - an interesting implementation of the drop-down menu
- thesearethings.com is a site with parallax effects and funny graphics.
- barcampomaha.org - a vertical site with a thematic design
- panasonic.jp/lamdash/dna/ - one-page razor ad, featuring unobtrusive design and geometric background animated in html5 canvas
- paranorman.com is a cinematic website dedicated to the 3D cartoon ParaNorman, with a variety of both horizontal and vertical parallax effects
- ballantyne.it - a simple and original approach to scrolling samples of a collection of clothes
- cinqfinch.com - site with non-standard geometry
Design
- The Metro Style Design Guide
- Font Helvetica as superheroes
- Source Sans Pro: Adobe's first free font family
- The revolution in design today makes Microsoft!
- Psychology in logo design
- What would be the Wikipedia redesign if you did it?
A selection of free designer cookies
- Some stone textures
- A dozen fresh PSD puffs, where there is an admin panel, a UI Kit, and a player design
- UI components from radial menus and preloaders to toggle switches, widgets and a magnifying glass
- Pleasant, discreet “SOFT UI KIT” in bright colors
- Vector retro or vintage badges
- Three dozen packages with icons from the Dribbble networks (the authors sometimes ask for a reciprocal link)
- A pack of icons with a PSD puff with a backlink request
- The best, according to Chris Spooner, handwritten fonts: from Amatic to Faraco Hand
Entertaining
- 8 of the worst websites in the world
- First web page 20 years later
- Nano-SIM: coming soon
- Feel like a rover! Interactive panoramas of Mars
- 100 seconds about Mark Zuckerberg
- How did the names of 50 famous IT companies appear?
- [INFOGRAPHIC] The Evolution of Computer Programming Languages
- 25 Front End and JS developers of which you must follow on Twitter
- Statistics of five continents using the “revitalization” of the rings of the Olympic logo
- Outlook.com: Metmail-style mail service overview , and now Windows 8 style
Funny
Link to the digest for the week before last.
Material prepared by dersmoll and alekskorovin
')
Source: https://habr.com/ru/post/149419/
All Articles