The digest of interesting materials from the world of web development and IT for the last week No. 195 (January 18 - 24, 2016)
We bring to your attention a selection with links to useful resources, interesting materials and IT news
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 .
Web development |
CSS |
Javascript |
Browsers |
Design |
news |
Entertaining |
Web development
- We use WebP today . Article Translation Guide To Using WebP Images Today: A Case Study
- DevTips: Web Developer Tips (33-48)
- Mistakes of developers . Translation of the article Developer Fallacies communities in the css-live.ru
- Why is it difficult to program UI. Kirill Mokevnin
- Nativefier - A tool that turns your website into a native application (Turns Any Web Site Into a Native App from the Command Line)
- W3C forks HTML again (W3C forks HTML yet again)
- Remy Sharp: Why I love working with the web
- Firefox and Web Speech API
- The problem with global dependencies for Node.js and their solutions (The Issue With Global Node Packages)
- Webpack your workflow
- Bootstrap: an intervention . Arguments for and against bootstrap from Evil Martians
- Chrome (Canary) DevTools will show measurements from User Timing in timeline
- Chrome finally learned how to make a smooth scroll - please stop trying to implement it yourself in JavaScript!
- Creating an offline site using ServiceWorkers and UpUp (Building Offline Sites with ServiceWorkers and UpUp)
- Complete guide to support preview text in emails (The Ultimate Guide to Preview Text Support in Email)
- Meet WPGulp: Easy to Use WordPress Gulp Boilerplate
- Date input problems (The woes of date input)
- Improving responsive images with client hints (Leaner Responsive Images With Client Hints)
- A selection of fresh links to SVG related content and demos (Some Pretty Splendid SVG Links)
- About Links, Buttons, and Divs (Links, Buttons, Submits, and Divs, Oh Hell)
- Customize Google Map markers (Customize your Google Map Markers)
- Lazy Loading Images: How Not To Really Annoy Your Users (Lazy-Loading Images: How Not to Really Annoy Your Users)
- The Current State of Web Security (Interview with Anselm Hannemann) (The Current State of Web Security)
- Spectacular web:
- Weekly compilation of beautiful effects on CSS / SVG / JS # 21
- SVG clip-path hover effect
- Animated SVG Guitar (SVG Animated Guitar (Play Me!))
- WebGL experiment The Spirit
- Animated Husky in pure CSS (Alex the CSS Husky)
CSS
- Some practical CSS tips
- It's time to rethink CSS vendor prefixes . Translation of It's Time to Rethink Vendor Prefixes in CSS on Progressor
- First level 4 CSS module in candidate candidate status
- Controlling CSS font-face behavior
- Grids in Grid Layout are vital . Translation articles Subgrids Considered Essential community css-live.ru
- CSS modules - we solve the problem of scaling styles . CSS Modules - Solving the challenges of CSS at scale translation
- Think flexbox is tricky? Then look at the latest examples from CSS Grid Specification
- Investigate the function of caching in Stylus (the Exploring the Stylus the Cache the Function)
- CSS Concept Notes (CSS Refresher Notes)
- Webkit Flexbox Patterns
- Flexbox Sandbox (Flexbox playgroung)
- Sass: media directive
- Advantages in succession through @extend Sass (The Benefits of Inheritance via @extend in Sass)
- Neat trick for CSS object-fit fallback on Edge (and other browsers) trick for organizing a fallback for CSS property-fit for Edge (and other browsers )
- Style Guide for edX Applications
- Timelined is a customizable CSS-only vertical timeline
- CSS Gradient Animator
Javascript
- Microsoft sent a request for an update on the implementation of ChakraCore support in Node.js along with the V8 engine
- Translation of "Simplified JavaScript Jargon"
- 7 vital JavaScript features
- What's new in jQuery 3.0 and how to use it (What's New in jQuery 3.0 and How to Use It)
- Keeping Promises Using JS (Keeping Promises With JavaScript)
- Master the interview as a js developer: what is the difference between class inheritance and prototype inheritance? (What's the Difference Between Class & Prototypal Inheritance?)
- Matthew Podwysocki: “Reactive JavaScript at Netflix, Microsoft and the World” (Matthew Podwysocki: “Reactive JavaScript at Netflix, Microsoft and the World”)
- Five jQuery.each () function examples ( 5 jQuery.each () Function Examples)
- Overview GraphQL (GraphQL Overview Profile)
- JS web apps considered valuable
- CMS.js - Static Site Generator (CMS.js - the Javascript Site Generator.)
- Frameworks
- 5 Steps for Learning React Application Development
- Build your first React.js app (Building Your First React.js App)
- Learning the basics React and prototyping a small application (Learning React basics and building a basic application prototype)
- Why React / Redux is not the best paradigm (Why React / Redux is an inferior paradigm)
- Best Practices for Working with React.js in 2016 (React.js Best Practices for 2016)
- Dynamic guide to angularjs for JS Developers (Dynamic AngularJS Guided Tutorial for JavaScript Developers )
- State in Meteor: when something went wrong (The State Of Meteor Part 1: What Went Wrong)
- ES6:
- ES6 cheat sheet
- 7 Ways to Improve Your JS Programming with ES2015 (7 Ways ES2015 Can Improve Your JavaScript Programming)
- Object-oriented JavaScript - a deep dive into ES6-classes (Object-Oriented JavaScript - A Deep Dive into ES6 Classes)
- Plugins
- Masonry v4 and imagesLoaded v4 release: refusal to support IE8 & 9, 25% & 50% less, backward compatibility
- Umbrella JS - a small (<2kb) jquery-style performance library
- Comparing JavaScript Calendars and Schedulers
- Ten Best jQuery and HTML5 WYSIWYG Plugins (10 Best jQuery and HTML5 WYSIWYG Plugins)
- Drop.js - a fast and functional library for creating drop-down lists
- Philter - applying CSS filters with HTML attributes. (Philter is a JS plugin giving you the power to control CSS filters with HTML attributes.)
Browsers
- Chrome 48 web browser release
- Google Chrome will be faster with the new Brotli data compression algorithm
- Facebook is testing a new browser with which there will never be a need to leave the application
- Firefox will automatically change old Youtube Flash code to HTML5
- Mozilla project extends the ability to work with unsigned add-ons in Firefox
- Firefox 44 will enable WebGL in a separate thread
- Former Mozilla chapter and JavaScript author introduces Brave to the world
- 6 Microsoft Edge Web Developer Myths
Sites with interesting design and functionality
- Loving what you do takes work
- beoplayh8 - a promo site dedicated to headphones with interesting scroll effects
- colonelsanders.com - fun site from KFC
- The gray tales - an advanced interactive site with custom navigation
- johos.at - bright multimedia site with an abundance of video inserts
- gidmotion.com - A site with an interesting background effect
- Sites to watch with sound
Design
- Accessibility: How Yandex creates accessible interfaces
- 10 popular misconceptions when creating a logo
- 7 reasons to abandon endless scrolling
- Reference: image sizes for 9 social networks
- Design for Kids Is Not Child's Play
- The biggest mistakes in web design to avoid in 2016 (The Biggest Web Design Mistakes to Avoid in 2016)
- Create a more expressive profile picture (Designing a More Expressive Profile Picture)
- UI Animation. Microinteraction and Macro Result (UI Animation. Microinteraction for Macroresult)
- Tips for designers who do not write code (Tips for Designers Who Do not Code )
- UX vs CX: which is more important? (UX vs CX: Which is more important?)
- Interview with Michael Flarup: co-founder and leading designers in Robocat (of Interview with Michael Flarup: Co-Founder and Lead Designer Robocat AT)
- Movement with meaning: semantic animation interface design (Motion with Meaning: Semantic Animation in Interface Design)
- ( Unfinished) Basics of Color
- Ask DN: what books to read in 2016? (Ask DN: What books to read in 2016?)
- Design more expressive user profile image (Designing a More Expressive Profile Picture)
- Facebook Canvas
- Excellent reasons (Beautiful Reasons)
- Product design - we make complex tasks simple (Product design - How we make complex tasks feel simple)
- Drive 47 - application concept
- Open letter to the designer makes redesigns without request, as well as authors nesozdavaemyh applications (An Open Letter to Designers of Unsolicited Redesigns and Unbuildable Apps)
- What does Disney know about interface animations? (What does Disney know about interface animation anyway?)
- Scrawl - geometric constructor
- Geometric design: the diagram «to Heavenly City» (Geometric Design: of The «to Heavenly City» Diagram)
- From furniture to screens (From Furniture to Screens)
- Accuracy Curve: How to weigh the costs and benefits of creating UI mockups
- Sketch plugin for generating change views (git-sketch-plugin)
- A collection of lessons on the creation of typography in Photoshop (of An Awesome Collection Of 80 Photoshop Typography Tutorials)
- Why San Francisco (font) (Why San Francisco)
- Entertaining typography
- Panda in 2015
- Dribble in 2015
- 50 Web Designer Jokes That Will Definitely Make You Laugh
A selection of free designer cookies
- Free Victorian Wallpaper Textures
- Free Vegetarian Theme Vector
- Set of icons in AI format, PSD file, the SVG (72 Icons Free Download)
- Icons in style Material Design (350 free Material Design Icons)
- Swifticons Icon Set (AI, SKETCH)
- 14 fonts for Valentine's Day (14 Free Valentine's Day Fonts to Fall in Love With)
- Ginebra - decorative serif font (Ginebra Free Font)
- Audrey is an elegant sans-serif font (Audrey is a new, FREE and elegant typeface by Cristina Pagnotta)
news
- Alphabet reorganizes laboratory X and includes a robotics division
- StatCounter: Windows 10 Bypassed Windows 8.1
- Urgent in number: Microsoft closes the line of Lumia and Windows 10 Mobile
- Blue Origin launched into space an already flying suborbital rocket. And planted her again
- Bing updates search algorithm daily
- Via Skype, it will no longer be possible to calculate the user's IP
- Alisher Usmanov turned out to be one of Uber investors
- Google paid Apple $ 1 billion for presence on iPhone
- Created a service that recognizes sarcasm in messages
- Zcash cryptocurrency announced to ensure transaction anonymity
Entertaining
- Children see the same-family smiles of Apple as members of a traditional family: brothers, sisters and other relatives
- What will happen to technology and telecommunications in 2016 - Deloitte forecast
- The first “cosmic” flower blossoms on the ISS
- “How do you explain the importance of HTML5 to Larry Page?”
- 8 types of annoying ads blocked by Google in 2015
- What the internet does with our attention: the habit of being distracted
- Have a seat . Why in the story with SpaceX can not rush to conclusions
- How your computer and phone understand what you want from them
- How the world will change by 2045
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 .