The digest of interesting materials from the world of web development and IT for the last week №150 (March 2 - 8, 2015)

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

Web development

• RSConf: Review and video frontend conference in Minsk
• Trends 2015: Why more and more "non-techies" are learning layout
• Layout email newsletters from A to Z for dummies
• 22 photoshop plug-ins for front-end developer
• Another post about building a front-end project
• Google recommends using the NoFollow attribute for web designers links.
• Principles of writing homogeneous HTML
• The state of web animation in 2014
• How to manipulate and animate SVG via Snap.svg
• circulus.SVG : SVG circular menu generator by Sara Soueidan
• SVG sprites and icon systems are super (SVG Sprites and Icon Systems Are Super)
• No More Global npm Packages (No More Global npm Packages)
• Clocks - how to create a clock on HTML / CSS3 / JS
• Responsive Email Layouts for Gmail App Responsive Email Templates
• Peter-Paul Koch writes about fatigue from Safari (Tired of Safari)
• Automating Style Guide-Driven Development
• My experience with Jekyll (My experience working with Jekyll)
• Caching SVG Sprite in localStorage
• Markdown Guide for Writing the Web (A Guide to Markdown for Simpler Web Writing)
• Funny trampoline effect (Playful Trampoline Effect)
• Elastic Sidebar with SVG
• A huge collection of screencasts for developers (A huge collection of free screencasts for developers)
• Frontend stuff - a moderated collection of frameworks, libraries, and tools for the web (Frontend stuff most of the Javascript stuff)

CSS

• The magic of one div. Masterclass from the creator of a.singlediv.com
• Quantitative CSS selectors
• “Parting with Sass: it's not about you, it's about me” translated css-live.ru
• Understanding the CSS animation-fill-mode Property
• Side Effects in CSS
• Mastering Flexbox for modern web applications (Harnessing Flexbox For Today's Web Apps)
• Playing with math in CSS (Up your CSS-Game with Math)
• More transparent UI code with namespace (More Transparent UI Code with Namespaces)
• Add an animated twist to the Bootstrap carousel using CSS3 animation (Spicing Up the Bootstrap Carousel with CSS3 Animations)
• Media Expressions with Sass Impurities (Media Query Sass Mixin)
• Basics of Sass: Operators (Sass Basics: Operators)
• Web State Typography (The State of Web Type)
• Converting Typographic Size Units with Sass (Converting Your Typographic Units with Sass)
• “Flexbox in 5 minutes” is an interactive tour of all the main features of this new CSS property. (flexbox in 5 minutes)
• About Sass and Other CSS Preprocessors (On Sass and Other CSS Preprocessors)
• Why you should be excited about CSS shapes (Why should you be excited about CSS shapes)

Javascript

• We use web application downtime for background tasks.
• Resize images in the browser. All very bad
• Development of javascript applications based on Rx.js and React.js (RxReact)
• ECMAScript 6
• Angular 2: Built on TypeScript
• SummaryJS Release 4
• Is Angular so bad?
• No promises: asynchronous JS using only generators (no promises: asynchronous javascript with only generators)
• NativeScript - create native applications with JavaScript (NativeScript - Build truly native apps with JavaScript)
• JS framework on each table (A JS framework on every table)
• Comparison of JavaScript code validation tools (A Comparison of JavaScript Linting Tools)
• Simple URL Parsing with Isomorphic JS (Easy URL Parsing With Isomorphic JavaScript)
• Making your jQuery plugin work better with npm tools (Making your jQuery plugin work better with npm tools)
• Node.js in brief: introduction to Node.js (Node.js Succinctly: Introduction to Node.js)
• Swiper - the most advanced mobile touch slider with support for accelerated animations.
• What's new will appear in the development of AngularJS 2.0 (What's New in AngularJS 2.0)
• Comparing Angular 1.x & 2.0 Comparing Angular 1.x and 2.0
• Improving the performance of applications on AngularJS when using immutable data (Boost the Performance of an AngularJS Application Using Immutable Data)
• Do you break the head over the problem with AngularJS? Try it (Banging Your Head Against an AngularJS Issue? Try This)
• Plant a baobab in your Flux application (Plant a Baobab tree in your flux application)
• Clarifying the workings of component states in React (Demystifying React Components State)
• React Native - a cool feature that no one else talks about (React Native - The Killer Feature that Nobody Talks About)
• We come to React after Angular (Coming to React from Angular)
• Tips and best practices for working with React (React Tips and Best Practices)
• ExcelJS - reading, editing and writing tabular data and styles in XLSX and JSON (ExcelJS - XPSX and JSON)
• ReactPivot - interactive table (ReactPivot is a data-grid component with pivot-table-like functionality)
• Slideout.js - navigation for exit menus on touch devices for mobile web applications (Slideout.js - a touch slideout navigation menu for your mobile web apps)
• Things Every JS Developer Should Know (Things Every Javascript Developer Should Know)
• Smiley.js - the most fun jquery EVER plugin!

Browsers

