The digest of interesting materials from the world of web development and IT for the last week №135 (November 17 - 23, 2014)

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

news

• Google will mark mobile sites in search results , and also launched a site friendliness tool for mobile devices Mobile-Friendly Test
  
• Google improves image recognition
  
• Google added links to profiles in social networks to the Knowledge Web display panel.
• Twitter reformed the search by indexing all public tweets
• EFF, Mozilla, Cisco and Akamai will create a community-controlled certification authority.
• Chrome 39 web browser release
• Firefox changes default search to Yandex and Yahoo
• VP8 and H.264 will be required for WebRTC
• Adobe is working on launching Photoshop in Google Chrome

Web development

• Inheritance and composition with Polymer
• Pocket Guide to Writing SVG. Chapter 4
  
• RadioJS podcast - Special issue 10: Everything you wanted to know about BEM
• In the wake of the Chrome Dev Summit 2014:
  
  • The future of the web according to Google (through the mouth of Michael Bleigh, co-founder of Divshots)
  • Some useful things drawn from the Chrome Dev Summit 2014 (Chris Coyier shares his thoughts)
  • Selection of videos from the event
  
  
• Web Performance Matters - a growing selection of resources and tools to optimize the performance of sites
• Instructions for optimizing websites and web application performance
• ~ 198 slides about the development process using Front-end tools from Addy Osmani
• The state of affairs in the web with animation 2014
• Unobvious HTML5 Contenteditable Attribute
• We launch Phantom through Grunt
• Create an extension “Save For Later” for Chrome using modern web development tools
  
• Getting Started with Google Maps Recipes
• About the technical details of “A Journey through Middle-earth” , the fresh Chrome Experiment. (WebRTC in gameplay)
  
• YouTube feeds for web developers and web designers
• Theory:
  
  • Progressive improvement: past, present, and future
  • HTML5: yes it is already everywhere, even on mobile devices
  • About how HTML5 was broken, burned, but eventually resurrected
  
  

CSS

• Website Style Guide Resources - a collection of style guides as well as all kinds of resources on this topic.
• mydevice.io - a collection of screen sizes of popular devices
• CSS Dig is an extension for Chrome to analyze your CSS. Useful for refactoring styles
• Perspective Mockup Slideshow (CSS3 Matrices)
• CssCop - adds CSS Lint to Visual Studio
• Flexbox navigation bar with fixed, changing, and space-occupying elements
  
• Reproduction of the effect of Facebook content placeholder
• Navigation Icon Animations
• Big beautiful initial letters with CSS initial-letter
• Cute realistic CSS3 switches
• PostCSS Assets is a CSS postprocessor that isolates styles from external changes, and is able to work with image sizes and inline files.
• CSS preprocessors: when to use extend; and when - mixin
• A little about simple things: styling an ordered list
• About viewport measurement units in CSS: vw, vh, vmin, vmax
• Fresh CSSconf EU 2014 video: Patrick Hamann: CSS and the Critical Path

Javascript

• Flow - static type analysis in JS from Facebook
• Well.js is another approach to modular JavaScript development.
• A brief synopsis of javascript
• Reflections on the standard JavaScript library. Core.js
• Universe npm
• Espruino Pico: a miniature developer board with javascript helps you quickly get started in the electronics world
• Spider is a JavaScript-compiled language that takes the best ideas from Swift, Python, C # and CoffeeScript.
• Experience in modern debugging with DevTools: part one , part two
• Remy Sharp: Five of my patterns when working with promise
• Thread Basics in Node.js
• Guardian.js - a solution for working with OAuth, which makes life easier for a developer from just one request
• Taunus - micro isomorphic MVC engine for NodeJS
• Using the same templates in different Angular applications
• laroux.js - jQuery replacement for modern browsers and mobile devices
• txtjs - working with text and typography in Canvas for CreateJS
• Lining.js is a library that makes it possible to manage strings, as well as to animate them
• Face Detection - jQuery / Zepto plugin for detecting faces in images and videos
• Useuses - allows using '@uses' annotations to load dependencies
• Building web applications on AngularJS and Firebase
• Testing AngularJS Applications with Karma
• Sharing Visualization: Using React for Downloadable Visualizations
• Some interesting videos from Nodevember 2014:
  
  • Creating JS games: from the browser to the App Store. by Eric Lathrop
  • ES6: the future is now. by jim cowart
  • From jQuery to Ember: how to make a jump and not fall
  • React in reality
  
  

