The digest of interesting news and materials from the world of ayti for the last week №19 (August 18 - 24, 2012)
We bring to your attention another collection with links to news, interesting materials and useful resources.
For the first time in 25 years, Microsoft has completely changed its corporate logo. Now it is more modern and fits perfectly into the new design style of the company's products.
Starting to create a modern site, everyone should make a choice for themselves, how to deal with mobile users - either to create a separate mobile version of the site, or to introduce an adaptive design. This question and tried to consider the author of the article, taking as an example the sites of US presidential candidates.
Despite the fact that the project Bootstrap all year, he managed to catch the fancy of many developers and become extremely popular on the web. Meet the long-awaited update, which included fixes for bugs, new plugins and components.
A new player has appeared among the benchmarks that fans are interested in to measure the performance of browsers. In addition to the standard js tests for Google, Octane offers to drive your browser to js libraries that are actually used.
Probably, there is not a single front-end developer in the post-Soviet space who would not know about BEM. However, not everyone knows how it was created, what underlies the methodology, and what technologies are best used at work. About all this from the mouth of the creator and ideologist of BEM Vitaly Kharisov.
Some of the new technologies supported by the new IE10 browser are CSS 3D Transforms and CSS Animations . You can read about the syntax and possible application of these technologies as a new concept of navigation between pages in the msdn blog .
The Internet is developing in giant strides. Thanks to this infographic, you can look back and compare its progress over the past decade.
')
Link to the digest from last week.
Material prepared by dersmoll and alekskorovin
Hot seven
 | New Microsoft logo |
 | Mobile version of the site or responsive design? |
 | Release Bootstrap 2.1.0 |
 | Google introduced a new benchmark - Octane |
 | The history of the BEM from Vitaly Kharisov |
 | Full size page animation with CSS |
 | Internet 2002-2012: what has changed over the decade? |
Development
- Release Bootstrap 2.1.0
- Graphics optimization for Retina screens plus translation of this article
- 15 useful htaccess tricks to improve your website
- Selection of adaptive css-frameworks and layout templates
- Create a vector mask using HTML5 Canvas
- The history of the BEM from Vitaly Kharisov
- Chris Coyier Screencast: Creating and Using a Custom Icon Font
- Recipes dealing with higher pixel density from HTML5Rocks
- Polyfill to implement multiple images for mobile devices with different pixel density
- LiveReload 2 - all changes in CSS and images used on the page without clicking Refresh
- Presentation: Taming the Monster of a Mobile Web, or What is Website Optimization for Mobile Devices
- Demos with CSS Tricks now on GitHub
- TextExpander to help web developers working on Macs
- We work with Sublime text 2 more productive
- A new 4th version of Adobe Shadow has been released (an application for more efficient work with web applications for mobile devices) with a number of interesting improvements.
CSS
- Release Normalize.css v2.0
- HTML attribute cascading tables
- Fullscreen CSS animation of web pages
- Judgment Day is approaching: Opera has implemented Webkit prefixes
- CSS: 256 classes have higher priority than id
- New concept css lightboxes from Hakim
- Interesting concept for image sliders
- How to apply CSS3 transformation to background pictures
- Infographics on CSS3 properties
- Two new proposals to overcome the crisis with vendor prefixes
- Discussion on semantics on the web: Our senseless pursuit of semantic value and the value of meaningfulness
- Collection UI implemented using CSS3, Sass
- About CSS Summit 2012
- Data tables in responsive design
Javascripts
- Create a Tweet Book with jQuery and CSS
- Menu with smooth color inversion
- JZoopraxiscope - jQuery plugin for creating animations from static images in the style of old cartoons
- jQuery Picture - plugin for a smooth transition to adaptive images on the site
- Interactive SVG card on Raphael
- JQuery Calculator
- Tooltipster - jQuery plugin for creating cute tooltips
- Responsive carousel with lots of options
- Javascript for cats and / or newbies
- BigVideo.js - plug-in for setting background video
- Date range picker for Twitter Bootstrap
- Video course "Basics of JavaScript for beginners" from Microsoft
- noUISlider - slider as a component of the form for selecting a gap (jQUery Range Slider)
- Really Simple Slideshow - jQuery plugin for creating various slide shows
Browsers
- The truth about IE10
- Waiting for Firefox for Windows 8
- Safari 6 and Chrome 21 browsers can use alternative images for high-density pixel displays.
- Internet Explorer Innovation
- whattrainisitnow - a micro service that allows you to decide on the latest versions of Mozilla Firefox
news
- For the first time since 1987, Microsoft completely changed the logo.
- Google introduced a new benchmark - Octane
- Apple has become the most expensive company in history, but excluding inflation
- About the company "Yandex" will remove the film
- Mayan archeology wonders added to Google Street View collection
- Google will refuse the button "I'm lucky"
- The first screenshots of Skype for Windows 8 appeared.
- Mail.Ru and Yandex are in the Top 5 of the largest postal services in Europe
- Pinterest can overtake Yahoo in attendance
- Opera extended the contract with Google
- Google will report a drop in traffic on the site
Demo
- Staggering beauty
- walkinafog.com - 3D movie using WebGL features
Sites with interesting design and functionality
- webey.eu - site with diagonal scrolling
- cloud330experience.com - a bird's-eye site
- boksquiz.org - kids site with lots of animation
- juanmora.me - an original approach to creating a portfolio site
- nerisson.fr - another version of the site portfolio
- mydirtydesk.com - site with non-standard geometry
- nationallgbtmuseum.org is a one-page site where information blocks are made up of two halves
- daybreak2012.com - many cool effects and active use of canvas
Design
- Mobile version of the site or responsive design?
- How to draw a photorealistic file search icon
- Infographics about designers
- Cool effects applied to text in Photoshop
- Fifteen examples of good hotel web designs
- Photoshop CS6 hotkeys
- PDF files for A4 format with blanks for creating web page sketches
- Almost four dozen fresh logos
A selection of free designer cookies
- Che's Bone - a non-standard dog-favorite font from filiz sahin
- Sixta Light - laconic sans serif font
- Nikodecs - new sans serif font
- Cascade - grunge sans serif font
- Ten fresh fonts: from Prosto to Forum
- Four and a half dozen PSD puffs with a fairly modern web design
Entertaining
- Internet 2002-2012: what has changed over the decade?
- Ten interesting facts about the rover Curiosity
- Google Search Course
- New Technologies 2012
- IEEE is developing a new standard for Ethernet connections with data rates up to 1 TB / s
- The new video codec H.265 will provide a significant increase in efficiency
- Synaptics ForcePad: touchpad with force sensor
- SanDisk celebrated the 25th anniversary of flash memory and shared interesting statistics: Over the past two decades, as SanDisk notes, flash capacity has increased 30 thousand times, and the cost has decreased 50 thousand times.
- A song from an Internet Explorer ad became a hit
')
Link to the digest from last week.
Material prepared by dersmoll and alekskorovin
Source: https://habr.com/ru/post/150190/
All Articles