The digest of interesting materials from the world of web development and IT for the last week №187 (November 23 - 29, 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
Record broadcast Web Standards Days in Kiev, held this weekend- Overview of static site generators: Jekyll, Middleman, Roots, Hugo
- Why am I not sending generated files to the repository?
- Unicode on the web: an introduction for beginners
Comparing animations in SVG and GIF (Animated SVG vs GIF [CAGEMATCH])- My favorite podcasts on front-end topics (My favorite front-end related podcasts)
- About autocomplete forms (TIL - Autocomplete and forms)
- Create an interactive video using the Video API (Creating an Interactive Video Showcase with the Video API)
- Detailed article about responsive images with modern methods
- Rolling out responsive
- Static framework accessibility slides (Front End Frameworks - are they accessible)
- SVG without SMIL: Google Chrome removes support
- Why everyone should move towards HTTP / 2 (Why Everyone Should Be Moving To HTTP / 2)
- HTTP / 2 101 (Chrome Dev Summit 2015)
- New responsive web font format (A New Responsive Font Format for the Web)
- Ten things you need to know about Gulp (10 things to know about Gulp)
pokedex - web application for pokemon fans- Spectacular web:
- Weekly selection of beautiful effects on CSS / SVG / JS # 14
- Transforming Shazam Button Effect (Shazam-Like Morphing Button Effect)
CSS
Testing for Visual Regression Layouts with PhantomCSS- PostCSS quick start
- Moving from Bootstrap to Susy
- Smooth performance animation for box-shadow (How to animate box-shadow with silky smooth performance)
- Solving performance problems when rendering pages with animation (Troubleshooting rendering performance issues)
- Seriously, do not use icon fonts (Seriously, Don't Use Icon Fonts)
- Proportional scaling of content using CSS and JS (Scaled / Proportional Content with CSS and JavaScript)
- Modern Sass Architecture by Stuart Robson
- Skeptical look at PostCSS (A Sceptic's Take On PostCSS)
- Organizing print styles with Sass (Streamlining CSS Print Design with Sass)
- 8 CSS preprocessors to increase development speed (8 CSS preprocessors to speed up development time)
- Gridlex - simple flexbox mesh
- How margin: auto works in CSS
- Getting started with CSS Polygons
- Frameworks
- CSS cursor (CSS Cursor)
- CSS Switches (CSS Toggle Switch)
Javascript
- Six Things You Should Know About Moving WordPress Towards JavaScript (Six Things Moving to JavaScript)
- ES6:
- ES6: Inside Classes
- Think you know ES6? Prove it! (Think You Know ES6? Prove it!)
- ES6 Overview in 350 Bullet Points on github
- Framework:
- Forget Angular and Ember, React has already won a client war (Forget Angular & Ember, React Has Already Won the Client-Side War)
- React kills Angular (React is killing Angular)
- Getting Started with Redux : Dan Abramov course
- How to integrate jQuery plugins into an Ember application (How to Integrate jQuery Plugins into an Ember Application)
- Eat Sleep Code Podcast on ReactJS
- spooky-react - skeleton with React, ES2015, Browserify
- Create a React class in 60 seconds (Create a React Class in 60 Seconds)
- Structuring React Components (Distributing React components)
- Understanding Redux Middleware (Understanding Redux Middleware)
- How to make a Minesweeper game using Angular 2 and Immutable.js (How to build Minesweeper using Angular 2 and Immutable.js)
- Five steps to prepare your Angular 1 code for Angular 2 (5 Steps To Prepare Your Angular 1 Code To Angular 2)
- Multi Providers in Angular 2 (Multi Providers in Angular 2)
- JS without frameworks (Frameworkless JavaScript)
- Survey JavaScript developers by Nicolas Bevacqua
- HTTP Live Streaming to Javascript
- Building for HTTP / 2
- Pro Tools for JavaScript Developers (Must See JavaScript Dev Tools; Other Dev Tools to Shame)
- Best JavaScript IDE (What are the best JavaScript IDEs?)
- Parallelism in JavaScript (part 1) (Concurrently JavaScript (part 1))
- Forget the JS packers? Not so fast (Forgot JS packaging? Not so fast)
- Do not lose users and the state of the application, use Page Visibility (use Page Visibility)
- Refactoring an JavaScript application using microservices: what we learned with Backbone and Marionette (Refactoring a JavaScript Application for Use Microservices: What we Learned With Backbone and Marionette)
- Plugins:
- MissPlete - plugin for autocomplete, tolerant to typos and consisting of 220 lines of code independent ECMAScript 2015 (ES6)
- jump.js is a small modern library without dependencies for smooth scrolling
- Responsify.js - plugin that makes images truly adaptive without cropping faces
- microm - library for converting sound from microphone to mp3 in the browser
- Wallaby.js for Visual Studio Code (Wallaby.js for Visual Studio Code)
Browsers
- Microsoft has announced the termination of support for all versions of Internet Explorer, except for the current
- Opera Max application has learned to save the traffic of streaming services
- 10 features and improvements that will be useful for Microsoft Edge
- UC Browser has become the world's No. 2 mobile browser, ranking 17% of the global market.
- Vivaldi, your next browser? (Vivaldi, Your Next Browser?)
Sites with interesting design and functionality
- Google Star Wars Mini-Site
- saltfilms.com.sg - a site with extremely non-standard interactive
- admirhadzic.com - a site with a minimalist design, an unusual parallax and transition effects
- Examples of minimalistic designs (Showcase of 22 Gorgeous Minimal Designs)
- avenirclinic.com - a site with a minimalist design and non-standard animation of the appearance of blocks
- acme-experience.com - site with a creative full-screen slider
- webstock.org.nz - page with an unusual design of parallax
- digiti.be - site with elements of non-standard geometric shapes
- dance.com - a new large social network, this time for dancers
Design
- Story:
- Life ¶: the story of the paragraph (The Life of: The History of the Paragraph)
- Preflight - application design history
- Red Peak: the history of the design of the small flag (Red Peak: The little flag that could)
- UI / UX:
- Create a UX for a 10-foot UI (Designing User Experiences for the 10-Foot UI)
- Methods for improving UX using dynamic design (Methods for Improving UX with Motion Design)
- Design for various UI states (Designing for Various UI States)
- How infinite scrolling destroys UX (How infinite scrolling breaks UX)
- What print design can teach in the sense of UX (What print design teaches us about UX)
- Nine ways to improve UX with additional micro-texts (9 proven ways to enhance UX with microcopy)
- Graphic editor:
- Vector, open and easy to use: Inkscape 0.91
- How symbols and common styles speed up the UI design process in Sketch.
- 11 tips on prototyping in Sketch and InVision
- Colors in Sketch (Colors in Sketch)
- Mastering Sketch 3 (Mastering Sketch 3)
- Lessons:
- Tutorial on creating a simple illustration in Sketch with a bottle of medicine
- Design and export application icons in several sizes in Sketch 3
- Four design lessons from the Pixar team (4 Design Lessons From The Pixar Team)
- Best practices for sorting and filtering on mobile (Filtering and Sorting Best Practices on Mobile)
- Guide for creating cool background videos for websites (10 Guidelines for Better Website Background Videos)
- Experiments with shadows in Adobe Photoshop
- Text from folded paper in Adobe Illustrator
- How to create animated Latvian patterns in Adobe Illustrator and After Effects (How to Create Animated Latvian Patterns in Adobe Illustrator and After Effects)
- Folio: simple Git-based version control for the design team
- “It annoys when designers are too jealous of their work.” The founders of the design studio Anton & Irene - creative director Anton Repponen and director of user experience Irene Pereira - worked with Google, Microsoft, Porsche, Red Bull, CNN, Netflix and other famous international brands. Designers told vc.ru about their experience of interacting with clients, their own projects, principles of work.
- How minimalistic design almost killed skeomorphism (How Minimalist Design Almost Killed Skeuomorphism)
- 8 optical illusions to improve your mockups (8 optical illlusions to improve your mockups)
- Designer Jobs
- Design is a conversation (Design is a conversation)
- Destination Design at Lonely Planet (Designing Destinations at Lonely Planet)
- A Beginner’s Guide to Being Indispensable
- Redesign Wealthfront (Redesigning Wealthfront)
- Finding the Right Color Palettes for Finding the Right Color Palettes for Data Visualizations
- The secret of a successful web: find out what users want, then give it to them (The secret of web success: figure out what your user wants, then give it to them)
- Four trends in placing items on the Dribbble (4 Layout Trends on Dribbble)
- Web Design Trends 2015 & 2016: Fearless Colors (Web Design Trends 2015 & 2016: Fearless Colors)
- Designing better app icons
- New Google Material icons need some work (The new Google Material icons could use some work)
A selection of free designer cookies
- Free color icons for your projects
- Fonts for headlines and large captions
- Two dozen mokapov from Alienvalley (20 New Free Mock-ups By Alienvalley)
- Set UI Spicy Treats (Free Spicy Treats UI Kit)
- Set with Elegant Vector Images (Free download: Elegant Vector Kit)
- Communication Icons
- Zen Icons Set : Free Set Of 12 Minimal Outline Icons
- Decorative font Christmas Time (Free download: Christmas Time Display font)
- Nazaré - decorative font (Nazaré - free font)
news
- New WordPress.com:
- WordPress restarts from scratch to better compete with Medium
- The prehistory of the new WordPress.com
- Dance to Calypso
- AMP-pages will appear in the issuance of Google in early 2016
- Rostelecom launches Games.rt.ru platform for selling games with Steam
- Mozilla no longer needs funding from Google
- Amazon founder overtook SpaceX Elon Musk in building reusable rockets
- Li-Fi began to test outside the laboratories, the transfer rate is a hundred times higher than that of Wi-Fi
- A global restart of the WordPress platform
- IBM Delivers SystemML Machine Learning Platform to Apache Community
- Google received a patent for a new Glass glasses in the form of a flexible monocle
- Users resent: update for Windows 10 without asking removes applications
- Transactions with Google and Yahoo brought Mozilla 90% of revenue in 2014
Entertaining
- How to explain technological terms to dull relatives
- What is modern eSports: a story by Alexander Kokhanovsky, CEO Natus Vincere
- I want to work in Google: the history of one offer
- Advertise can not be blocked . How do ad blockers work and how do sites try to deal with them?
- Vasily Filippov. How “Yandex” has ceased to be warm and lamp
- Asian supercomputer revolution
- Google in search of the future
- Windows systems that we either didn’t know or forgot
- The most unfortunate decisions in the history of the IT industry
- Sensational hacker scripts have automated almost all workflows: hacker-scripts
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/271929/
All Articles