The digest of interesting materials from the world of web development and IT for the last week №92 (January 12 - 18, 2014)

We offer you a selection with links to useful resources, interesting materials and IT-news

Web development

• Gulp - like a breath of fresh air after Grunt
• RAD-js - Framework for quickly building mobile applications
• Middleland frontend: part one (translation)
• ID will not make your document more semantic
• Blocks - like bricks, bundles - like at home . Just about BEM and bem-tools, now in Russian
• Layout department from scratch - video with a report on the strategy and tactics of creating well-coordinated teams, as well as the organization of joint development processes
• Sass compiler launched in browser
• pngquant - library and command line utility for png lossy compression
• Comparison of 18 image optimization programs
• Mythbolt: CSS Animations vs. Javascript
• Breaking the myth of the destruction of the myth on the topic of comparison of the work of animation in CSS and JavaScript
• Bulletproof, Available Icon Fonts
• How to create a web font using code
• 5 best web tools in the opinion of "elite" authors with Themeforest
• The concept of "PSD to HTML" died
• When to use target = ”_ blank”
• Syntax vs. meaning
• The approach to the design of web content may change
• Andorid Fragmentation: A Continuing Story
• We accept voice input in HTML5 forms
• 10 HTML tags you may not use
• Outside of Bootstrap and Foundation: frameworks that you have never heard of
• Beginner's Guide to Using Grunt with Magento
• Ten simple and easy ways to reduce page weight
• Slight obsession with page loading speed
• Making the Web Sweeter with Food Network and Cakes
• Book Preview - cool effect for creating previews of books

')

CSS

