The digest of interesting materials from the world of web development and IT for the last week No. 147 (February 9 - 15, 2015)

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




In this issue, as an experiment, we decided to check how the digest would look if the last poll had won the option in which it was suggested to refuse to translate the headings of English-language articles. That's what came out of it…
')

Web development

• Nice build frontend project
• Use SVG (Part One)
• Making an online cinema for the blind (WCAG 2.0 AAA)
• Nested links
• localForage - store offline data without a headache. Convenient abstraction over IndexedDB, WebSQL and localStorage.
• Create an audio player using HTML5. Part 1: Functions and Design
• Poll results: popular input types . The PPK survey shows that the most popular is email.
• svg-news - SVG enthusiasts and actors
• reapp - Make beautiful hybrid apps that feel great with React, Webpack and ES6.
• Inline SVG with Grunticon Fallback
• 5 Ways to Make Your Site Smaller and Faster by David Walsh
• .htaccess Snippets
• Designers: Start Coding With uilang
• 60fps on the mobile web
• Ideas and Demos for Animating Article Headers
• Why Learning to Code is So Damn Hard
• Improving Your Site with a Font Loader
• Block level links and screen reader support
• Videos and presentations from the Rolling Scopes conference in Minsk
• Node OS - the first operating system powered by npm

CSS

• Sites from right to left: how to connect the RTL-standard
• Flames in CSS
• Another way to compress CSS files
• Sticky effect
• CSS file visualization
• Transformicons - Animated icons, SVG and CSS
• Everything you need to know about the will-change CSS property
• Exploring object-fit
• Introducing counter-style
• RSCSS - Reasonable Standard for CSS Stylesheet Structure
• Animating pseudo-elements and List Items
• CSS Variables Are a Bad Idea by Aaron Gustafson
• Sass Mixins To Get Started On The Next Project
• Control vertical rhythm using Sass and Compass
• Making Use of Sass' Zip () Function
• Why I Don't Use Compass Anymore by Hugo Giraudel
• Subtle Click Feedback Effects
• Bouncy navigation
• Full-screen Pushing Navigation
• Recreating the Google Images Search Layout with CSS by Dan Rose
• 4 tips for a smarter CSS workflow
• Ana Tudor Slider Collection
• A bunch of funky CSS3 Toggle Buttons
• Using Flexbox today
• A Hilarious Collection of CSS Puns & Jokes
• SmashingConf Whistler - Font Load Events

Javascript

• How we prepare React, Require and Backbone
• Patterns in AngularJS
• Very fast JavaScript classes with nice syntax
• SummaryJS: the most interesting of the world of JavaScript for the last week
• Node v0.12.0
• Yandex.Maps API, part 1: connecting the map, creating a label and a balloon
• We optimize AngularJS. Detailed analysis.
• New issue of RadioJS: Visiting Roma Dvornov, about new browsers, ES2015 and upcoming standards
• Variables and scoping in ECMAScript 6 by Dr. Axel rauschmayer
• Embracing Promises in JavaScript by Jack Franklin
• Demystifying JavaScript Closures, Callbacks and IIFEs by Ivaylo Gerchev
• Detect Problems in JavaScript Automatically with ESLint by Jani Hartikainen
• Stop Writing Slow Javascript
• ReactShadow - use Shadow DOM with React.js and CSS imports; write your component styles in CSS!
• React / Flux from an AngularJS Perspective by Micah Fulton
• Rebuilding HipChat with React.js
• Matching multiple CSS media queries using window.matchMedia ()
• How to Correctly Use BootstrapJS and AngularJS Together by Chris Sevilleja
• Plugins
  
  • Animating Text with Blast.js by Jérémy Heleine
  • Plumin.js - allows to create and manipulate fonts using javascript.
  • traceit.js is a jQuery Plugin for trace page elements
  • memory-stats.js - like stats.js but for JS memory by Paul Irish
  • Rimg is a responsive image solution for browsers that support mediaqueries. Pure javascript and no server-side code.
  • DefiantJS allows you to perform lightning-on-search on JSON using XPath expressions, and transform JSON using XSL
  • msngr.js - a small library used to facilitate communication through messages rather than direct binding
  • Mprogress.js creates progress linear bar from Google Material Design.
  
  

