The digest of interesting materials from the world of web development and IT for the last week №203 (March 14 - 20, 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
- Podcast "Web Standards", Issue number 7
- 22 videos from the Moscow Web Standards Days conference held in December
Three main browsers added support for low-level WebAssembly binary format- Web applications offline. ServiceWorker and CacheStorage
- Google: working with the technical aspects of the site is not enough to reach the top
- I'm not smart, I just sat on it longer than you - the story of Graham Fulton .
Possible methods for creating professional animation in SVG (The following are ways to create professional animation in SVG)- Selection with tools and resources for the Chrome DevTools ecosystem (Awesome tooling and resources in the Chrome DevTools ecosystem)
- Addy Osmani Issue Digest Last Week: Service Worker Debugging, RAIL on 3G, Offline Analytics, Progressive Web Apps, Rollupify & Other
- Google developers answer some questions: Paul Lewis: " Answers to Questions About Performance ", Matt Gaunt: Web Development is a Balancing Act
- Performance Optimization:
- Manage Mobile Performance Optimization (Managing Mobile Performance Optimization)
- How to improve your YSlow value (How to Improve Your YSlow Score)
- Prioritizing your resources with rel = 'preload' ( prioritizing your resources with link rel = 'preload')
- Understanding Web Components
- How you can use responsive web components today (How You Can Use Responsive Web Components Today)
- Seven reasons why you should use a static site generator (7 Reasons to Use a Static Site Generator)
- Seven reasons why you should NOT use a static site generator
- About rel = noopener (About rel = noopener)
- how2: terminal stackoverflow (how2: stackoverflow from the terminal)
- A Practical Introduction to Material Design Lite by Google (A Practical Introduction to Material Design Lite by Google)
- New items for the latest version of the Marko templating engine (What's New in Marko v3)
Video review of WebStorm 2016.1 features : improved support for ECMAScript 6 and TypeScript, CSS Custom Properties, Angular 2, debugging asynchronous client-side, JSON Schema and much more- Spectacular web:
- Weekly selection of beautiful effects on CSS / SVG / JS # 29
- Concept overflow of active highlight of input fields using CSS / SVG
- Boom, Wham, Pow! Creating emotional typography for comics using SVG filters
- How to create an animated interactive drum kit on SVG
- An impressive implementation of a box with plates using a 3D engine on WebGL and Three.js.
CSS
- Variables in CSS: why do we need them? . Translation of CSS Variables: Why Should You Care? on frontender.info
- Registration of not loaded images . Translation of the article Styling Broken Images on css-live.ru
- Explaining CSS will-change properties and current browser support in Jonathan Snook's blog
- Creating a responsive grid in 2016 (Designing a Responsive Grid in 2016)
- Fonts:
- Anti-pattern for web fonts: Data URI . Translation of the article Web Font Anti-pattern: Data URIs there
- Icon ligatures using pseudo-elements and icon fonts (Ligature Icons)
- Web typography is broken. And here is how we can fix it. (Web typography is broken. Here we can fix it)
- Define text styles in Zeplin (Defining text styles in Zeplin)
- CSS Flexbox is quite logical (well, almost) (CSS Flexbox Is Entirely Logical (Almost))
- User Generated Content in the World of CSS Methodologies and Class Binding (User Generated Content in a Classy World)
- Experimental laboratory from Jen Simmons : cool demo with CSS layouts
- CSS Exclusions and Grid Layout
- Media Query Tips (Managing Media Queries)
- PX, EM or REM Media Queries?
- Advanced CSS selectors that you might not know about, and if you heard, you didn’t use it.
- 8 CSS Tips You Will Not Hate (8 Tips to Write CSS You Won't Hate)
- About: not and specificity (On: not and Specificity)
- How to Make Pop-Up Field Form Names With HTML5 Validation (How to Make Floating Input Labels With HTML5 Validation)
- Content & Display Patterns with Expressive CSS (Content & Display Patterns with Expressive CSS)
- Gradients with pure CSS texture (Textured Gradients in Pure CSS)
- Aleut.css - static framework on Sass, with ideas of BEM, OOCSS and focus on performance and scaling
- grd - compact CSS framework for grids on Flexbox
- The results of a large-scale CSS questionnaire (The Results of The Ultimate CSS Survey)
Javascript
- Decorators in typescript: weapon versus complexity or useless whistle?
- RadioJs podcast, Issue 37: semver, the secret of the attractiveness of node.js, whether the business suit goes to the Frontend, 5 shocking actions that Custom Elements went to get into WebKit and more
- Deep roots of fatigue from Javascript (The Deep Roots of Javascript Fatigue)
- Why I write modules in pure JavaScript (Why I Write Plain JavaScript Modules)
- JavaScript is a dysfunctional programming language (JavaScript is a Dysfunctional Programming Language)
- Six ways to bind the this keyword in JavaScript in React, ES6 and ES7 (6 Ways to Bind JavaScript's this Keyword in React, ES6 & ES7)
- Three ways to display a string in reverse order in javascript (Three Ways to Reverse a String in JavaScript)
- Note on the Ebay Developer Blog: The Path to the Next JavaScript (The Path to JavaScript Next)
- Parsing a fragment of JavaScript code in Hacker News (The Single Piece of JavaScript on Hacker News)
- Introduction to jQuery Deferred Objects (An Introduction to jQuery's Deferred Objects)
- Quick Tip: Install multiple versions of Node.js using nvm (Quick Tip: Install Multiple Versions of Node.js using nvm)
- Futuristic test run engine (ava - futuristic test runner)
- All JS libraries must be written in TypeScript (All JS libraries should be authored in TypeScript)
- Douglas Crockford on the new Seif project (Douglas Crockford: The Seif Project)
- Several new videos on the Netflix UI Engineering: React.js channel for TV interfaces , Netflix JavaScript Talks - RxJS Version 5
- ES6 / 7:
- Arrow functions and bind ()
- es6features.com: Exploring the main features of ES6 (Explore Top ES6 Features)
- Please stop referring to the proposed JS functions as ES7 (Please stop referring to proposed JavaScript features as ES7)
- Framework:
- Creating an icon system on SVG using React (Creating an SVG Icon System with React)
- The sad state of the Backbone ecosystem (The Sad State of the Backbone Ecosystem)
- Leveling Up With React: React Router
- React Router & Webpack in production
- New NPM, simplifying React development (New NPM will simplify React JavaScript development)
- Animations with React, Redux, and d3 (Animating with React, Redux, and d3)
- Angular 2 and the future of HTML5 applications (Angular 2 and the future of HTML5 apps)
- Look, without a server: developing applications with Angular 2 MockBackend (Look Ma, No Server: Developing Apps with Angular 2 MockBackend)
- How to work with asynchronous data in Firebase and Angular (Mastering asynchronous data in Firebase and Angular - Firecasts # 5)
- Plugins:
- Force.js - smooth scrolling and page animation on vanilla JS (but with jQuery support)
- JsSpeechRecognizer - a library for word recognition
- calendar-heatmap - creating a heat map representing time spans with data in the form of GitHub commits
- Substance - wysiwyg-library for editing web content
Browsers
- Testing Firefox 46-beta and Firefox Developer Edition 47
- Developer Edition 47 - User agent emulation, popup debugging, and more
- What's new in Chromium 49 and Opera 36
- Tabs in Chrome for Android are grouped together again by default.
- V8 version 5.0 (V8 Release 5.0)
- Mozilla is preparing to launch a new generation Servo browser engine
- For the browser Microsoft Edge appeared the first three extensions
Sites with interesting design and functionality
- Interactive web installation on the topic of space exploration.
- printedbysomerset.com - a conceptual site with a “cardboard design” and photo-realistic sprite animation
- nuuneoi.com - cool portfolio, implemented in the style of the old eight-bit game
- Vertical scroll site with high-quality parallax effect
- thedabney.com - scrolling site with a minimal design and interesting transition effects
- Impressive websites of web design agencies (40 Impressive Design Agency Websites)
Design
- How can Github be used to collaborate on design
- Lebedev Studio illustrated the working process of a jewelry factory with perfectly looped cubes
- Design each site on Bootstrape (Hey Look, It's Every Bootstrap Website Ever)
- In Defense of Homogeneous Design (In Defense of Homogeneous Design)
- Eight Unintuitive Lessons Learned as a Designer (8 Unintuitive Lessons on Being a Designer)
- What if kids present your ideas? (What if kids presented your ideas?)
- Six inspirational examples of game design use (6 Inspiring Examples of Gamification in Design)
- A collection of graphic interpretations of letters of the Latin alphabet and numbers (Letter Kit)
- Mackey Saturday - designer who created the Instagram Logo (Mackey Saturday)
- Tools and graphic editors:
- 10 very special and useful tricks in sketch
- Collection of the best designer tools
- Prototyping features in Sketch via Silver Flows
- 6 required books about Photoshop in Russian for beginners and professionals
- Global color replacement in Sketch (Global color replacement in Sketch)
- Framer & Sketch: Customized Process (Framer & Sketch: An Intentional Workflow)
- May Day reload for restarting websites and portfolio of web designers
- Adobe has released Experience Design CC (Adobe launches Experience Design CC)
- Preview Experience Release Adobe CC (Project Comet)
- First impressions of Adobe Experience Design (First impressions with Adobe Experience Design)
- What is Adobe XD (or 'Project Comet') and why do you need it? (What is Adobe XD (or 'Project Comet')? And Should You Care?)
- Affinity for Windows version coming soon (Affinity is coming to Windows)
- Typography:
- Cool Kinetic Typography
- System fonts can be beautiful. Web fonts are not a requirement for great typography.
- UX / UI:
- The main tool of every UX expert
- UX Terminology (User Experience Design & Research Jargons)
- UXD and jargon research (User Experience Design & Research Jargons)
- Light and dark in UI design. Question of choice (Light and Darkness in UI Design. Matter of Choice.)
- 7 methods for measuring your site 's UX (7 Ways to Measure Your Website's UX)
- Lessons:
- Detailed tutorial on the design of an application for iOS in Sketch: Part 3 of 3
- Filling Text with Craft in Sketch
- Alignment of skin color in Adobe Photoshop
- New sky for a better view in Adobe Photoshop
- Bright plastic text in Adobe Illustrator
- Creating an illustration of a beacon in Adobe Illustrator (Create a lighthouse in Adobe Illustrator)
- How to Paint Realistic Skin in Adobe Photoshop (How to Paint Realistic Skin in Adobe Photoshop)
- How to make a vintage poster on the theme of travel in Adobe Illustrator and Photoshop (How to Design a Vintage Travel Poster in Adobe Illustrator and Photoshop)
A selection of free designer cookies
- Free vector for animal design
- Mockups for demonstrating the design of business cards (130+ Free Business Card Mockup PSD Templates)
- Best UI Sets (145+ Best Free UI Kits)
- Collection of Credit Card Icons (Free Vectors)
- Engraving Brush Set for Adobe Illustrator (25 Free Linocut & Woodcut Brushes for Adobe Illustrator)
- Brushes for Illustrator (20 High-Quality Free Illustrator Brush Sets)
- Water Color Paint Brush Set (25 Free Watercolor Brush Sets for Skilled Digital Artists)
- UI Kit for Avital Mobile Applications (Avital Mobile UI Kit)
- halogen - industrial sans serif font (download halogen - free industrial font)
- Set of icons on the theme of space and astronomy (AI, Sketch, SVG, PNG) (Freebie: Astronomy & Space Icons (AI, Sketch, SVG, PNG))
- Set of user avatar icons (16 Free Vector Icons For User Avatars)
- Flat Line Icons on Graphic Design Tools (Flat Line Graphic Design Tools Icon Set Freebie)
- Coffee Icons Set (EPS, PNG, SVG) (Freebie: Barista And Coffee Lovers Icon Set (50 Icons, EPS, PNG, SVG))
- Fresh free icons for your design
news
- Twitter: Algorithmic news feed is now activated by default , closes the TweetDeck application for Windows , refutes the intention to increase the number of characters in tweets
- Youtube launches Accelerator - the ability to instantly view cached video
- Alphabet plans to sell Boston Dynamics due to its inability to create commercial products in the next few years.
- Google named the 100 most popular and secure web resources.
- Google announced a change to UserAgent search robot for smartphones
- Scientists at Stanford have created a program that puts your face on other people.
- It is finished! Microsoft began updating Lumia to Windows 10 Mobile
- Media: Uber ordered 100 thousand Mercedes S-Class from Daimler
- SoundCloud made a deal with one of the world's largest publishers Sony Music
- A speech synthesizer will be developed for Wikipedia
Entertaining
- Experience BBC, KIA and Unilever in the application of artificial intelligence
- In quanta everyone can
- Blemish Industry: Like Sex, Drugs, and Rock and Roll Create New Big Technology Companies
- Speak the word about the poor bitcoin
- Two of the three developers have independently learned programming - Stack Overflow study
- As we went to ThemeForest and started making money on templates for websites
- All about Windows 10 versions - what is Threshold1, Threshold2 and Redstone
- Computer learned to calculate drunk tweets
- To whom the field is not too tight . Ten entertaining and instructive stories about the Great Fermat theorem
- Quantum: Computer . What are powerful quantum computers and can they replace conventional ones?
- Keepers: What do our gadgets already know about us?
- The most massive "tricks" Anonymous
- Apple vs. FBI: Strike Back 2
- Steve Wozniak spoke about Apple’s conflict with the FBI
- “Neural networks can not explain the rules of the game of go - it will learn them themselves” Interview with the developer of artificial intelligence “Yandex” Alexander Krainov
- Office shackles: Why do people really hate their work
- Metronome means vanilla Google
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/279709/
All Articles