The digest of interesting materials from the world of web development and IT for the last week №148 (February 16 - 22, 2015)

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

Web development

• 5 Ways to Make Your Website Easier and Faster by David Walsh
• The most needed plugins for Grunt
• HTML5 MathMl
• Using embedded SVG with Grunticon backup support
• Secrets of browser-based developer tools (part 2)
• Adaptive images are already here. And now what? (Responsive Images Are Here. Now What?)
• Best fallback for SVG and various image versions using the picture element (Better SVG Fallback and Art Direction With The <picture> Element)
• Sample markup with ARIA support
• Progressive Enhancement is not about JavaScript availability (Progressive Enhancement is not about JavaScript availability)
• How we made the new BBC homepage (How we built the new BBC Homepage)
• Creating an image gallery with Flickr API - styles and logic (Creating an Image Gallery with the Flickr API - Style and Logic)
• 60 FPS and the Web (60 Frames Per Second and the Web) by John Gruber
• MIGHTYEDITOR - editor for creating HTML5-games (Web based open source HTML5 game editor, based on Phaser.io game engine)
• Working with hybrid applications and IBM MobileFirst (Working with hybrid applications and IBM MobileFirst)
• Scroll SVG Animation ScrollMagic (SVG Scrolling Animation Triggered By ScrollMagic)
• Creating a form with credit card data using your own element and Polymer (Building a Credit Card Form Custom Element with Polymer)
• How to Create Animated Text Fills (How to Create Animated Text Fills)
• Revised font downloads using Font Events Font Loading by filamentgroup (Revisited with Font Events)
• Deep immersion in Adobe Edge Reflow
• Firebug vs Firefox Development Tools
• Battle of Script Collectors: Gulp Vs Grunt (The Battle Of Build Scripts: Gulp Vs Grunt)
• New Web Audio in Firefox
• Web tools:
  
  • yourbrowser.is - almost all the basic browser options
  • Modulator - online font designer
  • Cymbolism is a service that shows statistics with associations of words and colors expressing them.
  
  

')

CSS

