The digest of interesting materials from the world of web development and IT for the last week №59 (May 25 - 31, 2013)
We offer to your attention another selection with links to news, interesting materials and useful resources.
We meet the preview of the first version of Opera 15 for computers . A little more detail about the possibilities of Opera and the frequency of releases . Several reviews: one , two . Some have already managed to say goodbye to Opera , and someone writes Words in defense of Opera Next 15 and responds to skeptics . In addition, here's a post about the release from Bruce Lawson with lots of amusing comments 
One of the most popular CMS in the world, which is used by projects such as CNN, TechCrunch, Dow Jones, UPS, NBC Sports, TED and many others, turned 10 years old . Infographics about this
This week, Yahoo! at the CSSConf conference, the Pure static library was introduced, which is a collection of small responsive CSS modules that can be used in any web project and is compatible with jQuery, Bootstrap and YUI. Slightly more technical details are here. . In addition, you can look at Gumby 2 - a framework that actively uses the power of Sass and Compass and on topcoat - a static framework for "clean and fast web applications"
Meet the latest educational materials on popular JS-technologies: Node.JS screencast, Ember.js series of lessons , as well as some syntax sugar from CoffeeScript P1 , P2
The power of the web already allows you to make services comparable in comfort and functionality with desktop applications. We suggest you familiarize yourself with a selection of such services .
If you have ever used the Street View function of the Google Google map service, then this marker in the form of a little peg is exactly familiar to you. On the history of the creation of this yellow figurine and can be read in this article
We suggest that you familiarize yourself with global Internet trends , from which you can learn about the steady growth of mobile traffic (which in 2012 accounted for about 15% of all Internet traffic), China, social networks and that the power of smartphones began to be understood only now.
')
Digest from last week .
Material prepared by dersmoll and alekskorovin
Hot seven
 | Opera Next |
 | 10 years of wordpress |
 | Layout frameworks |
. In addition, you can look at Gumby 2 - a framework that actively uses the power of Sass and Compass and on topcoat - a static framework for "clean and fast web applications" | Advanced JavaScript |
 | Web services |
 | Pegman's Story in Google Street View |
 | Internet trends 2013 |
