The digest of interesting materials from the world of web development and IT for the last week №208 (April 18 - 24, 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
- What is really important: focus on critical tasks . Translation of the article What Really Matters: Focusing on Top Tasks
- Getting started with Browserify . Translation of the article Getting Started with Browserify
A list of everything that can be in the head section (A list of everything)- Ideal HTTP Performance
- Website speed optimization : additional tips for speeding up (Website speed optimization: Additional tips for a faster website)
- Bootstrap 4 Cheat Sheet (Bootstrap 4 Cheat Sheet)
- Reduce PNG file size (Reducing PNG file Size)
- How to create a static site with Metalsmith (How to Create a Static Site with Metalsmith)
- Front-end Developer Documents and Guides (No. 8) (20+ Docs and Guides for Front-end Developers (No. 8))
- Collection of online tools: site designers, logos, prototypes, logos, pages, etc.
- SVG:
- SVG: a little about my experience (SVG: a little about my experience)
- Styling Text with SVG Filters (Styling Text With SVG Filters)
- Radial controls using HTML5, CSS, JS and SVG
Convert SVG animation to GIF (Convert SVG Animation to GIF)- Adaptive logo composition using SVG (Responsive Logo Composition With SVG)
- Boxy SVG: fast, simple, free SVG editor
- Weekly selection of beautiful effects on CSS / SVG / JS # 34
CSS
Low FPS while scrolling the page. Problem solving background-attachment: fixed- Houdini: one of the most impressive CSS projects you've never heard of
- Finally, CSS in javascript! Meet CSSX (Finally, CSS In JavaScript! Meet CSSX)
- You might not need a CSS framework (You might not need a CSS framework)
- Improving the initial letter with “initial-letter” (Better CSS Drop Caps With “initial-letter”)
- Alphasights: how we use BEM to create modular CSS
- Analyze your CSS with stylelint
- Flexbox: practical examples
- One mistake, which is any CSS framework. Even in your (One thing every CSS framework got wrong. Even yours.)
- Getting Started with PostCSS: A Quick Guide for Sass Users
- Initial, Inherit, Unset, and Revert
- MaintainableCSS - another methodology for writing modular, scalable and supported CSS
- Inline CSS at Khan Academy: Aphrodite
- Enhance your CSS animation with Level Up Your CSS Animations with Cubic Bezier
- Flexbox Patterns are examples of using Fexbox (Build awesome user interfaces with CSS flexbox. Examples and source code included.)
- How to Create Sticky Navigation with CSS (How to Create Sticky Navigation with CSS)
- Multiple.js - Experiment with a common background for various elements using CSS
- Data Types in Sass (Data Types in Sass)
- What is CSS Modules? Visual introduction (What are CSS Modules? A visual introduction.)
Javascript
- JS Loader + template engine or history of another
- Proper error handling in javascript
- NaN is not "not a number"
- JavaScript Modules: A Beginner's Guide
- Redefining modern javascript. Small libraries that do well one thing - is it a blessing or a curse? (Rethinking modern JavaScript development)
- Polite Introduction to Javascript TDD (A Gentle Introduction to Javascript Test Driven Development: Part 1)
- Battle for JavaScript: 4 leading frameworks (Battle of JavaScript: The 4 Frameworks Leading the Pack)
- Future of JavaScript: 2016 and beyond (The Future of JavaScript: 2016 and Beyond)
- Why should not use jQuery, but simple JS (Why you shouldn't use jQuery but plain Javascript)
- A word of advice: functional expressions or function declarations (Quick Tip: Function Expressions vs Function Declarations)
- A comprehensive look at events in jQuery (A Comprehensive Look at Events in jQuery)
- You don't know Node: a quick introduction to core functionality (Quick Intro to Core Features)
- Parsing a CSV file using JavaScript (Parsing a CSV File With JavaScript)
- Development of small JS components WITHOUT frameworks. You can also write on vanilla JS! (Developing small JavaScript components WITHOUT frameworks)
- LazyDOM - experiment to bring a virtual DOM to the browser natively (LazyDOM)
- ES6 / ES7:
- ES6: More about proxies traps from the inside . Translation of the article More ES6 Proxy Traps in Depth by the community css-live.ru
- Creating Modules in JavaScript with ES7 and Babel (Creating Modules in JavaScript with ES7 and Babel)
- Better JavaScript using ES6 Pt. II: A Deep Dive into Classes , Pt. III: Cool Collections & Slicker Strings
- Framework:
- React Amsterdam 2016 . A small review from Artem Sapegin
- Lessons learned at React Amsterdam (Lessons learned at React Amsterdam)
- React Native: year review (React Native: A year in review)
- Babel React Optimize
- Angular 2 Vs. React
- Angular 2 + React Native
- Incredible JavaScript history framework Express (The Unbelievable History of the Express JavaScript Framework)
- Build Angular with a webpack (Bundling Angular with webpack)
- Quick Lesson: Universal React, with server rendering (Quick Start Tutorial: Universal React, with Server Side Rendering)
- Testing in React: we start (Testing in React: Getting Off The Ground)
- Quick setup of Angular 2 with components and a router component (A Fast Angular 2 Setup)
- Video from EmberConf 2016
- EmberConf 2016: Bonus Video - How to Start an Ember Revolution by Patrick O'Doherty (How to Start an Ember Revolution by Patrick O'Doherty)
- Plugins:
- Modaal - a new plugin for modular windows with support for accessibility WCAG 2.0 Level AA
- kewler - library for working with colors in HEX format
- Promise Runner - for working with functions in the asynchronous style (Promise Runner:
- Excel-style text fields (Tabular Input Fields)
- Scrollbear - timely updates the position of the scrollbar when loading images, eliminating the effect of "jumping" text
- beautify-text - auto punctuation marks and quotes
- search-index - full-text search engine for the browser and Node.js
Browsers
- Opera has built in a free VPN browser
- Yandex released Browser Update Designer
- Google Chrome made you think about procrastination in social networks
- Chrome Browser Mobile Browser Exceeds 1 Billion Users
- Creating Extensions for Microsoft Edge (Building Extensions for Microsoft Edge)
- F12 Edge Developer Tools
- WebM, VP9 and Opus support in Microsoft Edge
Design
- Logo design for responsive websites
- The Importance of White Space in Web Design (The Importance of Whitespace in Web Design)
- Future of Typography (The Future of Typography)
- AnimateMate plugin creating animation right in Sketch
- Prototyping iOS apps in Sketch and Flinto: Part 1
- OOUX: The Basis for Interactive Design (OOUX: A Foundation for Interaction Design)
- What does UX design look like? (What does simplicity in UX design look like?)
- Space in web design
- How to be more organized when developing a UI (How To Be More Organized While Designing UI)
- Using Atomic Design in Modern Web Development (Using Atomic Design in Modern Web Development)
- Epic UX failures (and what lessons we can learn from this) (Epic UX Fails (and the Lessons We Can Learn))
- New logo and identity for O Street (New Logo and Identity by and for O Street)
- iOS 10: wishes and concept videos (iOS 10: Wishes and Concept Video)
- The history of creating a set of illustrations on the theme of "Star Wars" (From a Gallery Far Far Away | CS16 Workshop)
- The history of the creation of the game for Apple watches "Break this Safe" (Break this Safe)
- Color in design systems (Color in Design Systems)
- How we did the redesign of Airbnb (The Way We Build: Airbnb Design)
- How people open passwords in a text field (How people unmask passwords)
- Selected resources for marketers and designers (Email Toolbox)
- Prototyping at the new level with Framer (Prototyping just went to the next level with Framer)
- Why Spotify navigation is broken (Why Spotify's navigation is broken)
- #SketchTip: How to Share Artboards with Your Team (#SketchTip: How to Share Artboards with Your Team)
- Ten Photoshop Plugins to Speed Up Web Design (10 Photoshop Plugins to Speed up Your Web Designs)
- The First Roman Fonts
News and entertaining
- Microsoft and Google have agreed to end regulatory proceedings against each other
- Apple has updated the MacBook and MacBook Air
- Team to bypass Windows AppLocker fits in one tweet
- FBI paid over a million dollars for hacking a terrorist’s iPhone
- Alphabet shares fell 6% after the report for the I quarter of 2016
- Google began to generate quick responses from user comments
- Google has developed a strategy to help owners of hacked sites
- How to get into big e-sports?
- Top 5 best startups in 2015
- Ultra-thin LEDs allow electronic devices to be worn on the skin
- Biotech: the laws of growth
- "Facebook wants to be a new Internet"
- The whole truth about Google interviews: beyond the NDA
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/282325/
All Articles