The digest of interesting materials from the world of web development and IT for the last week No. 145 (January 26 - February 1, 2015)

We bring to your attention a selection with links to useful resources, interesting materials and IT news

Web development

• Lectures of the Technopark. 1 semester. Web technology
• Game world WebGL or Three.js vs Babylon.js
• Ideas for HTML6 or HTML.next
• Introduction to HTML Imports
• Secrets of browser-based developer tools (part 1)
• Why can't we make truly responsive images with CSS or JavaScript
• “Today I Learned” - authors share everything new that they have learned lately
• Complete SVG Guide
• SVG Basics - Creating Line Segments Using Linear Commands
• Weighing SVG Animation Techniques
• Animations for the mobile web (as part of the optimization of the Yelp website)
• The idea of ​​dynamic fonts for responsive design
• Automate your tasks with Gulp.js
• Web tools
  
  • SVG image optimization service
  • Useful SVGO [ptimization] Tools
  • Yellow Lab Tools - a service for analyzing web pages in terms of performance and weight
  
  

CSS

• 2014 CSS Report: Test CSS Use in the Field
• Conducting a CSS Audit: Style Sheets Shouldn't Be Terrible
• Fun with line-height!
• Center and crop an image with a single line of CSS
• Styling line numbers (numbers) in ordered lists
  1. CSS blending and blending
  2. Fun with line-height
  3. CSS Level 4 Selectors from the Future
  4. Dynamic color stretch function on text in Sass
  5. criticalCSS - finds CSS for elements that are in the visibility zone of users and puts this code in a separate file
  6. Options for animation of a hamburger icon in a cross
  7. A site made from one tag link with a link to styles
  8. Simple highlighting of rows and columns in a table in pure CSS
  9. Sass Basics: The Function Directive
  10. Materialize is a modern responsive static framework based on the principles of Material Design
  11. spaceBase - a responsive CSS framework based on Sass
  12. extractCSS - extracting classes, identifiers and inline styles from HTML

Javascript

• Aurelia - the new modern JS framework , Aurelia.io - the new generation JavaScript framework with ES6, WebComponents, Object.observe and everything else
• Making a 2048 game on AngularJS
• React JS Quick Start Guide
• Generate fake data for your JavaScript application using Faker
• Bezier de Castelljo curves. Canvas HTML5
• ReactJS for stupid people
• Flux for stupid people
• RadioJS podcast : Sergey veged Berezhnoy, head of the search interface development department at Yandex, talks about his projects, shares his wisdom and recalls where the career began. We discuss processes in Yandex, io.js and EcmaScript 6 (ES2015).
• Dealing with this problem in designers
• PhantomJS 2.0 Release
• ECMAScript 6:
  
  • Destructuring and processing parameters in ECMAScript 6
  • ES6 at io.js
  • Replace CoffeeScript with ES6
  • New string handling in ECMAScript 6
  • Writing Applications in AngularJS Using ES6
  • We use new pieces from JavaScript in the world of ES3 enterprayza
  
  
• The best way to create new elements.
• Creating synchronous and asynchronous functions in JavaScript
• Creating browser-based audio applications that support MIDI devices
• JavaScript touch event handling
• webrtc-ips - IP determination using JS and STUN Mozilla servers
• Mozilla - Canvas 2D: new documentation, Path2D objects, click areas
• React app in seven minutes
• Getting started with Meteor.js
• Six useful packages for Meteor applications for almost any project
• Hjson human json
• Building apps with Google Maps
• Tutorials and plugins for creating preload screens
• From Map / Reduce to Functional JavaScript Programming
• texgen.js - procedural texture generator

Browsers

• Vivaldi:
  
  • Vivaldi Browser - First Test Version
  • Interview with Jon Techner about the new Vivaldi browser
  • Vivaldi - what are the features of the new browser
  • Vivaldi Browser - latest news and announcements
  
  
