The digest of interesting materials from the world of web development and IT for the last week No. 190 (December 13 - 20, 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
Results of 2015: web development- Mozilla released the A-Frame framework for creating virtual reality websites.
- DOM Techniques: Parent, Child, and Neighbor Elements
Recording of the Web Standards Days conference in Moscow, 2015
Adaptive progressive search field available (Responsive Progressive Accessible Vanilla Search)- A lesson about OpenType features , when to use them and why they are important (Caring about OpenType features)
- What designers of Outlook 2016 emails need to know
- New from Google: Debut Security Panel in Chrome DevTools, Introducing Background Sync
- Optimizing the development process of letter templates (Optimize Your Email Development Workflow)
- Brad Frost's Best Practices for Style Guides from Beyond Tellerrand Conference (Style Guide Best Practices)
- satyr.io - a new tool for creating image placeholders with advanced features - simulating slow loading, understanding proportions, working offline and more
- The implementation of input fields for touch devices has improved by only 9% since 2013 (60% still use them incorrectly)
- 5 Star Wars Developer Resources (5 Star Wars Resources for Developers)
- Compiling in WebAssembly: it happened! (Compiling to WebAssembly: It's Happening!)
- Interaction Is An Enhancement
- Basics of web accessibility (The web accessibility basics)
- Creating Your Own Web Components with X-Tag (Building Custom Web Components with X-Tag)
- SMIL is dead! Long live the SMIL! Guide to Alternatives to Major Features of SMIL (SMIL is dead! Long live! SMIL! A Guide to Alternatives to SMIL Features)
- Web performance:
- Examples of performance tuning enterprise-solutions - the worst practice (Enterprise web front-end performance tuning - worst practices case study)
- What we learned after four years of web development monitoring (What I've learned from monitoring four years of web page bloat)
- The use of responsive images and asynchronous loading allows reducing the weight of the initial page load by ~ 80%
- Critical Metric: Critical Resources
- SVG:
- Animating Clipped Elements In SVG Animation of Clipped Elements
- SVG Text On A Path - Part 1
- SVG icons are simple, but their fallbacks are not (SVG icons are easy but the fallbacks aren't)
- Partial Blur in SVG and iOS-style Transparency (SVG Partial Blur and iOS Style Translucency)
- Spectacular web:
- Weekly selection of beautiful effects on CSS / SVG / JS # 17
- The best libraries for animation in 2016 (Top 9 Animation Libraries to Use in 2016)
- Creating a night mode for your site, part 1
- Animated paths on Animated Map Path for Interactive Storytelling
CSS
- Why I am delighted with the "native" CSS variables . Translation of the article Why I'm Excited About Native CSS Variables by the css-live.ru community
- CSS Variables Become Candidate Recommendations
- Pseudo-dignity and non-pseudo-residues Translation of the article Pseudo and pseudon't by the community css-live.ru
- Control font-face behavior in CSS
- Flexibility - fresh polyfill for Flexible Box Layout Module Level 1, allowing you to use flexbox in old IE
- Test page for Flexbox CSS rules
- Comparing markup tools: Flexbox Vs. Susy
- Grid, Flexbox, Block Alignment: Our New Layout System (Grid, Flexbox, Box Alignment: Our New System for Layout)
- The Sierra library is the smallest and lightest scss library (formerly known as penguin)
- CSS Evolution
- Why Bootstrap 4 means Sass wins (from Less) (Why Bootstrap 4 Means Sass Has Won)
- Best demos and concepts of 2015 on pure CSS (Best Pure CSS Pens of 2015)
- Understanding the CSS Modules Methodology
- Beyond the Style Guide (Beyond the Style Guide)
Javascript
- Framework:
- Angular2 is now "beta"
- Google rewrote its Angular JavaScript framework
- Transition from 1.X
- React in 2015 - retrospective
- Rista is an easy alternative for ReactJS
- Victory - an ecosystem for modular components for visualization under React
- React Refetch is a simple, declarative and composable data retrieval method for React components.
- A Rundown of the Best New Features in ES2015
- xto6 converter ES5 code to ES6 live (Transpile ES5 code into ES6 live!)
- 4 JS Developer Templates You Should Know About (4 JavaScript Design Patterns You Should Know)
- Remy Sharp: my testing strategy in node
- The Math.random algorithm has been improved in Chrome (Math.random (), and then already Math.random ())
- What does “! -” do in javascript? (What does “- -” do in javascript?)
- What the JavaScript job market will look like in 2016 (Forget the Click Bait. Here's what the JavaScript job market looks like in 2016)
- Java to TypeScript / JavaScript Converter (A transpiler from Java to TypeScript / JavaScript)
- Detailed analysis of CORS (An in-Depth Look at CORS)
- Quick tip: stop writing cycles, use better Maps (Quick Tip: Stop Writing Loops and Start Thinking with Maps)
- How to use RethinkDB with Node.js applications (How to Use RethinkDB with Node.js Applications)
- Lokka View is a simple JavaScript client for GraphQL (Introducing Lokka - A Simple JavaScript Client for GraphQL)
- Using Google Maps without problems with GMaps.js (Google Maps Made Easy with GMaps.js)
- WebGL Beginner's Guide (A Beginner's Guide to WebGL)
- Create a desktop application with Angular 2 and Electron (Create a Desktop App with Angular 2 and Electron)
- Plugins and libraries:
- timbre.js - performs functional processing and synthesizing audio in your web applications (provides javascript or node.js.)
- Colorify.js - a library for extracting colors from images and working with them
- daterangepicker - a component with dependencies (jQuery, Moment, Knockout) to select a date range
- grooscript - a library for converting groovy code into javascript
Browsers
- Firefox 43 release
- Firefox 43, details for developers
- FireFox Browser for Windows became available in the 64-bit version
- Firefox 64-bit - what's new?
- 10 features that I would like to see in Microsoft Edge
- Flynx - the right browser for socials
- Edge browser extensions shown on video
- How Google Chrome Destroy Internet Explorer
Sites with interesting design and functionality
- emojitracker.com - using emoji on twitter in real time
- oursroux.c - one-page slider site
- Soleil - scrolling site with interesting animation effects and transitions
- sfcd.com - vertical scrolling site of a food agency with high-quality graphics and animations
- Borjomi Creative Website
- Frank Underwood - a website dedicated to the election campaign
- Spotify music review of the year
- bonnemarque.se - a site with cool effects
- Interactive video site
- motiv-studio.com/ - nice conceptual site with parallax and animation of component loading
- because-recollection.com/rita-mitsouko - musical and visual project
Design
- Persuasive web design
- Vertical headers: who is right?
- Simplicity in UX Design Overvalued
- New in web design e-commerce sites. Part 2
- Graphic editor:
- Prototyping ios applications using Marvel and Sketch: Part 1 of 2
- The complete design guide for iOS 9 in Sketch
- Debugging Sketch Plugins
- Lessons:
- Sketch App Card Profile Design Lesson 3
- Christmas mountain of gifts in Adobe Photoshop
- Winter lessons for Adobe Illustrator
- Summing up the year:
- Redesigns of the year: “Russian Post”, “Kinopoisk”, “Motor”, “Vedomosti”
- Vox Media Year Review (Year in Review)
- Top cover designs in 2015 (The best book cover designs for 2015)
- Campaign Monitor year overview (Email marketing
- The Best Design I Read in 2015 (The Best Design Things I Read in 2015)
- My favorite articles about design in 2015 (My favourite design articles 2015)
- MailChimp 2015
- What I learned about product design this year (What I Learned about Product Design This Year)
- 7 basic design principles taught by Star Wars
- New Year logos for inspiration
- Best Practices for the UX of Navigation
- The best method for creating responsive design in 2016 (A Better Responsive Web Design Process for 2016)
- 7 reasons why endless scrolling may be a bad idea (7 reasons why Infinite Scrolling is probably a bad idea)
- User Experience is Important for Web Designers (User Experience Is Important For Web Designers)
- Pulp Fiction for Designers (Recommended Reading For Designers)
- Will Mobilegeddon Revolt Web Design? (Will Mobilegeddon Cause a Mobile Website Design Revolution?)
- Apple Watch limitations identified (Embracing the Constraints of the Apple Watch)
- Study: Mixcloud (Etude: Mixcloud)
- Facebook Collage Design (Designing Facebook Collage)
- For @Elonmusk: eight UI Tesla improvements (For @Elonmusk: 8 improvements for the Tesla UI)
- Ethnography = best design (Ethnography = Better Design)
- Emphasize data (Bring the data forward)
- Four Tips for Using Animation in Design (4 Tips for Using Animation in Design)
- How to create an illustration of a cartoon penguin in Affinity Designer (How to Create a Cartoon Penguin Winter Illustration in Affinity Designer)
- How to make a retro-style postcard design in Adobe Illustrator (How to Design a Retro Christmas Postcard in Adobe Illustrator)
- Logo design for preschool olympic games (preSchool Olympic Logo Design)
- May the fonts be with you! (The Original Trilogy: ITC Serif Gothic, the Star Wars logo, and the Times)
A selection of free designer cookies
- Texture with space photo (Free Space Photoshop Textures)
- Free Christmas Banners
- Top 15 free symbol fonts (The top 15 free symbol fonts)
- Fresh UI (Fresh Free UI Kits to Download Today)
- IPhone 6s Mockup (Freebie: iPhone 6s Mockups)
- Christmas Icons Freebie 3/3 - Holidays
- Icon Set with Flat Design and Shadows "Freelancer" (Freebies: Beautiful Freelancer Icon Set For Your Business)
- Icons for food allergy types (AI, EPS, PSD, SVG, PNG) (Freebie: Allergy Info Cosmetic & Food Icons (AI, EPS, PSD, SVG, PNG))
- UIcons - outline icons (AI, EPS, SVG, PNG) (UIcons - Free Line Icons (AI, EPS, SVG, PNG))
- Christmas Web Icons (Free Christmas Web Icons)
- Christmas icon set (AI, PSD, EPS) (Freebie: Christmas Icons Set (110 Icons, AI, PSD, EPS))
- Three dozen Christmas outline icons (30 Free Christmas Icons)
- Collection of Free Fonts and Typefaces
- Decorative font Tessellate (Tessellate FREE FONT)
- Decorative font Curely (Free download: Curely font)
- Brush effect fonts (20 Free powerful brush fonts)
news
- Adobe introduced the new Adobe Post tool for "professional graphics"
- Google will index the https version of the page by default.
- The creators of Slack opened an application platform for the messenger and launched a fund for $ 80 million
- Akamai: global average speed of Internet access for the year increased by 14% - to 5.1 Mbit / s
- Incorrectly configured MongoDB servers are the source of 684 TB of data leakage
- Google gathered the 30 most popular memes of Runet for 2015 in one picture
- Tim Cook presented his possible successor
- Microsoft is trying to impose an upgrade to Windows 10 in all ways
- TCP record speed record broken
Entertaining
- Awakening Force: How Google Becomes Microsoft
- 100 most relevant quotes about programming
- Ilon Mask fears that the Third World War could disrupt the exploration of Mars
- How to allocate your time correctly - advice from Google employees
- Which applications are entrepreneurs and representatives of the foreign IT industry keeping on the first screen of a smartphone?
- 2015 games in two minutes
- If the child is a hacker
- Na`Vi - second on ESL ESEA Pro League S2, Virtus.pro with silver The Summit 4: e-sports news digest
- The most popular news from the world of mailing list development in 2015 (Top 10 Email Developments of 2015)
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/273557/
All Articles