The digest of interesting materials from the world of web development and IT for the last week №206 (April 4 - 10, 2016)
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
We prepare WebP correctly- Podcast Web Standards. Issue number 10
- “This is my code,” many office workers think. Not really.
HTML5.1 release is expected in September 2016- AMP by Example - introducing Accelerated Mobile Pages with live code samples. List of projects already using AMP HTML - NY Times, Guardian, Twitter, LinkedIn and many others
- Quick advice on how to make inlining styles for AMP easier using Jade or PHP (Quick Tip: Make AMP's Inline CSS Easier With Jade or PHP)
- Records from the Microsoft Edge Web Summit 2016
- Notes Aaron Gustafson on the results of the 2016 Edge Web Summit
- Did you know that the instagram has not only a photo with food, but also a good technical blog? Here is a recent note about usage and performance (Performance & Usage at Instagram)
- Checklist for selecting the best CDN solution (Checklist to Find the Best CDN Solution)
- Getting Started with Browserify (Getting Started with Browserify)
- The semantics of custom html elements (Custom Element Semantics)
- Record almost everything in your browser using the MediaRecorder API (Record almost everything in the browser with MediaRecorder)
- Principles of creating a site accessible from the keyboard (Principles of the keyboard-accessible website)
- Create simple, accessible web forms (Create simple, accessible web forms)
- Quick Tip: How to use the Figure and Figcaption elements correctly (Quick Tip:
- Using Foundation 6 with ASP.NET (Using Foundation 6 on ASP.NET Core)
- The process of working with SVG to create accessible icons (A Working SVG Workflow for Accessible Icons)
- Creating arrows on SVG (Making Arrows in SVG)
- An experimental demo of Angry Bots, playing on Unity, ported to WebAssembly.
- Weekly selection of beautiful effects on CSS / SVG / JS # 32
CSS
- 4 myths about PostCSS . Translation of the PostCSS Mythbusting: Four PostCSS Myths Busted article
- An almost complete guide to flexbox (without the flexbox itself) . Translation of the article Almost complete guide to flexbox (without flexbox)
- Automation of regression testing CSS . Translation of the article Automating CSS Regression Testing
- The basics of CSS selectors on the example of cats . Translation of the article Basic CSS Selector Syntax Explained Using Cats
- What are CSS Modules and why are they needed? (What are CSS Modules?)
- What really is a “CSS hack”? (What is the Definition of a “CSS Hack”?)
- Modular CSS with React (Modular CSS with React)
- Emoji: how to get from U + 1F355 to [the emoji icon, which the habr editor cuts out when publishing]
- HTML / CSS: Z-axis Adventures
- IOS Safari and shrink-to-fit issue
- 16 Unix Rules for CSS (The 16 Unix Rules of CSS)
- The future of CSS . About the strange, confusing, but exciting time for CSS. (Future CSS)
- Pure CSS Games (+ html) with Counter-Increment (Pure CSS Games with Counter-Increment)
- CSS transformations and their perspectives (CSS transforms and their perspective)
- SVG raskrasska in CSS background images (Coloring SVGs in CSS Background Images)
- Do you use the principle of shared responsibility? (Are you single?)
- Change the cursor with CSS to improve UX (or for fun) (Changing the Cursor with CSS for Better User Experience (or Fun))
- Sass Me - visualization of the SASS color function (Sass Me - visualize SASS color functions in real-time without compiling.)
Javascript
- Recent releases: React v15.0 , Node v5.10.0 (stable) , Release Grunt 1.0.0
- How I Became a Javascript Rock Star (How I Became a JavaScript Rock Star)
- Using Web Components in Vanilla JS (Use Web Components in Vanilla JavaScript)
- Debouncing and Throttling Explained by Examples (Debouncing and Throttling Explained Through Examples)
- Optimize JavaScript performance with Firefox Dev Tools (Optimizing JavaScript Performance With Firefox Dev Tools)
- Javascript cheat sheet with javascript examples (javascript design patterns using jquery for some examples.)
- Tools to Learn JavaScript by Doing
- In Defense of Hyper Modular JavaScript (In Defense of Hyper Modular JavaScript)
- Poll on basic debugging strategy in javascript
- Streaming template literals (Streaming template literals)
- Four Types of Memory Leaks in JS and How to Get Rid of Them (4 Types of Memory Leaks)
- Modular Systems Overview: CommonJS vs AMD vs ES2015 (JavaScript Module Systems Showdown: CommonJS vs AMD vs ES2015)
Javascript Debugging Techniques - Spacedojo Code Kata Screencast- 2 Javascript functions to speed up the layout
- ES5 / ES6:
- ES5 JavaScript Guide
- Proxy from the inside . css-live.ru continues the translation of Nicholas Bevacqua’s cycle on ES6
- ES6 classes
- New language feature in ES2016: Array.prototype.includes
- Downloading ES6 modules: more complicated than you think (ES6 module loading: More complicated than you think)
- Squeeze on ES6 (ES6 Succinctly)
- Framework:
- Angular 2 Beta, training course "Tour of Heroes" part 1
- Welcome to the world of React
- Functional Front End with React (A Functional Front-End with React)
- Improving React Performance with Babel (Improve React performance with Babel)
- Selection of resources for learning ReactJS
- Simple authentication with React and Auth0 (React Authentication is Easy with Auth0)
- Moving to React on a project with Rails and Angular (The Transition to a Legacy Rails and Angular App)
- Why you should consider using React Native for mobile apps (Why You Should Consider React Native For Your Mobile App)
- After six months of development, we launched the project on Angular 2
- Best AngularJS Learning Resources for March 2016
- Angular 2 Style Guide
- Plugins:
- Coloor - HTML preprocessor that adds a small version of the image in base64 code and calls it with lazy load
- atrament.js - a small js library for drawing in HTML Canvas
- InlineTweet.js - allows you to make a tweet link from any text on the page
- object-fit-images - polyfill for adding object-fit support for images for IE9, IE10, IE11, Edge, and other older browsers
- glio.js - determines when the user moves the mouse out of the site
Browsers
- EdgeHTML issue tracker . Microsoft public bug tracker
- Microsoft Edge Web Summit 2016: Microsoft Announces RemoteEdge for Mac and Linux
- Microsoft has shown new features for Microsoft Edge
- Microsoft Edge will intelligently use flash content to improve performance and save energy
- Modern classic - browser Vivaldi 1.0
- Firefox goes to Widevine CDM to play DRM protected video
- Users of outdated OS will soon begin to see a message that Chrome will stop updating
- Browser Trends April 2016: Samsung Takeoff (Browser Trends April 2016: Samsung's Surge)
- That any browser knows about you
Sites with interesting design and functionality
- bulldogyoga.com - vertical scrolling site with interesting effects
- nextrembrandt.com - an interactive site dedicated to Rembrandt's paintings
- Sweet Magnolia is a stylish conceptual site with a focus on graphic design.
- airforce.com is a modern vertical scrolling site for US Airforce
- bolden.nl - stylish conceptual site with interesting effects
- madeinhaus.com - a site with advanced interactive effects on the pages
- Sex by numbers - themed site with a specific design
- GUIBENTO.COM - unusual animated effects when scrolling
Design
- Product Design Digest March 2016
- DPI, pixels, Retina: How device screens are arranged
- Make a site redesign and screw it up: 3 failures and how they could be avoided
- Five anti-principles of good design
- Designer Basecamp: “I like ugly interfaces”
- Adobe Photoshop, Affinity Designer and Sketch 3 - a great trio for interface design
- Framer and Sketch: thoughtful prototyping
- How to create colors, typography and layout for iOS
- Simplicity is Good (Simple is Good!)
- What is microinteraction (What is a Microinteraction?)
- Why I love ugly, dirty interfaces - and you, probably, too. (Why I love ugly, messy interfaces - and you probably do too)
- Space - a new design concept from Google
- How to make a Bollywood design on the theme of Hindu New Year (How to Design a Bollywood-Inspired Poster to Celebrate Hindu New Year)
- Artists of the World: Indonesia (International Artist Feature: Indonesia)
- Is your website passing a “cellular” test? (Does Your Site Pass the Honeycomb Test?)
- Collection of the best posts to users (Just Good Copy)
- Sorry to burst your chat bubble.
- Beginner's Guide to UX Prototyping (The beginner's guide to UX prototyping)
- A Simple Web Developer's Guide To Color
- How to use Adobe Fuse (How to Use Adobe Fuse)
- Sketch, Illustrator or Fireworks? Open a new application for design UI: Gravit
- Solarize Like Zayn: Digital Effects of Surreal Black -and-White Portraits (Solarized Like Zayn: The Digital Sabattier Effect for Surreal Black and White Portraits)
- Triangulart - a simple editor for drawing isometric illustrations.
- Details typography of selected Typewolf sites for March 2016 (The Typographic Details Behind Typewolf's Favorite Sites of March 2016)
- The finalists of the logo competition for the Olympic Games Tokyo 2020 are presented (Tokyo 2020 Olympics unveils shortlisted logo designs)
- New logo and identity for Natsuki by Erretres: Moon Shot (New Logo and Identity for Natsuki by Erretres: Moon Shot)
- HP introduced the "new" logo (HP unveil "new" logo)
- New HP logo that hasn't been used by anyone yet (HP's new logo is the awesome one it never used)
- Museum Logos : draw a line (Museum Logos: Drawing The Line)
A selection of free designer cookies
- Paper Textures (130+ Free Paper Textures)
- Free photos that will look good as a background
- Image Sets with Abstract Backgrounds (Free Abstract Background Images, Mega Bundle and Resources)
- Hollywood Mockuups (Hollywood Mockuups)
- Cool patterns with birds in the lead role
- Free vector on motorcycle theme
- Fresh free mockup files
- Outline Icon Set : Internet of Things (FREEBIE: The Internet of Things Stroke Icon Set)
- Monogram font set (25+ Elegantly Designed Free Monogram Fonts)
- Packaging mostly decorative fonts (16 Free Fonts Bundle - Web Design Freebies List - # 16)
News and entertaining
- SpaceX Elona Mask for the first time successfully landed the first stage of the Falcon 9 on a floating platform in the ocean
- Windows 10 share approaches 15%: more than 270 million users worldwide
- FBI Can't Hack iPhone 5s and Later Models
- VKontakte and Warner Music Group have concluded an out-of-court agreement on the use of music content.
- Rovio is losing money
- Windows 10 Insider Preview Build 14316 with Bash on Ubuntu is already available
- Medium aims at WordPress success by proposing a new way to manage sites
- WSJ: Apple at Jobs hacked iPhone for US authorities and balked only nowadays under Tim Cook
- Why programming skills won't save your work
- Well, write, science fiction writers? !!
- Samsung tests iris scanner for smartphones
- Photo Gallery: Where do career-starting developers and designers live in Silicon Valley?
- Neural network instead of Photoshop
- MIT printed a robot of solid, flexible and liquid materials at the same time
- Enthusiast hooked up Chromecast to a 1978 tube TV
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/281308/
All Articles