Digest of fresh materials from the world of frontend, design and IT for the last week №210 (May 2 - 8, 2016)
We renamed ourselves a bit and bring to your attention another selection with links to useful resources and materials from the field of frontend and design.
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 |
| Entertaining |
Web development
Dangerous target = "_ blank"- How you can use responsive web components today
- Web performance: Why Performance Matters
- Preparing to use WebGL
- 14th edition of Web Standards: Node 6, DOM, graphics, pure CSS, death in open source, prefixes
- Frontflip Podcast, release 17 : Vkontakte redesign: how to do well and avoid frontend hyip. Visiting Vyacheslav Shebanov (VK, Twitter) and Evgeny Naidyyshev (VK).
- Why Polymer? Web components in production, part 1
Web Application Security - Report by Oleg Mokhov
Atom celebrates its biennium- Comparison of animation techniques and technologies : CSS, Canvas, SMIL, Web Animations API, WebGL, GSAP, VelocityJS, jQuery, Snap.svg, Mo.js, Three.js, React-Motion, and others (A Comparison of Animation Technologies)
- HTML5 Accessibility
- History of tips on how to create a “well-made website” during different periods of web development (The history of 'this website is well-crafted' hints)
- Google PageSpeed optimization to 100 in WordPress
- Tips for creating an affordable SVG (Tips for Creating Accessible SVG)
- The current state of web forms, or why there are UI libraries (The current state of web forms)
- Relax - New generation CMS based on React, Redux, GraphQL (New generation CMS on top of React, Redux and GraphQL)
- Interview with Brendan Eich, creator of JavaScript and CEO of Brave (Interview with Brendan Eich, CEO of Brave)
- shots - autocreation of animated gif-ki to view the history of the site from the archive Wayback Machine
- Animated distortion effects due to hot air using WebGL (Animated Heat Distortion Effects with WebGL)
- Weekly selection of beautiful effects on CSS / SVG / JS # 36
- Stack Overflow: How We Deploy - 2016 Edition (Stack Overflow: How We Do Deployment - 2016 Edition)
- HTTP / 2
- What is the HTTP / 2 protocol and how is it useful for sites?
- Detailed HTTP / 2 tutorial (The Ultimate Guide To HTTP / 2)
- What is the difference between HTTP and HTTPS (What is the Difference Between HTTP and HTTPS?)
CSS
- What are CSS modules and why do we need them?
- Moving from SCSS to PostCSS: my experience
- The complete guide to pseudo-classes and pseudo-elements . Translation of An An Ultimate Guide To CSS Pseudo-Classes And Pseudo-Elements article on prgssr.ru
- Unfolding Critical CSS: Unfolding Critical CSS
- Refactoring Legacy CSS
- So you want to create a PostCSS plugin (So you want to make a PostCSS plugin)
- “Do Better With Flexbox” report slides
- WAIT! Animate is an online tool to simplify animation creation by easily adding animation types, frame rates and delays.
- Were we wrong about the vertical rhythm all this time? (Were We Wrong About Vertical Rhythm All Along?)
- CSS4 and Fallback with Sass (CSS4 Variables with Fallbacks Using Sass)
- Expressive CSS: the styles you designed them (Meaningful CSS: Style Like You Mean It)
- Stop the violence: the danger of pixel-size font (Stop Maiming Bodies: The Perils of Pixel Font-Size)
- View CSS Grid Layout (Introducing the CSS Grid Layout)
- Record a report about Roud Seddon about the Houdini project
Javascript
- JavaScript in Russian - pycckuu.js
- JavaScript modules: building modules
- Dawn Javascript of the developers of the full stack (The Rise of the Full Stack JavaScript Developer)
- How to make smooth scrolling on vanilla javascript (How to Implement Smooth Scrolling in Vanilla JavaScript)
- 12 extremely useful JavaScript techniques (12 Extremely Useful Hacks for JavaScript)
- Best Practices for Creating Popular Open-Source JavaScript Libraries (Forward 4 Web Summit)
- Tic-Tac-Toe.js: redux pattern in pure javascript (Tic-Tac-Toe.js: redux pattern in plain javascript)
- Comparison of NW.js & Electron (2016 Edition)
- From JavaScript to TypeScript Pt. I: types and variables
- Creating modular applications with local npm modules (Build modular application with npm local modules)
- Hero Node - a lesson on the module Node.js Request (Node Hero - Node.js Request Module Tutorial)
- Confusion about Saga pattern
- NativeScript 2.0 is the best way to create cross-platform native apps (NativeScript 2.0 - the best way to build cross-platform native mobile apps)
- Framework:
- React for Angular Developers
- Angular 2 has gained the release status of the candidate
- Angular 2 Style Guide (Write Angular 2 with style)
- Angular Augury - Chrome Dev Tools extension for debugging Angular 2 applications
- Angular 2 Best Practices: Change Detector Performance (Angular 2 Best Practices: Change Detector Performance)
- Why immutability matters in React (Why immutability matters in React)
- Ok, you were right - React is awesome (Ok, you were right! React is awesome!)
- Isomorphic React and SEO: The Benefits of SPA on React JS (Isomorphic React and SEO: The Benefits of a Single Page App on React JS)
- Xblocks is a library combining X-Tag and React (Xblocks javascript library)
- Improving Angular performance with one line of code (Improving Angular performance with 1 line of code)
- How to create a to-do list application with React, Redux, and Immutable.js (How to Build a Todo App Using React, Redux, and Immutable.js)
- lovli.js - starting package for developing applications on React + Redux with rethinkdb / horizon base and Express for server
- Ionic Framework: the most comprehensive guide (Ionic Framework: A definitive 10,000 word guide)
- ES2015:
- Accelerate tests for multi-node code with ES6 and babel (Faster tests for multi-node code with ES6 and babel)
- Using ES2015 in applications today (Using ES2015 in Your Applications Today - Forward 4 Web Summit)
- JavaScript Forward: ES6 and ES7 - Forward 4 web summit (JavaScript Forward: ES6 and ES7 - Forward 4 Web Summit)
- Plugins:
- Tribute.js: a new lightweight and easy to use Javascript plugin to add mentions in the text (Mention)
- bwip-js - generate barcode images (bwip-js - barcode Writer in Pure JavaScript)
- jqImgBlurEffects - jQuery plugin for SVG Blur effects on images
Browsers
- Firefox Developer Edition 48 : Firebug features, editable repository, inspector enhancement, and more
- What's new in Chromium 50 and Opera 37
- According to Netmarketshare, Chrome has finally become more popular than Internet Explorer.
- Launch of Opera 37 browser
- Chrome has overtaken Internet Explorer according to Net Applications
- Retrospective: One Year for Microsoft Edge (Looking Back: One Year of Microsoft Edge)
- Accelerating the loading of a page with WOFF 2.0 fonts in Microsoft Edge (Speed up page load with WOFF 2.0 fonts in Microsoft Edge)
Design
- Creating Sketch Patterns
- Using Dynamic Data with Flex Layout in Sketch
- Complex Product Design: Thoughts on Complexity Management
- The perfect menu for mobile apps
- Introduction to Material Design for Beginners (The Beginner's Guide to Google's Material Design)
- Infinite Scrolling vs. Pagination
- Pagination Best Practices
- Reducing JPG size (Reducing JPG File size)
- Fundamentals of UI Design
- How fast should UI-animation be? (How fast should your UI animations be?)
- Best practices for page-by-page navigation (Pagination Best Practices)
- Design illustrated in three graphs (Design, Illustrated in 3 Charts)
- Seven Things Every Designer Should Know About Accessibility (7 Things Every Designer Needs to Know about Accessibility)
- What happened to google maps? (What Happened to Google Maps?)
- How to draw creatively using photo for reference (How to Draw Creatively Using Photo References)
- Evaluation of multi- headset design (The Value of Multi-Typeface Design)
- Artists of the World: Italy (International Artist Feature: Italy)
- How to create a bold, but effective design with a split in half layout (How to Design a Daring But Effective Split-Screen Layout)
- Creating an Icon Set in Affinity Designer (Icon Set in Affinity Designer)
- How to add texture to a flat illustration in Adobe Photoshop (How to Add a Texture in Adobe Photoshop)
- Photo manipulation based on the game "Quantum Rift" in Adobe Photoshop
- Vintage Hipster Style Logo Design in Adobe Illustrator.
- What do font names mean? (What Do Font Names Actually Mean?)
- The Value of Multi-Typeface Design
A selection of free designer cookies
- Resource Cards - hub with links to resources (Resource Cards - Remember to Bookmark)
- Mock-ups to demonstrate the design of book covers and posters (Free Download: 30 PSD Mock-ups)
- Mockups with smartphones and tablets (65+ Free Smartphone & Tablet Mock-up Templates)
- Packaging Illustrations (Freebie Packaging Illustrations)
- Concrete Texture Textures (Free Concrete Textures Download!)
- Profi Icon Set (PROFI FREE ICON SET)
- Icons on the theme of beauty salons (Hair Salon Free Icons)
- Set of icons on the theme of meditation and spa (AI, PDF, SVG, PNG) (Freebie: Meditation & Spa Icons (AI, PDF, SVG, PNG))
- Icon Sets (Free Icon Sets to Download Today)
- Set of musical instrument icons (39 icons, SVG, PNG) (Freebie: Musical Instruments Icons (39 Icons, SVG, PNG))
- Best Icon Fonts (65+ Best Free Glyph Icons Download)
- Free handwritten fonts in your collection
- Publica Sans Regular - sans serif font (Publica Sans)
- Annabel - an elegant decorative retro serif font (Annabel Regular Font)
- Top geometric fonts for 2016 (36+ Amazing Free Geometric Fonts 2016)
News and entertaining
- The databases of the largest mail services have been hacked - more than 57 million Mail.ru accounts are under threat
- Last chance for free upgrade to Windows 10
- Named the 50 most prominent devices in history
- Post-PC: Convergence Started
- The virtual reality. Sectors that will change virtual reality
- A 30-year analysis refuted the connection between cell phones and brain cancer.
- Chemists turned the molecule into a cryptographic machine.
- How artificial intelligence will affect journalism and the work of newsrooms
- High-tech to help the blind: the present and the future
- How the former head of Windows development abandoned the laptop and switched to the iPad
- Funny job test invitation for web developer
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/283172/
All Articles