The digest of interesting materials from the world of web development and IT for the last week? 161 (May 18 - 24, 2015)
We offer you a selection with links to useful resources, interesting materials and IT-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 .
Web development
50+ Best Bootstrap Add-ons- First look at HTML6 with examples and links
- Accessibility. How we make Yandex accessible to people with disabilities and why we consider it important.
- Transformations for SVG elements . Translation of an article Transforms on SVG Elements by the community css-live.ru
- Yandex launches a separate version of Schema.org with its extensions
Brad Frost: Why I Care About Accessibility (Why I Care About Accessibility)- Understanding and Manually Improving SVG Optimization and Improving SVG Optimization
- Use canvas to fix SVG scaling in IE (Using canvas to fix SVG scaling in Internet Explorer)
- Iconizing Content
- SVG 101 - a selection of SVG demos that demonstrate the capabilities of technology with simple examples
- Art direction of SVG images using the viewBox attribute: How-To, Notes, Tips and why we need the viewBox property in CSS
- Accelerate development with WordPress Plugin Boilerplate
- Introduction to Vagrant
- An Introduction to Static Site Generators
- Front-end Frameworks: Getting Started with Bootstrap
- Do not let Chrome translate page (Prevent Chrome from Translating a Page)
- Automated Tests for Responsive Layouts (Automated Tests for Visual Responsive Layouts)
- Performance Cost (The Cost of Performance)
- How to Access Members in Polymer Components (How to Access Member Functions in Polymer Elements)
- Interview with Vitaly Friedman, co-founder and editor of Smashing Magazine
CSS
- Using media queries in the layout of emails: Pros and Cons
- On pure CSS, without dirty HTML
- Simple cross-browser text masks using blending modes . Translation of the article Easy Cross-Browser Text Masks with Blend Modes by the community css-live.ru
- Revision: Visited (Revisiting: Visited)
- Add asterisks for required fields using CSS
- The End of Global CSS
- Understanding CSS Counters and Their Use Cases
- Making knuckles with Flexbox (Getting Dicey With Flexbox)
- The closest consideration of the CSS properties mix-blend-mode (A Close-up Look at the CSS mix-blend-mode Property)
- Video: scalable backgrounds in CSS (Video: Scalable Backgrounds in CSS)
- Sass Utilities for Older Browsers (Sass Helpers for Older Browsers)
- Two syntaxes: Sass vs. SCSS (Video: Two Syntaxes in Sass)
- Flexbox Practical Guide: Don't forget about flex-shrink (A Practical Guide to Flexbox: Don't Forget about flex-shrink)
- Using and Styling HTML5 Meter (Using and Styling HTML5 Meter)
- Examples of CSS animations that you like.
- 15 inspirational examples of CSS animation on CodePen
- Animated Page Transition
- Simplify your style sheets with magical viewport units in CSS (Simplify Your Stylesheets With The Magical CSS Viewport Units)
- CSS hacks you may not know about (CSS hacks you may not know)
- Pure CSS Content Filter
- outlinecss - another simple and clean static framework
- Extending Styles
Javascript
- ES6:
- ES6 in detail: Iterators and for-of loops
- Choose ES6 modules today! (Choose ES6 modules Today!)
- Articles from Mozilla: ES6 In Depth (ES6 In Depth Articles)
- Moving from CoffeeScript to ES6 (Moving to ES6 from CoffeeScript)
- The end of javascript?
- True Hash Maps in JavaScript
- Spider: An Exciting Alternative to JavaScript Javier
- Lesson from a failed accessibility experiment in JS (Lessons from a Failed Experiment in JavaScript Accessibility)
- T3 - minimalistic JS framework
- Final steps to mastering JavaScript, the keyword “this” (The Final Steps to Mastering JavaScript’s “this” Keyword)
- JavaScript utilities for writing powerful applications without jQuery (JavaScript Functions and Helpers)
- JS dependencies: breaking the progressive improvement myths (The JavaScript-Dependency Backlash: Myth-Busting Progressive Enhancement)
- We have a problem with promises (We have a problem with promises)
- We do virtual reality on the web with Google Cardboard and Three.js (Bringing VR to the Web with Google Cardboard and Three.js)
- Why Backbone.js? (Why Backbone.js?)
- AngularJS Testing Tips: Testing Tips: Testing Directives
- JSX looks ugly (JSX Looks Like An Abomination)
- How I stopped worrying and loved React (How I learned to stop worrying and love React)
- Max Harris: Two weeks with React + Meteor (Max Harris: Two weeks with React + Meteor - Devshop SF March 2015)
- d-Threeact: How the Sift Science Console team made d3 and React best friends (d-Threeact: How the Sift Science Console Team Made d3 and React the Best of Friends)
- Ensuring good JS performance in Microsoft Edge (Delivering fast JavaScript performance in Microsoft Edge)
- Advanced JavaScript without breaking the web (Advancing JavaScript without breaking the web)
- Comparing libraries for graphing (JavaScript Grpahs)
- Plugins:
- conate.js - transformation of icons with cool animation
- Viewport.js - library for advanced scrolling through sections
- Animate Plus is a productive JS library that helps to animate CSS properties and attributes in SVG
- basicContext - an easy-to-use context menu for your site.
- PreViewTube : a small jQuery plugin for animating YouTube thumbnails
- Famous Engine - high-performance JS library for animations and interfaces (uses WebGL)
Browsers
- Chrome 43 web browser release
- Tone extension for audio links appeared in Google Chrome
- Adblock Plus launches mobile browser for Android
- Firefox will offer partner sites to browser users based on their browsing history.
- The minimalist browser of Yandex has moved to the beta testing stage and received anonymous web surfing mode.
- Why I decided to completely abandon Google Chrome
- The tracking protection added to Firefox reduces the page load time by 44%
- Using Chakra to run scripts in Windows 10 (Using Chakra for Scripting Applications across Windows 10)
- What's New in Firefox 38 (What's What's New in Firefox 38)
- New to Firefox Developer Edition 40: Monitor Network Activity, Filter CSS Rules, and More
Sites with interesting design and functionality
- Research sites of mobile operators in Ukraine (Spoiler: everything is bad)
- ESPN Just Redesigned For The First Time Since 2009 — Here Are 4 Takeaways
- http://www.greenman.net/ - funny themed site with hand-drawn animation
- lamourfou.be - a site with smooth parallax animation
- futuramo.com - site-service, dedicated to icons and made in the same style
- Less is More - Extremely Minimal Website Design
Design
- For space missions have prepared the flag of the planet Earth
- Facebook designer told about the working culture in the company
- Google Hangout for Chrome got Material Design
- Stitched text in Adobe Illustrator
- Special place for typography
- The generator of images of creative scenes (The first Scene Creator online)
- Modern Touch of Polygonal Web Design (Modern Touch of Polygon Web Design)
- 3 new image formats that all designers should know about (3 new image formats all designers must know)
- International flag of planet earth
- Interview with illustrator Michelle Romo (To the Point: Interview With Michelle Romo)
- “Context is a new genre” (“Context is the New Genre”)
- Why the 'mobile first' approach may already be outdated (Why 'mobile first' may already be outdated)
- Makerbook - moderated directory of resources useful for creative people.
- Forrest Gump and the difference between dull and simple (Forrest Gump and the Difference Between Dumb and Simple)
- Optical Adjustment (Optical Adjustment)
- How to ignite a passion for web design (Rekindling Your Passion For Web Design)
- Apple Moments
- Retro and Vintage Design - Best of
- Absolute or relative time: when, where and how to use (Absolute vs. Relative Timestamps: When to Use Which)
- The best way to design a retina in Photoshop (A Better Way To Design For Retina In Photoshop)
- electronicitems - animated illustrations
- Hamburger icon: how these three lines hypnotized most people (Hamburger icon: How these three lines mystify most people)
- My process of creating an icon design (My icon design workflow)
- Hard Drive Icons Through the Ages
- Can the font convince us that something is true? (Can a Font Make Us Believe Something Is True?)
- Visualization Concept Gallery
A selection of free designer cookies
- Free photos of sea shores
- Clip art sets for summer design
- Free icon sets on the office theme
- Wood textures (3 Vector Wood Textures)
- PSD templates and UI kits in the style of material design (Top 10 Free Material Design PSD templates and UI kits)
- Samurai Vector Logo (Samurai Free Vector Logo)
- Fun Colorful Icons by Uisurf (Download 40 Free Happy Looking Icons By Uisurf)
- Icons dedicated to swimming and swimming pools (50 FREE Swimming Pool Icons)
- FiraCode - monospace font with soft ligatures
news
- Google is developing the Brillo platform for the “Internet of things” . Huawei too . And intel
- Huawei has released a 10 kilobyte operating system for connected devices
- Since the beginning of the year, the Internet of Things sector has attracted $ 14.8 billion of investment
- YouTube has implemented HTML5 support and 60 frames per second video for live broadcasts.
- Yandex launched a mobile payment service without registration
- Yandex launches new version of Webmaster service
- NASA released free software catalog
- Google allowed to exchange links using sound
- Microsoft opened code WCF libraries (Windows Communication Foundation)
- Mozilla Firefox OS Device Certification Initiative
- Meizu MX4 Ubuntu Edition received a price tag of $ 290 and went on sale
Entertaining
- 8 non-obvious ways to define artificial intelligence
- Artificial Intelligence in Cinema: 10 Bright Examples
- What was the first video on YouTube
- First St. Petersburg Comic Son
- Photos from the festival Comic Con Saint Petersburg 2015
- Ilon Musk wants to print life on Mars
- Featured on Medium: How to start following productivity tips
- "I never asked for this": hand prostheses are controlled by the power of thought and look as if they had escaped from Deus Ex
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 .
Source: https://habr.com/ru/post/258665/
All Articles