Anniversary digest of interesting materials from the world of web development and IT for the last week No. 200 (February 22 - 28, 2016)
We offer you a commemorative collection with links to useful resources, interesting materials and IT-news.
Our digests weekly go to habrahabr.ru from April 13, 2012 , and thanks for still reading them :)
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 .
Our digests weekly go to habrahabr.ru from April 13, 2012 , and thanks for still reading them :)
| Web development |
| CSS |
| Javascript |
| Browsers |
| Design |
| news |
| Entertaining |
Web development
DevTips: Web Developer Tips (49-64)- Use Gulp to speed up wordpress development.
GitHub abandoned font icons in favor of SVG- If you know Sass, you know ES2015 , says Yuna Kravets (If You Know Sass, You Know ES2015)
- Interview with Juno Kravets, IBM front-line developer, web activist, and generally a great smart girl (An Interview with Una Kravets)
- Setting up WordPress under AMP (Setting up WordPress for AMP: Accelerated Mobile Pages)
- AMP is embedded in WordPress by default.
- Productive Content Policy : A Standardized Alternative to AMP (Content Performance Policies (CPP): A Standardized Alternative to AMP)
- The Current State of Telephone Links (The Current State of Telephone Links)
- Let's try to work better with accessibility on the web (Let's Try Harder With Web Accessibility)
- The popularity of preprocessors on CodePen . Quite unexpected results.
- Grunt or Gulp? What to choose and why Gulp? (Grunt or Gulp? Which one to choose and why Gulp?)
- Preload: what is it good for? (Preload: What is it good for?)
- How to use Snippets in Atom (How to Use Code Snippets in Atom)
- Spectacular web:
- Animated mo.js icons
- 3D transistor receiver. (Retro Curator.)
- Weekly selection of beautiful effects on CSS / SVG / JS # 26
CSS
- Overview of "object-fit" and "object-position" . Translation of the article A Quick Overview of `object-fit` and` object-position by the community css-live.ru
- 6 reasons to start using Flexbox (6 Reasons to Start Using Flexbox)
- CSS regression testing (CSS regression testing)
- About writing CSS in JavaScript (You got your CSS in my JavaScript)
- Explaining CSS Custom Properties (CSS Custom Properties)
- REM vs EM - a great discussion (REM vs EM - The Great Debate)
- CSSCO - photographic filters recreated by CSS and inspired by VSCO and CSSgram
- PostCSS.parts - directory with PostCSS plugins
- How Sass Maps is used for Design Tokens and how it makes developers happy
- Mixins are better for performance (than extend) (Mixins Better for Performance)
- Managing Typography in Large Web Applications (Managing Typography on Large Apps)
- Flexbox Reading List: The Flexbox Reading List: Techniques and Tools
- How to validate Sass / CSS with Stylelint (How to lint your Sass / CSS properly with Stylelint)
- Distorted Vision Effect (Squigglevision)
Javascript
- Subtleties Javascript / Node.js. Increase productivity tenfold
- Object Oriented JavaScript: Inheritance
- ES6:
- All aboard the ES6 train (All Aboard the ES6 JavaScript Train)
- ES6, ES7, and Looking Forward
- Using ES6 / ES2015 in your project using Babel and Gulp (Start Using ES6 / ES2015 in Your Project With Babel and Gulp)
- Framework:
- Perfect UI framework
Video from React.js Conf 2016- Instacart: Why we switched to React
- Deep debugging with React Perf (A Deep Dive into React Perf Debugging)
- New Versioning Scheme React (New Versioning Scheme)
- NFL + React
- Draft.js - a simple text editor for React
- Mastering $ watch in AngularJS (Mastering $ watch in AngularJS)
- Angular-xeditable - a set of directives for creating editable elements for your project
- Using multiple dependencies in Angular.js applications (Using multiple dependencies in an Angular.js application)
- How to configure an AngularJS application using environment variables (How to configure your AngularJS application using environment variables)
- Explanation of the definition of changes in Angular 2 (Angular 2 Change Detection Explained)
- Announcement of the first LTS Ember release (Announcing Ember's First LTS Release)
- How to Create Your First JS Schedule (How to Create Your First JavaScript Chart)
- Simple Augmented Reality with OpenCV, Three.js and WebSockets (Simple Augmented Reality With OpenCV, Three.js and WebSockets)
- The Difference Between Good, Bad and Good JavaScript Developers
- Quick Tip: How to create and manage arrays in javascript (Quick Tip: Arrays in JavaScript)
- Introduction to Functional Reactive Programming with RxJS (Introduction to Functional Reactive Programming with RxJS)
- Misconceptions about tools in JavaScript (Misconceptions of Tooling in JavaScript)
- Web Crawler with Node, PhantomJS and Horseman (Web Crawling with Node, PhantomJS and Horseman)
- MobX - simple, scalable state management (MobX - simple, scalable state management)
Browsers
- Opera Presto updated to version 12.18
- Why you should stop supporting IE10, IE9 and IE8 (Why You Should Stop Supporting IE10, IE9 and IE8)
- What's new in Chrome DevTools?
- Opera is working on a new browser for desktop devices (Opera Working on New Desktop Browser Amid Company Sale)
- Debugging JS code in Chrome for VS Code (Introducing Chrome Debugging for VS Code)
- Baidu Browser Spies on Users
- Google Chrome caught buying paid links
Sites with interesting design and functionality
- special.bose.eu - animated promo site with non-standard layout and navigation
- nbafaceoff.com GO - creative basketball site
- wonderlandindustry.com - creative website design studio
- Site bulgari with cool page turning effect and other animations
- airewestperth.com.au - one-page site with simatichny effects when scrolling
- herdl.com is another site with interesting effects when scrolling.
- animalmade.com - a site with impressive animation and funny illustrations
- warof1996.com - gaming website on canvas
Design
- Efficient process of creating responsive design (Efficient Responsive Design Process)
- New typography on the Internet (The New Web Typography)
- Text Features (Futures of text)
- How to make the logo take: 8 steps (How to Get a Logo Accepted: Eight Steps To a Better Design Workflow)
- Google introduces Resizer - an online tool for testing responsive sites (Introducing Resizer)
- Freedom from flat design (Unflattening design)
- UI / UX:
- UX design in 14 easy steps. Part 1
- UI, UX: who does what? A Guide for Technical Designers (UI, UX: Who Does What? A Designer's Guide To The Tech Industry)
- Basic principles of UI design (The core principles of UI design)
- Five ways to offer the best UX for people with disabilities (5 Ways to Offer a Better UX to Disabled Users)
- Graphic editor:
- 5 tips to speed up work in Sketch
- Quartz Composer, Facebook Origami and Sketch for prototyping the Apple TV interface
- Using Shared Styles and Symbols in Sketch (Using Shared Styles and Symbols in Sketch)
- Fill text in Sketch (Text Fills in Sketch)
- Using the Craft plug-in for Sketch and Photoshop (Making Crafty UIs with Sketch and Photoshop)
- Light effects with Photoshop (28 Powerful Photoshop Lighting Effects)
- How to create delicious toast icons in Adobe Illustrator (How to Create Delicious Toast Icons in Adobe Illustrator)
- How to design a retro poster in Adobe Illustrator (How to Design a Retro Poster in Adobe Illustrator)
- Even spreadsheets can be made attractive (Spreadsheets Can Be Pretty, Too)
- Behind the Scenes: Behind the scenes: Curbed design process
- The history of the creation of Mummies Dense (New Logo and Identity for the Met by Wolff Olins)
- Are you a scientist or an artist? (Are You a Scientist or an Artist?)
- Tips for improving your photo manipulation skills (10 Tips for Improving Your Photo Manipulation Skills)
- Seven defining trends in web design in 2016 (7 Trends That Will Define Web Design in 2016)
- How to do user experience research professionally (How To Conduct User Experience Research Like A Professional)
- An open letter to novice designers (An open letter to newbie designers)
- How to create a brochure (How to Make a Brochure)
- NodeJS updated logo
A selection of free designer cookies
- Flowers in vector format
- Spring patterns for your design
- Ice textures for photoshop (28+ Free Ice Textures For Photoshop)
- Set of vector graphics and logo on the theme of motorcycles (Free Motorcycle Vector Graphics & Logo Template Kit)
- Pexels - stock photos with API (Pexels - Free Stock Photos with API Available)
- Foodshot: high-quality images of food (Foodshot: Free Images of - well - Food)
- Icon sets: shop, products, science, avatars and summer (Free Icon Sets: E-Commerce, Food, Science, Avatars And Summer)
- Icon Collection with Flat Design by DryIcons (Freebie - Awesome collection of icons from DryIcons)
- Icons with the design and delivery of purchases (AI, EPS, SVG, Sketch, PSD, PNG) (Freebie: Checkout & Delivery Icons (AI, EPS, SVG, Sketch, PSD, PNG))
- 365cons - new icon every day
- 525 Icons - Icon Font (525 Icons - Free Web Icon Font)
- Vintage fonts suitable for retro design (30 Vintage Fonts Perfect for Retro Style Design2)
- More than two hundred fonts (200+ Best Free Fonts)
news
- Google AMP appeared in mobile search
- Facebook:
- Facebook launched additional “Reactions” as an enhanced Like button
- How different emotions and reactions in Facebook will affect the management of company communities
- Facebook has created an ultra-accurate population density map.
- Facebook launches live streaming on Android
- How Russian and foreign brands have responded to new emotion buttons on Facebook
- Facebook will create social virtual reality
- Facebook will create a global mesh network
- "Not everything in life can be liked . " Facebook product design director Joff Tian wrote a note on Medium about how his team worked on emotion buttons.
- Linguist Maxim Krongauz: “Facebook has stopped somewhere at the level of the Ellochka-cannibals”
- The sad situation with the stagnation of the development of Skype for Linux
- YouTube has a feature for blurring objects, including moving objects.
- WSJ: Google, Microsoft, Twitter and Facebook will support Apple in court against the FBI
- Bill Gates did not defend the FBI in conflict with Apple
- Google has the function of sending an address to the phone
- Google helps news sites protect themselves from DDoS attacks
- Voice typing added to Google Docs
Entertaining
- Web. History of one technology
- Rating of programming languages ​​from RedMonk: January 2016 (The RedMonk Programming Language Rankings: January 2016)
- Unsuccessful bid: how the Yahoo empire rolled
- Top 5 best announcements MWC 2016
- Say no: Apple vs Big Brother
- What is the secret of Google breakthroughs? Killing your own projects
- Why alternatives to likes on Facebook are such
- About cybernetics, linear programming and sociology
- "Copyright should not be": Interview with the programmer, who arranged the war paid scientific articles
- Key trends of the Internet of things for 2016
- Honest Guide to Digital Professions
- Video of the day: I walk, walk and wear © robot Atlas
- The game "Snake" a new generation
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/278127/
All Articles