Sites with interesting design and functionality

• jsconfar.com - an amusing site dedicated to the JS conference with a “live” game header
• talkpr.com - concise spectacular portfolio
• tilda.fontbureau.com - a one-page font site
• Wonderful minimal sites
• budoucnost.utb.cz - fully animated website with non-standard navigation
• firstlightfusion.com - slide-scrolling site with non-standard effects
• barlasapaydin.com - web developer site rich in animated elements
• district13.co.in - site with noise and noise effects
• pixstudio32.com - an interactive site for lovers of interior design
• kylereadsays.com is a website with animation that animates dynamics.
• Three and a half dozen sites that use a radical red color in the design

Design

• 7 key web design trends for 2015
• The choice of fonts for web design and Front-End development has become even more convenient.
• Size Marks , a Photoshop script that turns a rectangular selection into a dimension label, has been updated to version 1.0. The author corrected a couple of errors and added several new features.
• New design: Bing updated the design of the main page , and Yahoo introduced a new search results interface.
• We transfer sketches to Adobe Creative Cloud with a new notebook from Moleskine
• Oleg Pashchenko: "Any design of habitable space today is a web design"
• Useful resources for designer logos , as well as pencils in logo design
• Pixel Study on iPhone 6 Plus
• Seven rules for creating a great UI: part 1 , part 2
• Apple Watch:
  
  • Creating a design for the Apple Watch ( Apple’s official guide)
  • Screen resolutions and some more details about Apple Watch
  • A new font from Apple, designed for use in their watches
  
  
• Google Material Design including print
• What you can learn from Google Material Design
• Twenty Inspiring Graphic Designers
• French web design
• skillshare - free online training for creators and creators
• Three dozen creative packaging design examples
• Why you should include developers in the design process
• How to create your own brushes with stains of watercolor paint in Adobe Photoshop
• Four dozen lessons on how to create text effects in Illustrator
• New chips when working with typography in Photoshop CC (2014)
• Readability in typography and letter design
• The origin and evolution of flat design

A selection of free designer cookies

• Mockup for all occasions
• Eight high resolution monochrome textures
• Set of seamless christmas backgrounds
• Mockups for showcasing their logos on wooden surfaces
• Beautiful photo mockups to showcase your design on mobile devices
• Six and a half dozen templates of flyers in PSD format
• Set with hand-drawn vector graphics Sable Kit 2
• 25 sets with icons, consisting of common gestures for managing mobile devices
• Packing with one-color Gamecenter icons in PSD format
• DIN Next Slab Medium - header font
• Three dozen sans serif fonts: from Champagne & Limousines to Jolly

Entertaining

• News:
  
  • Intel will release mini-computers the size of a flash keychain
  • Apple Watch will be upgraded
  • Nokia introduced the Android-tablet N1 and the shell Z Laucher
  • Jolla Tablet - the world's first collectively funded tablet OS Sailfish OS 2.0
  • Project Loon: Google is ready to launch up to 20 balloons per day
  
  
• SMM? Thanks but no thanks
• How to deal with time zones using the Google search bar . Or just use the time.is service .
• Advanced Pattern Recognition System
• London artist is going to spend 28 days in the Rift
• Nowhere to hide: 6 ways to understand that Google knows everything about its users
• A brief history of graphics in video games
• Ilon Musk believes that artificial intelligence is dangerous for humanity
• Galaxy colonization
• How Kickstarter attracts new users
• How does the Wi-Fi sound and look
• Demo:
  
  • pixact.ly - a game on the knowledge of pixel sizes and testing the eye
  • Triangle every day
  • Visual explanations in math
  • Motion pixie
  
  

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 .