• Spartan:
  
  • Details about Microsoft's new rendering engine for “Project Spartan”
  • In the EdgeHTML engine of the new Spartan browser, support for ms prefixes has been removed in many properties
  • Microsoft Spartan and the future for Internet Explorer
  • Microsoft Spartan May Support Google Chrome Extensions
  • Turn on the new rendering engine in IE11
  • Project Spartan Browser Tests Better Than Internet Explorer
  
  
• 3D helmet helmets and isolation of NPAPI plugins added to Firefox nightly builds
• How to browse sites in Google Chrome without a network connection
• Developer Panel Update (F12) on Windows 10 January Technical Preview

Sites with interesting design and functionality

• hellomonday.com - beautiful animation
• Trippeo - radial menu of a one-page site with scroll effects
• Word Map - audio and video visualization of a word in different languages ​​of the world
• beta.rallyinteractive.com - custom implementation of scroll effects and menu transformation
• hexagone-paris.fr - horizontal scroll site with parallax effect
• boda.sensors.jp - Japanese website with a futuristic 3D interface
• thiswasmybest.com - a vertical site with interesting transition effects

Design

• Web Design Positioning
• 14 tips for the designer: How to prepare a layout for layout
• What is material design?
• 10 illustrators who can convey the mood
• Polygonal volume in web design
• How to become a successful web designer?
• Display passwords in authorization windows
• Interactive mobile app design
• Introducing Guardian beta - and new approaches to responsive design and scroll effects
• Design tomorrow: educational programs Physics and more
• What I would like to be trained at the university as a designer
• When, why, and how to design in a browser
• How to make realistic reflections in raindrops in Adobe Photoshop
• How to draw infographic with connecting lines in CorelDRAW
• Five plugins for Adobe Illustrator increase your productivity
• TypeHunting - a collection of photos with quality typography samples
• 15 Free Resources for Google Material Designers

A selection of free designer cookies

• Free Vector Resources for a Cute and Romantic Design
• Free clipart: vector cards
• Photo-textures of wooden surfaces, as well as walls
• Twelve-column PSD online store template
• Ten business card mockup templates in PSDs
• Two dozen mockups to showcase business card design, 2015 edition
• Smart watch mocap vector
• A dozen and a half vector images dedicated to Valentine's Day
• Six blanks of vintage logos in AI, ABR formats
• Valentine's Day Icon Set
• Three dozen sets with icons, flat, contour and design with long shadows.
• Hundred icons dedicated to the kitchen
• D Hanna Soft Free Regular - sans-serif font
• Kontanter - decorative mono-wide header font

news

• YouTube abandons Flash in favor of HTML5 by default
• Facebook strengthens its leadership in terms of the number of authorizations on other sites
• Mozilla project experimenting with Tor site deployment
• Apple announced the start of sales of smart watches Apple Watch
• Microsoft shares fall, despite the announcement of Windows 10
• Microsoft multiplied by zero Windows RT
• In April, Sony will host the first online broadcast of the concert with DSD quality
• Apple stocks record high
• Developer of an alternative Android system Cyanogen will attract $ 70 million from Microsoft and other investors
• Google: Glass project needs to restart
• Apple overtakes Samsung and becomes the world's largest smartphone vendor

Entertaining

• Internet in a Closed Country: North Korea's Experience
• Microsoft HoloLens glasses will be used to study Mars
• Why Surface Hub is more interesting than HoloLens
• Google Lab scientist: “In a few years, the chip for simultaneous translation can be built into the ear”
• Understanding the new version of Windows 10 Technical Preview
• Whether it will take off or not: Former Intel employee has developed an algorithm to predict startup success
• New revelations of Bill Gates: fear of smart robots, lack of knowledge of languages, lack of sleep and much more
• 15 reasons not to work for Facebook
• About construction, 3D-printing and clinopunk
• Depthy - add volume to photos
• Visual effects in canvas

We apologize for any typos or broken / duplicated links. If you notice a problem - please write in a personal email, we try to quickly fix them.

Last week's digest .
Material prepared dersmoll and alekskorovin .