• CSS animation tricks: instant changes, negative delays, transform-origin animation and more
• hover.css: animation for your buttons
• CSS Level 4 and more: what to expect in 2014
• Bootstrap-Sass: The official port of Bootstrap to Sass
• Introduction to CSS 3D transforms
• User Agent Sampling with CSS
• Restart CSS animation
• Adapt your styles not only to the size of the screen, but also to the level of ambient light
• In the wake of an article about achieving performance 60fps for scrolling
• Comment one line (//) in CSS
• And again about vertical centering with CSS
• Vertical alignment with CSS using 3 lines of code (IE9 +)
• 6 reasons why I love Sass
• Effect of typing with CSS
• CSS Shapes Animation with CSS Animations & Transitions
• Making a CSS grid with calc ()
• Basic introduction to variables in CSS that are already available in webkit browsers
• What is wrong with the CSS Box Model, and how to fix it (spoiler: of course use box-sizing: border-box)
• The ins and outs of CSS grids

Javascripts

• Quick setup and simple support for NodeJS applications
• Translation of Eddie Osmani’s book Patterns for Scalable JavaScript Applications
• The future of javascript MVC frameworks (translation)
• About creating an improved JavaScript library for working with the DOM
• ode ombat - Learn to JavaScript code by playing a game.
• Last year's results and jQuery plans for 2014 , The jQuery Foundation and standards
• Future plans for Node.js
• Experiment on porting WebKit to JavaScript
• 4 more hacks that will make your js faster , as well as criticism of this article
• Creating a game with a vote on the pictures using Node.js (Part 1)
• grasp - search, replace and refactor JS code, which is based on its structure, and not on the text
• About concepts: Callbacks, Promises, Signals, Events
• Declarative graphics
• What is unobtrusive javascript and why is it so important?
• Responsive Javascript - what is it?
• Lesson: context or what “this” is in JavaScript
• A tool for visualization and experiments with links between objects in JavaScript
• Schema-inspector - a mechanism for processing and validating JS objects
• Manipulate CSS classes using the classList API
• AngularJS is not so bad
• A practical guide to directives in AngularJS (part 1) , (part 2)
• Ember.js - testing
• Kendo UI and MVVM Basics
• JavaScript animation that works (part 1 of 4)
• node-jscs - code style check
• iScroll has been upgraded to version 5

Web tools

• Review of free services for web development
• service for converting png, jpg, gif or svg to optimized base64 code
• dploy.io - deploy your applications from GitHub, Bitbucket or your repository to one of many servers

news

• Yandex cloud platform. Cocaine
• Yandex has learned to search on Facebook , and Facebook will show popular topics.
• Google showed the dynamics of the popularity of music trends over the past 64 years
• Google buys manufacturer of smart home appliances Nest for $ 3.2 billion
• Predatory things of the century, or why did Google buy Nest Labs?
• How and why did Google acquire Nest?
• comScore: the proportion of search queries to Bing for the year increased by 12%
• From 3 to 7. The Ukrainian Parliament strictly regulated the entire Internet.
• Google is developing a new Fitness API for Android
• When and what will be Windows 9
• Android 4.4 KitKat installed on only 1.4% of mobile devices
• Fear the googles, gifts bringing!
• Radionomy has confirmed the purchase of Winamp and announced its intention to release new applications for iOS and Android
• Sasha Gray can sue Telegram for using her image
• NSA introduces "bugs" in computers for secret wireless data transmission
• RoboEarth - a project to create a single "think tank" for robots
• IBM for the 21st time in a row became the leader in the number of patents received in the USA
• Google Image Search will inform you of the rights to use images , Google has simplified the search for images subject to licensing conditions
• Vimeo increases the speed of its videos and switches to HTML5 by default.

Browsers

• Chrome 32 web browser release
• Google Chrome 32 for Android with traffic compression support released
• Rekonq 2.4.2 web browser release developed by the KDE project
• Chrome can now quickly calculate flashy tabs
• Chrome 33 Beta: custom elements, Web Speech and something
• Problems with custom fonts in Chrome 32? Enjoying a growing thread in a bugtracker with many screenshots

Sites with interesting design and functionality

• We divide the sites in half
• Flat web design
• Selection of sites devoted to design conferences
• lamoulade.com - creative website of creative studio with unusual scrolling animation
• A selection of sites with creative navigation
• Sites that use video as header background (header)
• Two dozen game sites on HTML5
• Sony's page with cool parallax effect
• Geox Amphibiox - creative promotional website from Geox
• Nitrocharge Your Game - Adidas promo site
• hugeinc.com - stylish scrolling slide design

Design

• How to improve the mobile version of the site. Recommendations and video tips
• GUI Design
• Checkboxes - project design bureau Artem Gorbunova
• Create realistic shadows in Photoshop CC
• Sites that are easy to breathe
• Inspiring examples of using free space in web design
• About modern scalable web typography
• Trends of web design in 2014
• Seven trends of web design that you will see this year (and how to survive these changes)
• 2014 looks promising to professional designers, and this is why (infographics)
• We are inspired by the beautiful packaging and label design.
• How Tublr attracts new users
• A rather old, but entertaining presentation: Chinese web design patterns: how and why they differ from traditional ones (Chui Chui Tan)
• Adobe Creative Cloud update:
  Adobe will release a major Creative Cloud update.
  Official Cloud Creative Innovations Post: Adobe Creative Cloud - a platform for innovation
  Perspective tool added to Adobe Photoshop CC
  
• Experimenting with Smart Objects zoned in Photoshop CC
• Another version of boarding pass redesign
• Transform PSD: photo-realistic design turns into flat using skeuomorphism.it (Photoshop plug-in)
• Nasty icons
• Photorealistic icons for inspiration
• Logos that use the envelope image
• Cutting Edge Logos - trimmed logos
• Typography:
  
  • Creating typography with background textures in Photoshop
  • More modern scale for web typography
  • Projects dedicated to calligraphy and typography
  • The ten most popular fonts in 2013 according to Jeremiah Shoaf
  
  

A selection of free designer cookies

• Discrete and Pattern Brushes for Illustrator
• Ten best places to find free materials in 2014
• Flat Apple Device Mockups
• Five retro badges (PSD)
• Perforated Texture Pack
• The Amazing Pattern Library - a collection of patterns
• Icons:
  Free retro icons
  2,800 free icons in PNG format, the license involves the placement of links to the author's site
  Sets with icons made in the style of minimalism
  Over a dozen sets with social icons
  Six dozen flat and round icons dedicated to leisure
  About fifty contour icons
  
• Fonts:
  Cyrillic font selection
  Friday Fonts # 6: From Fenix ​​to Regular Dense
  Nine decorative and stylish fonts: from Fat to Nougat
  Homizio Nova - concise sans serif font
  Bebas Neue - a sans serif font from Ryoichi Tsunekawa
  Fancy Me - Decorative Serif Font
  

Demo

• WebGL Experiment + Google Analytics + Leap Motion
• Darth Vader with CSS3 shadows
• Glitch effect for text using CSS animation
• Windows 3.1 JavaScript / HTML
• Face replacement
• Demonstration responsive design

Entertaining

• In the wake of CES 2014:
  
  • Back in the past - CES for the last 30 years
  • Strange gadgets at CES-2014
  • The tale of chips: what CES taught us about technology, software and services
  • Results of CES 2014: smartphones
  • Results of CES 2014: gadgets and accessories
  • 5 worst announcements of the exhibition CES 2014
  
  
• Great battery testing
• Top 20 events of 2013 according to Computerra
• 20 most interesting online courses in the first quarter of 2014
• Mark Zuckerberg, Jelly and the monster from the bathroom
• Skvone - the first anti-smartphone
• BlackPhone - cryptosmartphone, which can not be listened
• How gamers earn: an interview with Na'vi - world champions from Ukraine
• Top online platforms for future students
• We start old versions of Windows in the browser
• Mathematics and programming: do they need each other? . And how does mathematics help Yandex earn?
• Google, “Yandex” and agencies: what has changed in the SEO and contextual advertising markets in 2013?
• 200 factors that affect the position of the site in the issuance of Google (infographics)
• How long does the blink of an eye last?
• 100 seconds about Marissa Ann Meier (director of Yahoo! search engine)
• The death of net neutrality will change the Internet. And your life too
• Job Interview of an Indian

Go
We apologize for any typos or broken / duplicate links. If you notice a problem - please write in a personal, we are trying to fix them quickly.

Digest from last week .
Material prepared dersmoll and alekskorovin .