Web tools

• Critical Path CSS Generator
• IE8 Linter - check websites for IE8 support, with a report generating what needs to be added for Internet Explorer.
• tinychart.co - simple graphing service
• shade v1.0.0 - Mathematically derived gradient explorer
• oceanic-next-theme - Sublime Text theme for ES6, optimized for 6to5-sublime package

Browsers

• The first build of Opera 29 with tab synchronization
• Mozilla moves to mandatory digital signature Firefox add-ons
• Google refuses to support SPDY protocol in Chrome in favor of HTTP / 2
• Firefox added Reader Mode
• The nightly builds of Firefox have the opportunity to view Amazon Flash video.
• Sputnik launched the first version of the browser for Android and iOS smartphones
• Browser Trends February 2015: The US IE8 Rebound

Sites with interesting design and functionality

• Abstract Backgrounds for Web Design
• littleblackclassics.com - custom navigation and radial elements
• dashboard.sidlee.com - a site with animated graphs and visualizations
• kevinhaag.com - vertical scrolling site with interesting animation effects
• trippeo.com - another non-standard scroll site
• beta.rwatgg.com - an unusual site with bulk navigation
• adoratorio.com - a vertical site with a conceptual design.
• hartisland.net - modern multimedia site

Design

• Interview with designer Lyudmila Galchenko
• What interfaces have borrowed from the movie
• Draw a compass icon with a long shadow in Adobe Photoshop
• Cheat sheet on the size of the images in social networks 2015
• Affinity releases a free (for now) Photoshop killer
• New Features in Sketch 3.3, presented in GIF
• Placebo-buttons in web design
• The Power of Minimalism: A Story of Redesigning Yelp
• How WebRTC is going to transform web design
• 3 UX Errors to Avoid When Designing an Unsubscribe Flow by Bruno Skvorc
• UI Patterns: What's in a (User) Name? by Vinay Raghu
• Things I've Learned About Email Sending, for Web Designers and Developers
• Monument Valley / An Apple Design Award Winning Game
• Printing Medium stories
• Book Interaction Design Best Practices: Mastering the Tangibles
• How to Paint Realistic Eyes in Adobe Photoshop
• How to Create a Detailed Key Illustration in Adobe Illustrator
• Design a Zodiac Calendar to Celebrate Chinese New Year in Adobe InDesign
• A new Freeview logo and identity
• Typeface Mechanics: 001

A selection of free designer cookies

• Free backgrounds with round elements
• 20 sets of animal silhouettes in vector
• Hi-Res Watercolor Photoshop Brushes
• 20 Free Paper Textures & Backgrounds Packs
• 10 Seamless Fabric Textures
• Photo Realistic Apple Device Mockups
• 26 PSD UI Kits - February 2015 Edition
• 40 Flat Icons from Squid Ink
• Vector EPS Pack of Flat Office Icons + Win More!
• Geometric Crystal Vectors
• PIER typeface, sans serif typeface
• Gidole & Gidolinya - the typefaces are inspired by DIN # 1451 with focus on simplicity, smoothness and legability
• It is a funky way to make great typographic effects.

news

• Google Maps has turned 10 years old
• Google will add answers to questions about the state of health in search results in the US
• Google offers 2 GB of storage space in return for a security check.
• Tens of thousands of MongoDB databases are available via the Internet.
• Microsoft has registered a trademark of Windows 365
• Windows 10 is now on smartphones
• Apple invests $ 850 million in the construction of a huge solar power plant, which will provide new headquarters with energy
• Apple is the first company in the world with a capitalization of more than $ 700 billion
• The oldest file sharing RapidShare closes March 31

Entertaining

• In 2040, NASA submarines will surf the seas of Saturn’s satellite
• How a smartphone works, where applications are not important
• Why brands are abandoning YouTube in favor of Facebook
• Video: "test drive" of the newest robot named Spot
• Where to study online for free: Comparing Coursera, Udemy, SkillShare and TUTS + platforms
• 10-year history of Google Maps: from useless service to a billion users
• Third extra: the story of the co-founder of Facebook, which you did not know
• Apple unmanned vehicle project: new details
• Video: Chinese censors sing anthem to the internet

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 .