The digest of interesting materials from the world of web development and IT for the last week №66 (July 14 - 20, 2013)

We offer to your attention another selection with links to news, interesting materials and useful resources.

Hot seven

Revolution Chrome DevTools 2013

Over the past year, Google Chrome developer tools have evolved by leaps and bounds. Intermediate results of the development told Paul Irish on the latest Google I / O. We suggest you read the article based on this report, from which you will learn about some cool features, including editing the code directly from DevTools, debugging Sass and remote debugging on mobile devices, and much more

Effeckt.css

Meet the release of the css library, which has collected (and will continue to collect) animation effects for site elements. In it you can find solutions from Codrops , Hakim El Hattab , Chris Coyier and other monsters of front-end development.

Interesting aspects of the development of JavaScript and web technologies in 2013

Quite an interesting article , in which the author tried to highlight the main directions in the field of JavaScript-development, which are actively developing or are just beginning to develop and which will be useful primarily to beginners of the study of JS

Flat design or skevomorphism?

If you pay attention to what is happening in the design world, you probably noticed a constant dispute between skevomorphism and flat design. And if you don’t, you’ve heard the word “skevomorphism” anyway. About what it is, history and trends on the web can be read in the translation of the article Flat Pixels

We are waiting for smart watches

Another wave of rumors and predictions about smart watches. Rumor has it that more than half a million smart watches will hit the market in 2013 and more than 5 million in 2014, and in general, the market for smart watches will have a 10-fold rise . Everyone knows that Apple is working on its iWatch, but apparently there cope with the development of "smart" watches and are looking for new developers . Microsoft also turns out to work on their watches.

"Just5 Brick"

Presented "Just5 Brik" - the grandmother of Lebedev. More on this Temafona , and another review , and more

A selection of advanced demos on WebGL

Not so long ago, we looked at impressive canvas demos , it's time to look at what WebGL can do , again with examples of cool demos.

Web development

• Progress element
• What is a datalist in HTML5 and where to use it
• A selection of useful for fans of Twitter Bootstrap
• Interactive Globe - SVG vs Canvas
• Video with CSS Day and broadcast Fronteers 2013
• Revolution Chrome DevTools 2013
• Book Pro Git in a convenient online version
• Cute effects for fixed site caps
• Style Guide
• On Scroll Effect Layout
• Nice online HTML tutorial for beginners
• Daux.io - a tool to facilitate the preparation of project documentation
• Selection of solutions for adaptive navigation
• Improving HTML / CSS Development with Emmet
• Create your API with Restler
• “Should I Learn XHTML Or HTML5?”
• Five steps to optimize the site for tablets
• Drupal development using fresh PHPStorm
• glue - tool for generating command line sprites
• The main patterns of the implementation of the menu in sites with responsive design
• Creating the simplest parallax effect
• New features of Adobe Edge Code CC (Brackets)
• Demo using Polymer and Web Components on the example of inserting a Google Maps map using its own g-maps tag
• Creating a new generation of widgets using Web Components
• In localStorage smartphones, it works 5 times faster than the native cache
• Nine More Tips to Improve Front End Performance

CSS

• calc () in CSS3 . Great opportunities for responsive layout.
• Effeckt.css - meet the release of the css-library, which has collected (and will continue to collect) animation effects for site elements.
• Updated CSS Zen Garden
• Daniel Glazman on Media Queries at CSS Day (video)
• A look into the future of Sass
• CSS problems and solutions
• cardinalcss - CSS framework with support for adaptability and LESS
• Furatto - front-end framework with flat design
• Cute hover effects
• longshadows - online long shadow generator
• aristochart - static graphics using canvas
• Justified and Vertically Centered Header Elements
• Chrome 29 beta supports media query for screen resolutions.
• Useful tools for writing CSS code
• Understanding Sass lists
• Demonstration of the use of SVG filters

Javascripts

• Interesting aspects of the development of JavaScript and web technologies in 2013
• Investigating javascript performance issues on mobile devices
• minifiedjs is a small jQuery-style library that also allows you to do house manipulations with a tree, animations, events, etc.
• tabulous.js - a library for creating cute tabs
• collageplus - full container gallery
• S Gallery - an adaptive gallery on jQuery with CSS3 animation
• kernjs - bookmarklet for manipulating typography on the site pages
• Dynamic floating button “Back To Top” with smooth scrolling on jQuery
• Video on JavaScript for Designers by Rachel Nabors
• AUTOMATON - Automation with JS
• SlimerJS - A scriptable browser for Web developers
• Later.js - scheduler for Node.js
• easyAB - plugin for A / B testing
• READMORE.JS - plugin for folding a large amount of text and adding "read more" to expand it
• Fifteen jQuery snippets
• imagefill.js - plugin for stretching images in containers
• Presentation "ES6: The Awesome Parts"
• HTML5 Audio and Video Events

Browsers

• World War II browsers - column pepelsbey on rbc
• A Google employee is the first person Microsoft has paid for a found vulnerability in IE11
• Browsing with gestures
• What's New in IE11 Developer Tools
• Support prerender and prefetch in IE11
• How to turn your browser into a Sublime Text editor
• Chromium Digest №6 - Redesign Notification Center and Simplified Installation of Extensions
• Saw the light of Chrome OS 28 and Chrome 28 for Android
• Web Audio and WebRTC in Chrome 29 beta for Android

news