• Sidebar for extensions and other new Opera Developer 29
• 64-bit Firefox Developer Edition 38 for Windows
• Vivaldi Second Edition
• Google stops releasing Chrome updates for Android 4.0
• The new Microsoft browser was first shown in action.
• Acceleration asm.js everywhere (asm.js Speedups Everywhere)
• Browser world trends for March 2015: the revival of interest in Opera? (Browser Trends March 2015: Renewed Interest in Opera?)
• Vivaldi: the spiritual successor to the opera (Vivaldi: Opera's Spiritual Successor)

Sites with interesting design and functionality

• 20 sites with fascinating animation
• Sites in the format of storytelling
• Stampsy - beautiful animation
• thestlbrowns.com is a themed baseball site with a large collection of modern web effects.
• elegantseagulls.com - site of the day with cute design and nice animaia
• .dogstudio.be - a site with canvas inserts and interesting animations
• lahautesociete.com - a site with 3d animations and effects
• teamgeek.co.za - site cool effect placers on particles
• GREENMAN.NET is a stylish website with fun designs and animations.

Design

• To the designer and artist library: books worth reading
• Can a computer replace interface developers?
• How did the most hated font in history
• Mood lines and their use in design
• Create a sleep effect in Adobe Photoshop
• Pencil texture with a discrete brush in Adobe Illustrator.
• Flower logos
• Interview with illustrator Rod Hunt (To the Point: Interview With Rod Hunt)
• Five Golden Rules for Mailing Cards for Mobile Clients (5 Golden Rules For Mobile Email Design)
• The Web's Grains
• New design Wired (Welcome to the New WIRED)
• Innovation in the design of text messaging applications (Futures of text)
• Origami and Material Design (Origami and Material Design)
• UX Animations Archive (UX Archive Animated)
• A Complete Beginner Guide for Chinese Fonts (The Complete Beginner's Guide to Chinese Fonts)
• Five Ideas for Apple Watch (5 Ideas for the Apple Watch)
• Design Details: Toggle Switch for iOS (Design Details: Tumblr for iOS)
• Quick tip: drawing with blending modes in Photoshop (Quick Tip: Painting With Layer Blend Modes in Adobe Photoshop)
• How to create an icon with a notebook in Illustrator (How to Create an Address Book Icon in Adobe Illustrator)
• A collection of beautiful typography designs (A Collection Of Beautiful Typography Designs)
• Details of the typography of my ten most favorite sites February 2015 (The Typographic Details Behind My 10 Favorite Sites of February 2015)

A selection of free designer cookies

• Free elegant patterns
• Free patterns in green shades
• Twenty-four scripts for photoshop (24 Best Free Photoshop Actions)
• Hundreds of photo-realistic mockups for a winning presentation of your design (Blast from the Past # 7: 100 Free Photorealistic MockUps to Win the Pitch)
• Grunge dozen photo textures
• App Store Design Template for Sketch (App Store Template for Sketch)
• Vector icons on the campsite theme (Camping Essentials Freebie!)
• Set of serious vector icons (The Nice and Serious UI Icon Set)
• Twelve icons dedicated to love (Freebie: 12 Vector Love Icons)
• Flat Icons with Crowns (Freebie: Flat Vector Crown Icons)
• Four and a half hundred vector icons (Free download: 450 outline icons)
• Vacation and travel icons set (Freebie: Travel and Vacation Icon Set (AI, EPS, PSD))
• XPLOR - a cheerful decorative font (XPLOR - Free Typeface)
• Five first-class fonts for your next project (5 First-class Free Fonts For Your Next Project)
• geomanist regular - sans serif font for tweet or like (by paying for a tweet or like)
• READY-TO-USE PSD, AI & SVG FILES FLAT & REAL

news

• Mark Zuckerberg: Facebook is working on developing lasers, drones and satellites
• Facebook will remove inactive user likes from company pages
• Mozilla targets emerging markets
• Bing launched a new service to collect ideas from users
• Microsoft introduced an updated office suite for Mac with Retina support and OneDrive integration (+ torrent / magnet download)
• Google learned to mix cocktails
• The head of Google+ resigned 11 months after appointment
• The new Google+ chapter confirmed the separation of the project into Streams and Photos
• Apple brand went up by 23%
• Shazam learns to recognize real objects
• In ten years, the Internet will have 50 billion devices.

Entertaining

• Likbez: why at home Internet over Wi-Fi slows down
• Evolution of data carriers
• MWC 2015:
  
  • 10 best announcements at MWC 2015
  • MWC 2015: Huawei Watch smart watch debuts announced
  • MWC 2015: Sony introduced the thinnest and lightest 10-inch tablet Xperia Z4 Tablet
  • MWC 2015: Microsoft talked about Windows 10 for smartphones
  • MWC 2015: the 7 most interesting wearable devices of the exhibition
  • Mobile World Congress: results of the first days of the global technology exhibition
  • 5 most notable wearable devices with MWC-2015
  
  
• Japanese robot Robear will be able to care for the sick and the elderly
• Dance with Me
• Schedule: How has the list of 10 popular YouTube channels changed over the year?
• Google error, or why openspaces kill the desire to work in people
• Look At Media, Mail.Ru Group and Yandex Tips on how to conduct meetings
• About how biochip got into my hand and why all this is needed
• The journalist played his death on Facebook
• 7 revelations of Mark Zuckerberg: on hiring employees, presence on Facebook, ham and other
• why technology makes people poor
• Visualize it . Household cartography is not so complicated and confusing thing, if she is a little carried away
• MWC Digest 2015: The most important news of the largest mobile exhibition
• The worst technology products in the past 20 years, according to Yahoo
• Named the richest people in the IT industry
• URL animation
• Thousands of Chrome Experiments
• Old-school arcade 3D shooter, created using CSS and HTML

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 .