The digest of interesting materials from the world of web development and IT for the last week №184 (November 2 - 8, 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 |
| CSS |
| Javascript |
| Browsers |
| Design |
| news |
| Entertaining |
Web development
Understandable and simple about WEB-components and Polymer- Why static site generators will be popular
- Screenshot "WEBPACK: Modular frontend using Webpack" by Ilya Kantor
Recommendations for writing HTML / CSS code- When to use rel = "nofollow" (When to Use rel = "nofollow")
- Create offline pages for theguardian.com (Building an offline page for theguardian.com)
- Why is it so hard to find a front end developer? (Why is it so it’s hard to find a front end developer?)
- Service Workers: Dynamic Responsive Images with WebP Images
- In defense of the Reset button (In defense of the Reset button ...)
- Why performance matters, part 2: Managing Perception (Why Performance Matters, Part 2: Perception Management)
- The Single Biggest Mistake Programmers Make Every Day Programmers Make Every Day
- Spectacular web:
- Weekly selection of beautiful effects on CSS / SVG / JS # 11
- Sudoku without JS
- Spectacular experiment with the reconstruction of the effect of rain and water
- The new effect of twitter-like using SVG, plus a creative dizlike
CSS
- CSS modules
- 5 features of positioning in CSS
- PostCSS:
- PostCSS Quick Start Guide: Plugin Overview
- Deep loading in PostCSS: different advantages (Deep Dive: Miscellaneous Goodies)
- Deep Dive in PostCSS : Shortcuts and Shortcuts (PostCSS Deep Dive: Shortcuts and Shorthand)
- Flexbox:
- Shattering Flexbox Myths
- Examples of using Flexbox with Compass (A Primer on Using Flexbox with Compass)
- Flexbox for Any Interfaces: Sample Tracks Application (Flexbox For Interfaces All The Way: Tracks Case Study)
- Details on creating Twitter “Like” Animation.
- Do we really need CSS specificity (Do We Actually Need Specificity In CSS?)
- CSS based attack : abusing unicode-range in font-face (CSS based Attack: Abusing unicode-range of font-face)
- Scooter - SCSS framework for creating basic styles, CSS components and rapid prototyping from Dropbox
- Animating the `content` Property property
- 9 responsive typography tips from experts (9 responsive typography tips from the experts)
- Creating an Animated CSS3 Search Form
- Naming things in CSS is really difficult (Naming Things In CSS Is Really Hard)
- Name the colors (Naming Colors)
- Working with SVG guides in Framer (Working with SVG Paths in Framer)
- Filter Blend - a sandbox for selection of blending modes and filters
- CSS effects overlay image # 5: lomography (CSS Image Effects # 5: Lomography)
Javascript
- RadioJS podcast # 32: Ideas are more important than frameworks
- ES6:
- Overview of ES6 at 350 points . The introductory article of the cycle of notes from Nicholas Bevacqua " ES6 inside " translated from the community css-live.ru
- ES6 in Detail: Pattern Lines
- Javascript es6 +: var, let, or const? (Javascript es6 +: var, let, or const?)
- Convert a project from Gulp from ES5 to ES6 using Babel 6.0.0 (Converting Gulp project from ES5 to ES6 with Babel 6.0.0)
- Javascript Quiz ES6 Edition (Javascript quiz. ES6 edition.)
- Twitter-e poll for more popular ES6 or ES2015 title
- dragon - what if Backbone was created today with ES6 & 7, virtual DOM, and more?
- Framework:
- Is Angular 2.0 ready? (Is Angular 2.0 ready?)
- Will Angular 2 succeed? Absolutely yes! (Will Angular 2 be a success? You bet!)
- 7 reasons to use Ember.js (7 Reasons to Use Ember.js)
- Live chat with Ember 2 and Pusher (Real-Time Chat with Ember 2 and Pusher)
- The concept of components in Ember 2 (Understanding Components in Ember 2)
- React High Order Components (Higher Order React Components)
- Initial demonstration steps with Node.js (A Beginner Splurge in Node.js)
- JavaScript Promise API
- ServiceWorker, MessageChannel, & postMessage
- Object.observe are going to be removed from ES7 (An update on Object.observe)
- Import and export importance (The Importance of import and export)
- Recipes for getting randomness in javascript (Recipes for Randomness in JavaScript)
- About JavaScript dates (JavaScript dates, trains, Passover, and Henry VIII)
- Writing Asynchronous 'For-loop' in JavaScript (Writing an Asynchronous 'For-loop' in JavaScript)
- Synchronous and asynchronous sequence of executions of functions (Synchronous and asynchronous sequential execution of functions)
- JQuery's relevance back and forth (jQuery's Relevancy - There and Back Again)
- Creating a file browser from GitHub with Vue.js (Create a GitHub File Explorer Using Vue.js)
Scala.js: the next generation in front-end development at Scala (Scala.js: Next generation front end development in Scala)- How to write queries better with Breeze.js (Write Better Queries with Breeze.js)
- Plugins:
- imagesLoaded - a plugin for determining whether an image has been loaded (works with background pictures as well)
- RIOT is a library for a React- like user interface micro-library.
- roll - library for scrolling and tracking scrolling
Browsers
- Browser trends for November 2015: Chrome continues to expand (Browser Trends November 2015: the Chrome Clinch)
- Firefox 42 Details for Developers
- Firefox 42 saw the light
- Firefox has added tracking protection
- Debugging mobile sites in Firefox - new features
- Vivaldi Browser Launches Beta Testing
- Vivaldi browser preview: “old” Opera returns?
- Firefox Developer Edition 44's latest tools (Explore the deepest secrets of the ocean with Firefox Developer Edition 44's newest tools, designed for animation).
- DevTools Digest: effective editing of elements, debugging Service Worker and more
Design
- 24 mistakes of site design and usability. Catalog of antipattern design and UX sites. With examples of "good-bad" and tips on how to fix it.
- Google, Facebook and NASA showed “unstoppable Internet” in posters for Webby Awards
- Product Design Digest October 2015
- Graphic editor:
- Transferring psd sources from Photoshop to Sketch
- Stylish logo design in Adobe Illustrator and Photoshop
- Principle for mac video tutorials : Creating interface animations with Principle and Sketch
- Useful Sketch Plugins (20 Essential Plugins for Sketch App)
- Top 100 Lessons in Adobe Illustrator (Top 100 New Adobe Illustrator Tutorials)
- Creating alternative posters for movies from the 80s with Photoshop (Making Alternative 80s Film History)
- Mobile devices:
- The designer explained the heat maps on smartphones and phablets
- List or grid: what and when to use on mobile devices (List vs. Grid View: When to Use Which on Mobile)
- Design for iOS 9 (Designing for iOS 9)
- How we hold our gadgets (How We Hold Our Gadgets)
- Typography:
- Do serif fonts cause ads to click?
- Crazy typography on magazine covers
- How Sketch works with typography
- Type Typics favorite typographic details for October 2015 (The Typographic Details Behind Typewolf's Favorite Sites of October 2015)
- Using color when developing applications or websites (Using Color When Designing Apps Or Websites)
- Drawing for kids: drawing a running pony (Drawing for Kids: Draw a Running Pony)
- Urinals and usability (The UX of UP: Urinals and Usability)
- How Hearthstone attracts new users (How Hearthstone Onboards New Users)
- Talking design: how to create listening systems (Conversational Design: How to Craft a System that Listens)
- Design principles: choose a suitable pattern (Design Principles: Choosing the Right Patterns)
- Long shadows are dead. Welcome blurry shadows! (Long shadow is dead. Welcome Diffuse shadows.)
- Which form element to choose and when to use? (Which Input When?)
- Rebranding is life. (Rebranding is life.)
- Designer visualized his emotions for the year in the color spectrum (This Designer Turned A Year's Worth Of Emotions Into Colorful Spectrums)
- Landing page design for people who do not distinguish colors (Designing a landing page for color-blind people)
- Designing More Efficient Forms
- Three ways to prevent your web design from becoming “typical” (3 Ways to Prevent Your Web Design from Becoming “Generic”)
- How to use balance in web design (How to use balance in web design)
- Project Comet: Design with Real Data (Project Comet: Designing with Real Data)
- Yum How to Draw a Delicious Sandwich Icon in Adobe Illustrator (Yum! How to Create a Delicious Bagel Sandwich Icon in Adobe Illustrator)
- Rethinking the IKEA logo (Rethinking IKEA's logo)
- Monster Gallery (The Monster Gallery)
- Refold - easily transformed and portable table
A selection of free designer cookies
- Free sign icons
- Fluid Plugin for Sketch 1.6.1
- Awesome Stock Resources
- Horrible Vector Illustration (Grab This Macabre Vector Freebie)
- UI Stark Kit (Stark-Free UI PSD Kit to Download Today)
- 20 free UI downloads (20 Free UI Kits to Download)
- fresh resources for designers, November 2015 (50+ fresh resources for designers, November 2015)
- Magnolia Display - decorative font
- Butch - handwritten decorative font
news
- Gmail searches questions in emails and automatically offers ready-made answers.
- HP is officially divided into two companies
- Twitter traded favorites for likes
- Lytro has developed a camera that will allow the viewer to move and look behind objects inside a spherical video.
- Facebook introduced a new publication format - Music Stories
- Alphabet offered India Internet Balloons
- Apple will build an enormous 385,500 sq. M. Campus in San Jose. m
Entertaining
- Eight years ago, Google announced the Android OS
- How does it feel to be fired from Google?
- 50 free online November courses on design, math, entrepreneurship and programming
- Quantum Topology Surprises
- How to use a computer in North Korea: local OS in screenshots
- TNR 250, Gizmo, Mackelangelo and other words that are understood only by Apple, Facebook, Microsoft and Google employees
- Big Data Age Ethics
- Smart City: Effective Development Management
- DeepArt is a service that combines a loaded image and a selected style.
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/270441/
All Articles