• Sotsialki: Twitter turned on censorship , Foursquare has the first targeted advertising, Odnoklassniki launched a service that allows you to open an online store in the social network
• Waiting for hours:
  
  • More than half a million smart hours will hit the market in 2013 and more than 5 million in 2014
  • The market of "smart" watches expects 10-fold rise - forecast
  • The bending battery will be hidden in the strap of the smart watch
  • Smart watches: really or bluff?
  • Apple fails to develop smart watches and is looking for new developers
  • Microsoft Smart Watch: Empire Strikes Back
  
  
• Financial issue
  
  • Google valued at $ 304 billion , and the company received $ 3.23 billion in net profit in the second quarter
  • Yahoo announced Q2 2013 financial results
  • Yandex has grown to $ 10 billion in capitalization
  • According to a quarterly report, Microsoft’s profit has declined significantly due to Surface tablets losing $ 900 million.
  
  
• "Just5 Brik" is a grandmother 's microphone from Lebedev. More about Temafona , and another review , and more
• Coub.com has raised $ 1 million and is preparing to conquer the US
• Pavel Durov: statements by Ukrainian officials about pornography on VKontakte servers are deliberately false
• Jolla is actively preparing to launch sales of a smartphone on the Sailfish platform.
• Touchscreen resources are almost exhausted.
• Android 4.3 may announce next week, One and a half million activations of Android devices daily

Services

• Dropbox: "We will replace the hard drives"
• EntourageBox: send files to Dropbox, Google Drive and Amazon S3 users without creating accounts
• At least 5 things that make Gmail not just an email, Impress the bosses with Gmail in 5 minutes
• Google: Alternatives to the Search Giant
• meettheipsums - Lorem ipsum for every taste
• stylifyme.com - creation service of a small style guide for any site.
• Embed Responsively is a small service for generating code insertion of adaptive components: YouTube, Vimeo, Google Maps ...
• SVG Filter Factory - Overlaying Multiple SVG Filters

Demo

• Interesting checkbox concept , as well as another
• Canvas rider
• Pure CSS minion
• Animated loader
• iPhone 5 on CSS
• A selection of advanced demos on WebGL
• sculptgl sculpt sculpture using webgl
• Demo with WebGL curves and curved surfaces from mr.doob

Sites with interesting design and functionality

• alquimiawrg.com - creative business card site
• served-mcr.com - one-page website with cartoon animation and graphics
• icscreative.com - site design studio, parallax and all that
• anchor.travel - a site with a non-standard page scrolling effect
• laundryday.be - a site that reminds you of space simulators
• sayviget.com - site game
• magsty.com - trend website with parallaxes and plenty of graphics
• magme.eu is a small site with interesting interactive effects.
• artemjuliawedding.com/ - website created for the wedding
• cyclemon.com - cyclical illustrations within one page
• bellboygame.com - game presentation site
• 44 beautiful Japanese design sites

Design

• Ten ways to edit the selection in Photoshop
• Interview with Anna Lyubimtseva (illustrator)
• Flat design or skevomorphism?
• I want to become a type designer - what's next?
• Mobile Design: Key Trends
• Difficult in the obvious : how we did the call interface in Yandeks.Shelle
• Designing Facebook Home
• Authentic Design - what is happening in the design world now, from Dmitry Fadeev
• On the psychology of color in marketing and branding
• A hundred of the best blogs for designers from Go Media & Friends
• What is user experience (infographics)
• Many interesting lessons on Photoshop
• Use flat design for web and print.
• Two dozen inspiring website with a flat design

A selection of free designer cookies

• Free user interface psd sources
• A complete set of materials for mobile application designers
• Sets of flat UI and components
• Summer Tutorials Bundle : The Latest Photoshop Guides 2013
• Icon sets, UI and PSD templates + several sets with textures
• PSD iskhodnik forms authorization (Logiin form)
• Vector images related to fashion industry
• Textures: colored fabric textures , a lot of paper textures
• Icons: SENSATIONALFIX flat vector icons , set of “Long Shadow Flat Icon”, iOS7 vector icons , detailed and not so much in PSD format
• Fonts: SHELLEY - decorative retro font, Haext - expressive neo-gothic, High Tide - header decorative font, Quirky Nots - decorative and funny, fresh, mostly decorative , fonts, from The Quantum to Eride, Chromatic decorative fonts , from Prismatic up to parthenon

Entertaining

• Guess what event destroyed the PC industry
• About 3D printers:
  
  • How prints a 3D printer
  • TOP Hi-tech: The Craziest 3D Prints
  • LEGObot - 3D printer from LEGO
  • Sneakers for an order on a 3D printer
  • Engineers printed a rocket injector on a 3D printer
  
  
• Perfume 2.0: apparatus for the preservation of odors
• A trailer for WikiLeaks creator Julian Assange has appeared on the web
• 10 promotional draws of 2013
• 10 scientific jokes: a physicist, a mathematician and an engineer go to the bar
• Total “mobilization”: 13 interesting facts about the mobile web market in 2013
• Valve will make school kids game designers
• Linkedin - a network of close-minded "professionals"
• Firefly Online - MMOG on the iconic sci-fi-series
• Google Russia office: what is there?
• Due to an error, PayPal charged the user to the account $ 92 quadrillion
• One of the first Apple computers, assembled by Steve Wozniak, was sold from an online auction for $ 387,000.
• Blog with screenshots of computer interfaces from movies
• The first movie trailer on Instagram was advertising a movie about Jobs

')
Digest from last week .
Material prepared by dersmoll and alekskorovin