Web development
- Using the Google Chrome Console
- Google has discovered the developments on the use of color fonts.
- WebRTC at Google I / O 2013
- Creating apps for Windows Store on jQuery 2
- The State Of Responsive Web Design
- Video : Creating a cool HTML application for Windows 8 in Blend
- Fresh static frameworks: Gumby 2 - a framework that actively uses the power of Sass and Compass, topcoat - a static framework for “clean and fast web applications”, patternlab from Brad Frost
- Writing a Nicolas Gallagher Report on an HTML5 Boilerplate
- Pingendo - IDE with built-in support for front-end frameworks
- bookblock - plugin to create a paging effect
- 4 ways to convert your site to retin
- Using the Page Visibility API
- 3D Button Parallax
- Paul Irish on awesomeness
- How they did it: Flickr redesign
- Common Misconceptions About RWD
- The history of the creation of vector animation in the process of redesign Playground
- Mobilize Atari Arcade to HTML5
- HTML5 features you need to know
- Applying Flash Principles to HTML
- “Building Faster Websites” - presentation by Ilya Grigorik
- Use HTML5 prerendering to speed up the multipage registration process.
CSS
- "Flexbox, now it is clear" - Vadim Makeev report
- Sass style guide
- purecss.io is a set of small responsive CSS modules from Yahoo that can be used in any web project. Plus, a small slideskast with a description
- Creating Modern CSS3 Effects
- Simple but cute hover effects for icons.
- CSS attr, content, and L10N
- css3.mikeplate - a visual online CSS3 property generator
- The ideal width of the text column in em
- Background on body
- Easter eggs in responsive web design
Javascripts
- JavaScript module path
- Popularity of Javascript Framework
- Features of jQuery fadeIn, fadeOut, and fadeTo methods
- Interactive SVG cartogram with d3.js
- Screencast by Node.JS
- Node.js BEM: Modular Frontend
- HTML / CSS / JS + Node.js + node-webkit = Cross-architecture applications
- CoffeeScript taste part 1 , part 2
- A series of lessons on Ember.js
- WideArea - a small plugin for textarea extension
- Crossbrowser adaptive tabs
- React library for creating user interfaces
- Cytoscape.js - a library for graphing and visualization (drawing on canvas)
- vnc-over-gif - Serves screen updates as animated gif over http
- JQuery 1.10.0 and 2.0.1 out of bounds
- jQuery plugins for creating and adding maps to the site
- JavaScript world tutorial
- imagesLoaded - "You images done yet or what?", a script to indicate the process of downloading images
Browsers
- Opera Next:
- The first version of Opera 15 for computers
- Opera features and release frequency
- Browser Browser Opera Next , and Another Review
- Return of the "browser for geeks"? A word to protect Opera Next 15
- Say goodbye to Opera : the new version of this program does not deserve the name "browser"
- Post about the release from Bruce Lawson and many amusing comments
- Firefox 25 expects significant changes that may require processing add-ons.
- Camino free web browser expires
- In the browser hrome integrated the possibility of "embedded payments" through Google Wallet
- Are We Componentized Yet? - implementation status in Chrome / Webkit support for Web Components
- If you believe Net Applications, the total domination of IE does not plan to decrease ...
news
- Google:
- New Gmail Inbox Interface
- Google will send airships to Wi-Fi to Africa
- Eric Schmidt refused to remove extremism from issuing Google
- Google has opened a tutorial program for advertisers Google Partners
- Google Maps will point the way to cyclists, but not yet for all countries.
- WordPress Turns 10 , Infographics
- Samsung overtook Apple in terms of smartphone market revenue
- Microsoft can introduce the achievement system for watching TV
- Mozilla and Foxconn will present a device on Firefox OS
- Xbox One: console requirements for online connectivity will contribute to innovations, independent developers will receive full support on Xbox One, cooperation with AMD cost Microsoft more than $ 3 billion
- Tim Cook promises the emergence of new technologies Apple , changing the balance of power in the industry
- The display of the new Apple iPhone will double the number of pixels
- Windows 8.1 Presented : Start Button, or There and Back
- Yandex has updated personal search
- Wall Street Journal will launch its social network
Services
- 30+ web services that are alternative to desktop applications
- screensiz.es is a service with the sizes of popular display screens, with filters and popularity rating
- The top 10 realtime web apps
- IconVault - a simple font generator
- picksumipsum - original placeholder text generator
- API Status Board
- A dozen free online photo editors
Demo
- Roll It - New Chrome Experiment
- Light bulb on CSS3
- Reactive CSS Transitions
- fizzy-cam is a technical mix using webgl, three.js, custom webgl shaders, WebRTC and headtrackr.
- Scrolling effect and chess game (never tested on animals or Internet Explorer)
- Kosmos - part of the universe in your browser (preferably in Firefox)
Sites with interesting design and functionality
- GlacierWorks and Microsoft have created an interactive site on Everest
- brandongenerator.com - a promo site showing the capabilities of modern browsers (in particular, IE9)
- bjork.com - Bjork's site, as strange as the singer herself
- Piano site
- universeries - non-standard navigation with visual links between objects using canvas
- familyoffish - a site with a nice parallax effect
- findandform.com - an advanced web studio site
- discovershadow.com - a site with interesting vertical effects
- leedsbuildingsociety.co.uk/resources/kick-my-habits/ - a fun interactive animation site about bad habits and their budget
Design
- Landing Page Design (with examples)
- Create a geometric illustration using Illustrator and Photoshop
- Examples of hotel sites
- Logo design trends in 2013
- Principles of Flat Design
- About three-pixel indent
- Fresh examples of flat web designs that are worth seeing + some more simple "flat" sites
- Beautiful sites with "organic" design
- Logos:
automotive design logos ,
wonderful examples of using negative space in logo design , simple and effective logos , logos with stylized lemon! - Photoshop tutorials: how to create text effects
A selection of free designer cookies
- Charts and graphs: free psd sources
- Sets of UI components, textures and icons , a small set containing icons, UI Kit and the theme for Bootstrap
- PSD sources: three dozen layouts, here and bottles of wine and iOS devices, as well as covers, posters and business cards , more than four dozen templates, including vector templates, navigation panel templates
- Tests: paper with multicolored stains , photo-hair texture
- Fonts: funny puffy fonts: from Kingthings Bloone to Overmuch TrueType , Rispa Regular - decorative sans serif font , minced sans serif MNSTR , stylized retro Volantene Script font , nice Qubo sans serif font
- Vector: two dozen sets, mostly with icons
- Icons: four dozen sets with excellent icons - pay attention to licenses, a whole dozen sets with flat icons , a small set of social icons , a set of Cosmo mini , a package of icons marked by an outline
- Brushes for photoshop: brushes in retro style , brushes to create a background with scratches
Entertaining
- Pegman's Story in Google Street View
- Yandex: “Islands” of Yandex : the technical side and API, as well as How Yandex recognizes music from a microphone. Children's questions for Yandex, Records of reports from Yet another Conference on Marketing
- Google:
6 “Easter eggs” in Google search ,
In the lab, Google X worked on levitation and teleportation ,
5 things that upset Google employees
Chromebook Pixel Chromebook Review - An open space office lowers your productivity.
- 2013 Mary Meeker Internet Trends (KPCB)
- Soldiers of the Future : Disguises and Electronic Gadgets
- In the US, propose to use viruses to combat online pirates
- Twitter won the first round of fight against spammers
- "Syrian e-army" hacked Sky channel apps for Android
- Lego and Sony are experimenting with controlled toys.
- Tesla will release a budget electric car
')
Digest from last week .
Material prepared by dersmoll and alekskorovin
Source: https://habr.com/ru/post/181786/
All Articles