The digest of interesting materials from the world of web development and IT for the last week №191 (December 20 - 27, 2015)
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
Price of using frameworks- Layout letters: 60 useful resources, guides and research
- WebGL for everyone
- Creating a website. Course young fighter
- The Google micromarking tool now shows AMP errors
- Explaining about the GSP-format: how to add a video from YouTube to a letter?
Responsive images have already appeared in the WP core (Responsive Images Now Landed In WordPress Core)- Why don't your images use Chroma-Subsampling? (Why aren't your Images using Chroma-Subsampling?)
- Getting started with progressive web apps (Getting started with Progressive Web Apps)
- Reimagining Single-Page Applications With Progressive Enhancement
- About support for SVG in letters (A Guide for SVG Support in Email)
- HTML5 Interviewing Life Guide (The Vital Guide to HTML5 Interviewing)
- What was at the top of GitHub in 2015 (What topped the GitHub charts in 2015)
- Stackoverflow 2015 Developer Survey
- How the Web Works: Part 1, for beginners , Part 2: The client-server model and the structure of web applications (How the Web Works)
- Front-end tools: some of my finds in 2015 (Front-End Tools: Some of My Favorite Finds of 2015)
- Combining programming and teaching in one career (Combining coding and teaching into a career)
- Service Workers:
- Beyond Offline . 7 recipes for using Service Workers from Mozilla developers
- Optimizing SVG loading with the Service Worker (Optimizing SVG load with Service Worker)
- Getting Started with the Service Worker Toolkit (Getting started with the Service Worker Toolbox)
- Spectacular web:
- Weekly selection of beautiful effects on CSS / SVG / JS # 18
- Great overview of beautiful multi-level menus with codepen
- A spectacular page scrolling progress indicator (Reading Progress Indicator)
CSS
- Cool CSS: Approaching Sass Style Sheets as a Program
- Methodology CSS Modules
- Flexboxes say goodbye to experimental status
- Choose between min-width and max-width in media queries (Choosing between min-width and max-width media queries)
- How to create flexible templates using Susy and Breakpoint (How to create flexible layouts with Susy and Breakpoint)
- Expressive CSS - another static framework
- A Responsive Guide to Type Sizing
- Flexbox usage patterns with code and examples
- Less. Beginner's Guide
- The strange work of the `flex-grow` property (` flex-grow` is weird. Or is it?)
- About the Flexbox Grid in Foundation 6
Javascript
- Thinking out loud about TypeScript
- What the JavaScript market will look like in 2016
- JS (Simplified JavaScript Jargon) Simplified Jargon
- Javascript Fatigue (Fatigue Javascript)
- JavaScript: 2015 Review (JavaScript: 2015 in Review)
- JavaScript: explanations in simple words (JavaScript: Explained in Simple Words)
- Remy Sharp: How Tabs Should Work (How Tabs Should Work)
- Framework:
- Quick start in 5 minutes with Angular 2
- Angular 2 for React developers
- Stop styling React components with JS (Stop Styling React Components with Javascript)
- Create an Angular 2 build with Gulp, TSLint and DefinitelyTyped
- ES6:
- ES6 Rest / Spread, Defaults and Destructuring
- ES2015 - some features that you will always use (ES2015 - Some features you always always use)
- Tree-shaking with webpack 2 and Babel 6 (Tree-shaking with webpack 2 and Babel 6)
- Joy circuit with ES6 (The Joys of Block Scoping with ES6)
- bala.js - jQuery killer in 400-minute-shuffle code * tutorial
- Sharer.js - create custom elements for sharing in social networks
- Installing past or future versions of npm packages (Installing past or future versions of npm packages)
- How Vorlon.js helps improve your web code (How Vorlon.js Helps You Improve Your Web Code)
- RxJS is beautiful. Why did I switch from it? (RxJS is great. So why have I moved on?)
Browsers
- Browser Wars: The Story of Confrontation between Netscape, Internet Explorer, Mozilla Firefox, and Google Chrome
- Push notifications in Firefox 44 and up
- Testing Firefox 44-beta and Firefox Developer Edition 45
- FireExx 45 will show WebExtensions, Chrome-compatible add-on development interface.
- Firefox 45 will support temporary installation of unsigned add-ons.
- Developer Edition 45 - Animations, Memory Tools and More
- Google will stop supporting SHA-1 in Chrome ahead of time
Sites with interesting design and functionality
- The most visited sites of the Russian Federation, the United States and China according to Goldman Sachs
- The first website was launched 25 years ago.
- qz.com/gift-guide - one-page horizontally vertical site
- cryptarismission.com - a site with impressive effects on canvas and pseudo-3d
- newdealdesign.com - a site with an unusual effect of loading
- Social wars
Design
- Interview at UX Designer
- Landing page. What. What it consists of. Kinds. Work process
- Results of the year:
- 20 best concepts in the style of Material Design for 2015 - the choice of MaterialUp
- Take a look at the design of 2016 (A Look Back at Design in 2016)
- Top Design Articles on Medium in 2015 (Medium's Best Design Writing of 2015)
- The best in design in 2015 according to Muzli (Muzli choices in the design world for 2015)
- Year in Design
- DN review in 2015 (DN Overview of 2015)
- Pingdom Year Review (Year in Review)
- The best and worst identity of 2015: part I: the most outstanding , part 2: review of the best (End of the Year List The Best and Worst Identities of 2015)
- Graphic editor:
- How did Sketch make Adobe improve Photoshop? (Has Sketch App Forced Adobe To Improve Photoshop?)
- Convenient IOS grid for the design of mobile applications in Sketch
- Copy & Paste Guides - Plugin for copying and pasting guides.
- Prototyping in Marvel and Sketch: part 2 of 2
- 5 ways to move from tutorials towards a professional designer (5 ways to move from tutorials to pro designer)
- A practical guide to responsive mobile-first design (A-Hand-On Guide to Mobile-First Responsive Design)
- 9 technical trends that change web design (9 tech trends that will change web design)
- How to train a person: design for healthier habits (How to Train Your Human: Habits)
- Do not scold Steve Harvey: bad design caused a fiasco on Miss Universe (Don't Blame Steve Harvey: Bad Design Caused the Miss Universe Fiasco)
- Exploring Shapes to Create Star Wars Characters: A Guide for Non-Designers
- Illustrations and graphic design for the game “Secret Hitler” (Secret Hitler Illustration & Graphic Design)
- How I "see" in reality (How I really 'see')
- About the redesign of the Airtable iPhone application (Putting a Database in Everyone's Pocket)
- Interface animations. Motion Force (Interface Animation. The Force of Motion)
- Unclaimed Application Redesign: Yelp (An Unsolicited App Redesign: Yelp)
- Goodreads redesign concept (Reimagining Goodreads)
- What virtual reality can teach about UX (What VR Can Teach Us About UX)
- Manuscript Art by Dina Rodriguez (The art of hand lettering by Dina Rodriguez)
- How to make sure the development team understands the design? (How do you ensure that the dev team understands the design?)
- Adobe's Comet project: what to expect from a public beta in 2016 (Adobe’s Project Comet: Beta)
- History of the creation of the Chinese font (The long, incredibly tortuous, and fascinating process of creating a Chinese font)
- Lessons:
- Sketch Christmas Icons Design
- Apply texture to 3D text in Adobe Photoshop
- Scattering 3D Text in Adobe Illustrator
A selection of free designer cookies
- Book: Guide to creating wireframes (for designers, PMs, engineers, and others) (Free Ebook: The Guide to Wireframing)
- Christmas resources for designers (Christmas Freebies for Designers)
- Vector lights for your design
- Vector Christmas Graphics (15 Free Awesome Christmas Vectors for Your Design Toolkit)
- Colored outline icons (SVG, PNG) (Freebie: Colored Line Icons (SVG, PNG))
- Icons and graphic elements for new year design
- Set of Christmas outline icons with flat design (100 Free Christmas Icons in Flat and Line Styles)
- Top 50 Icon Sets from 2015 (Top 50 Free Icon Sets from 2015)
- Seasonal Icons: Winter Seasonal Icons (Seasonal Icons: Winter Inspiration and Free Packages)
- Fonts: the complete collection for 2016 (Free Fonts: Ultimate Collection for 2016)
- Retro and vintage fonts (20 Free Retro and Vintage Fonts2)
news
- 451 on the Internet: a new status appeared in HTTP for sites blocked by the authorities
- SpaceX successfully planted the first stage of the Falcon 9
- The old “KinoPoisk” will remain the main resource and absorb the new version as a section.
- Google and Microsoft launched the Santa trackers, allowing children to explore the world
- According to Dustin Kirkland, Ubuntu indirectly uses more than a billion people.
- Mozilla works on a tablet, router, media extender and smart keyboard.
- Google will create a "smart" messenger
- Interactive Spotlight Stories Videos Appeared on YouTube
- Microsoft bought a service for the introduction of Skype "cloud" calls
- Google has launched an API to search the Knowledge Net.
- Facebook traded Flash to HTML5
- You can crack the Linux loader by pressing one button 28 times
Entertaining
- Supercomputers: Trends and Development Issues According to a Former IEEE Rebooting Computing Engineer
- Social networks and the Internet: the opinion of a sociologist
- Virtual Reality - Is It Time?
- The economy of large eSports: Prospects, incomes of players and budgets
- Boston Dynamics harnessed reindeer robots to Christmas
- 10 major scientific achievements of 2015
- Coub named the best kouba 2015
- Top 10 Video Games of the Year
- The best apps of 2015 according to The Next Web
- Learn from mistakes: Failed projects of the founders of Github, Youtube, Twitter, GoPro
- The perfect IT future. Free futurology without registration and SMS
- The most resonant hacker attacks of the outgoing year
- The best games of 2015
- Manufacturing process
- Geography of piracy: African iTunes, Brazilian video clubs and the underground Internet in Cuba
- The terrible side of the Internet of things and smart homes
- “Everything is loading slowly, but I'm used to it”: The Chinese and expats about life with the most closed Internet in the world
- What do Russian and foreign companies present to their employees for New Year and Christmas?
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/274141/
All Articles