• A selection of interesting CSS recipes "Naked Fridays # 4"
• Introduction to object-fit
• Random reset styles (Accidental CSS Resets)
• Polylion - creating a polygonal lion using SVG
• Animated Text Fills by yoksel
• Basic and auxiliary control points in Sass (Breakpoints and Tweakpoints in Sass)
• CSS Ruler - ruler with CSS units
• littlebox - CSS icons
• CSS iOS devices (CSS Devices)
• CSS jokes (CSS Puns & CSS Jokes ~ Curated by Saijo George)
• CSS frameworks that are not Foundation or Bootstrap (Frameworks That Aren't Foundation Or Bootstrap)
• Trello Official CSS Guide
• Use CSS: target selector to create UI effects without JS (Using The CSS: target Selector To Create JavaScript-less UI Effects)
• Reduce fonts even better with WOFF 2.0 and unicode-range (Smaller Fonts with WOFF 2.0 and unicode-range)
• Awesome Sass - curated list with materials on Sass.
• Breaking relations with Sass: it's not about you, it's about me .. (Breaking up with Sass: it's not you, it's me)

Javascript

• Angular Light + Object.observe
• Improving JavaScript code using the StarWars API
• Konva.js - HTML5 2d canvas framework
• SummaryJS Release 2
• Operating systems lost and acquired by extra-browser javascript
• 6to5 now Babel and aims further
• We use chains of methods
• We use requestAnimationFrame
• Checking array contents with Array # some
• The jQuery plugin repository is closed for writing, now the plugins will be published as npm packages (Welcome, jQuery developers!)
• Publishing jQuery plugins to npm in a simple and dirty way (Publishing your jQuery plugin to npm, the quick and dirty way)
• Important changes that should be addressed in AngularJS 1.3 (The Big Changes to Pay Attention to in AngularJS 1.3)
• Classes in ES6 (latest version of semantics) (Classes in ECMAScript 6 (final semantics))
• Javascript unicode
• A video with a 90-minute ECMAScript 6 overview (A 90 minute overview of ECMAScript 6 (video)) by Dr. Axel rauschmayer
• Terrible errors in JS code that should be avoided when using static analyzers (Mistakes With A Static Code Analyzer)
• How to make productive graphics based on templates using Path.js (How to Create Performant, Template-based Charts with Paths.js)
• Summing up the conference React.sj 2015 (React.js Conf Round-up 2015)
• Io.js roadmap (io.js roadmap)
• Visual regression testing of applications on AngularJS (Visual Regression Testing For Angular Applications)
• generate-schema - JSON Schema generator from JSON object
• jQuery.scrollSpeed - an extension to change the scrolling speed in modern browsers
• Awesomplete - widget for auto-hints in text fields
• How NativeScript Works (How NativeScript Works)
• Dug.js - A JSONP to HTML Script
• Awesomplete: widget for auto-hints in text fields without dependencies on Lea Verou (2KB autocomplete with zero dependencies)

Browsers

• Is there life after Presto?
• Firefox 38 shows which extensions slow down the browser
• Introduced new Firefox leader and structural changes in Mozilla
• JavaScript engine in Windows 10 will support fast Mozilla Asm.js

Sites with interesting design and functionality

• stripe.com/bitcoin - CSS3 Animation
• 60th.eurovision.tv - multimedia Eurovision site with cool navigation
• mc3.com.au - vertical site with nice animation
• couleecreative.com - vertical site with scroll animation and background video
• Selection-review of adaptive Japanese sites

Design

• Computer Interfaces in Cinema - Evolution of Imagination
• Dollar redesign, smartphone watches, The New York Times update and 7 more design news
• Why UI-specialists refuse Photoshop and go to Sketch
• Top Tumblr Design Blogs
• Grayscale Web Design
• Electronic circuit in Adobe Illustrator
• Low poly illustrations
• Interview with illustrator Monika Zagrobelna (To the Point: Interview With Monika Zagrobelna)
• Mobile app design and everything that can go wrong with it (Mobile UX Design)
• Five confusing icons and their history (5 Confusing Icons and Their History)
• Cool in Japan: Web Design in the Land of the Rising Sun (Big in Japan: Web Design in the Land of the Rising Sun)
• Rule Goodreads, Part One (Editing Goodreads, Part 1)
• Balenciaga.com Re-design from Fantasy Interactive
• Behind the NY Times Magazine Restart (Behind the Relaunch of the New York Times Magazine)
• Quick tip: drawing with hard and soft brushes in Photoshop (Quick Tip: Painting With Hard vs. Soft Brushes in Adobe Photoshop)
• Typography in Sketch 3: Styles for Text (Typography in Sketch 3: Linked Text Styles)
• Typography in action: design simple and effective typographic logos (Typography in Action: Design Simple & Effective Type Logos)
• Seventeen quotes by famous graphic designers (17 famous graphic design quotes)
• commments.com - real comments on the design work
• What's Hot and What's Not: Web Design In 2015

A selection of free designer cookies

• To bloggers, designers and all-all-all: 30+ free photo stock
• Silk textures for your design
• Floral Theme Card Templates
• Six Sketch Plugins to Save Your Time (6 time-saving Sketch plugins to install right now — for free)
• Four and a half dozen scripts for photoshop (45 Amazing and Free Photoshop Actions)
• Ten mockups to demonstrate identity and brand (10 Free Branding / Identity & Stationery PSD Mockups - February 2015 Edition)
• Seventy-seven Templates (Web TemplatesPSD)
• Icons dedicated to sports and fitness (Sport & Fitness Vector Icons - Freebie)
• Set of one hundred vector flat monochrome icons for applications (Freebie: 100 App Icons)
• Love is in the air - six vector icons
• Subway Vector Icon Set (Subway is a set of 306 pixel perfect crafted icons optimized for iOS, Windows Phone, Windows and BlackBerry 10.)
• Set of flat icons dedicated to office life (36 free flat icons for your next productivity app)
• A dozen sans serif fonts that everyone should have (10 Free Sans Serif Fonts Everyone Should Have)
• Decorative Nordic Sans Serif Font
• Serendipity - handwritten cursive font (Serendipity Script Free Font)
• Three dozen February cool fonts: from Kontanter to Nurjan (30 Free Cool Fonts For Designers - February 2015 Edition)
• New fonts for January 2015: from the decorative Bigdog to the iconic Industrial Worker (The Best New Free Fonts Released in January 2015)

Demo

• Mac and iPad - draw together (Mac & iPad drawn together)
• Now I can see WiFi signals (Now, I can see wifi signals.)
• Flight Stream - volume visualization of airways
• apparently transparent - a three-dimensional scene from the first person

news

• HTTP / 2 finished
• Microsoft gives 100 GB OneDrive to Dropbox users
• Russian-style robbery: Carbanak hackers managed to steal $ 1 billion
• Hackers stole $ 300 million from a hundred banks
• There is no security, reconcile. In the footsteps of the Equation Group
• Darpa plans to create a neural modem for direct transmission of images / information to the brain
• Investor Jason Calacanis: Apple will buy Tesla for 18 months for $ 75 billion

Entertaining

• Ara, yes? Or the modular smartphone of the future
• Retro: This is a photoshop or instagram
• The art of writing: 25 interesting facts about Photoshop on its 25th anniversary
• Yandex's top manager Grigory Bakunov about filing a complaint with the FAS, monopolization and alternatives to Google Play
• Scum you, snail . How the users of “Dvach” launched a large-scale experiment in the “patriotic” communities of the social network
• Is Ilon Musk a visionary or a villain?
• Intel's main IT trends in 2015: smart things and cities, Big Data and rejection of wires
• The escalation of the conflict: Why did Yandex complain about Google in FAS
• How do dinosaurs appear on Mars news?

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 .