The digest of interesting materials from the world of web development and IT for the last week №205 (March 28 - April 3, 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
- Fronteender Task Evaluation
- Introduction to NPM Packet Manager for Beginners
- Frontend Dev: good, bad, angry. Part 1: Good Way
- News:
NPM has forbidden to withdraw modules older than 24 hours without permission from open-source
Google introduces VR view: a new type of embed content to be inserted on websites and applications- Apple Introduces Safari Technology Preview
- Web performance:
- As we broke up mobile Lenta.ru to the speed of light
- How to avoid major problems with publishing AMP (How to avoid common mistakes when publishing Accelerated Mobile Pages)
- AMP in 60 seconds (AMP in 60 Seconds)
- Behind the scenes AMP - New Accelerator of Very Large Pages (April Fool's article in the AMP blog) (Behind the scenes at AMP's new Very Large Mobile Page Accelerator)
- Will AMP really increase the speed of your site? (Will AMP really speed up your website?)
- Resource Tips - What are Preload, Prefetch and Preconnect?
- RAFP: PPK proposal for performance measurement using requestAnimationFrame (RAFP: a proposal for performance measurements through requestAnimationFrame)
- Podcasts:
- Web Standards: Issue # 9 . Npm-gate, new IE, problems npm, open-source, PostCSS and much more with guest guest Andrey Sitnik
- RadioJS: Release 38: Unpublish Unpublish !! . Discussion of an unpleasant situation with the left-pad module, the new generation of unit-testing frameworks, WebAssembly and other news
- Frontflip Podcast, Issue 16 . Leaflet.js, maps in the browser and maintaining the popular open source. Vladimir Agafonkin
- The best English-language podcasts for web developers for 2016
- MathML failed as a web standard (MathML is a failed web standard)
- Another digest from Addy Osmani, Issue 3 : Terminal tips & tricks, DevTools + Service Worker Updates, Add-to-Homescreen Emulation, Google Compute Engine, Web Push
- Frontend Style Guides: Definition, Requirements, Checklist Components (Front-End Style-Guides: Definition, Requirements, Component Checklist)
- Accessibility Fails: 109 illustrative examples demonstrating accessibility problems grouped into 18 categories
- Comparing Bootstrap 4 and Foundation 6.2 (State of affairs: Bootstrap 4 vs Foundation 6.2)
- Life Ease Brackets Extensions (12 Brackets Extensions That Make Your Life Easier)
- How to make Parallax multi-layered illustration on CSS & JavaScript
- Spectacular web:
- Weekly selection of beautiful effects on CSS / SVG / JS # 31
- Bulk letters drawn with particles (WebGL) (GLSL PARTICLE FONT)
- Collection of spectacular experiments
CSS
- Tips, libraries and additional materials on CSS-animation
- Detailed overview of native CSS variables from Serg Gospodarets (CSS custom properties (In-Depth)
- Generate colors using custom CSS properties (R, G, B)
- Web Font Drama, March 2016 (Webfont Drama - March 2016 Edition)
- Is web typography really broken? (Is Web Typography Completely Broken?)
- cloud.gov: how we distribute visual style to many sites (How we share a visual style across multiple sites)
- Layout:
- Should I use a Grid or Flexbox? (Should I use Grid or Flexbox?)
- Moving from HTML meshes to CSS meshes (Moving from HTML Grid Systems to CSS Grid Systems)
- Complete Grid Model Guide (A Complete Guide to Grid)
- Holy Grail layout (header, footer, main content, two sidebars) using CSS Grid (The Holy Grail Layout with CSS Grid)
- Eric A. Meyer: Is the CSS layout finally ready? (Is real CSS layout finally here?)
- PostCSS:
- A selection of useful PostCSS plugins
- Critical CSS Annotation with PostCSS (Annotating Your (Critical) CSS)
- How to use PostCSS with Gulp (How to Use PostCSS with Gulp)
- Automating CSS Regression Testing Automation of CSS Regression Testing
- Tomorrow's style syntax using cssnext (Tomorrow's CSS syntax with cssnext)
- How to work with SVG icons (How to work with SVG icons)
- Checklist for polishing UI for web developer (The Polish Checklist for Web Developers)
Javascript
- New language feature in ES2016: exponentiation operator (**)
- Let's learn ES2015 (Let's Learn ES2015)
- Stack MECH - solve the problem of fatigue from JS frameworks (The MECH Stack - Solving JavaScript Framework Fatigue)
- Framework:
- Release Meteor 1.3 - ES2015 Modules, App Testing, Mobile Improvements and more
- React vs Angular2: The fight rages on
- React:
- React - basic theoretical concepts (Basic Theoretical Concepts)
- Redux End of the "Leveling Up with React" series on css-tricks.com
- reactstrap - simple use of React Bootstrap 4 components
- How Airbnb uses React
- Loading and using external data in React (Loading and Using External Data in React)
- Submission React Storybook . With it, you can develop UI components outside your application in an isolated environment.
- Arguments about the benefits of using React (The Elevator Pitch for React)
- Angular:
- Angular 2 development . The latest release of the Eat Sleep Code podcast (Engineering Angular 2 with Brad Green)
- An Introduction to AngularJS Style Guides (An Introduction to AngularJS Style Guides)
- Create attractive graphs with AngularJS (Creating stunning charts with AngularJS)
- Apply your javascript to sites using custom scripts (Applying javascript: user scripts )
- Interactive dependency map of Babel JS compiler
- What's new in webpack 2
- 7 non-crazy JS development tips (7 no-nonsense tips to master JavaScript)
- Changing the rules for using the unpublish function in the npm repository (changes to npm's unpublish policy)
- Using Map and Reduce in Functional JavaScript (Using Map and Reduce in Functional JavaScript)
- Rounding Recipes in JavaScript (JavaScript Rounding Recipes)
- Javascript decorator pattern: using closures, monkey patching, prototypes, proxies, and 'middleware' (using closures, monkey patching, prototypes, proxies and 'middleware')
- Eric Elliott's JavaScript lesson : how to answer the question “What is a pure function”? (Master the JavaScript Interview: What is a Pure Function?)
- What if we had a great standard javascript library? (What if we had a great standard library in javascript?)
- Three ways to find the longest word in an array in JavaScript (Three Ways to Find the Longest Word in a String in JavaScript)
- the-super-tiny-compiler - probably the smallest compiler
- Expounder - a library for using drop-down abbreviations with an initially hidden explanation.
- cwait - limits the number of concurrently running promises
Design
- 15 steps to improve usability
- Designer's Guide to DPI and PPI
- Microinteraction: the secret to good application design
- 5 simple UX-principles of product design
- How to create a psychologically friendly iPad app (How To Make A Physiology-Friendly Application For The iPad)
- Are we becoming lazy designers? (Are we becoming lazy as designers?)
- Creating a UI for the new site The Times
- The main design trends in March 2016 (Essential design trends, March 2016)
- Portal with interviews with designers (Ivan Venkov)
- Artists of the World: Sweden (International Artist Feature: Sweden)
- Test: Do you understand the color? (Quiz: Do You Understand Color?)
- Three fundamental components of a successful product design (The 3 'Non-Negotiables' of Successful Product Design)
- Tips for overcoming the block in creativity (6 Tips to Get Past a Creative Block)
- How to create a set of icons depicting retro electronics in Adobe Illustrator (How to Create a Retro Tech Icon Pack in Adobe Illustrator)
- Being creative, even when you are not in such a state (Being Creative When You're Just Not Feeling It)
- Shorts application design details (A Design Details Exploration)
- Icons are design acronyms (Icons are the Acronyms of Design)
- How to create a pie chart in Sketch (How to Create a Pie Chart in Sketch)
- Best April Fools Tips for Working with Photoshop (The Top 10 Super-Ultra-Very Very Bestest Photoshop Tips!)
- logoarchive - logo collection, learning the language of forms in logo design
- Johnston Sans: subway font that changed everything (Johnston Sans: The Tube typeface that changed everything)
- Excellent typography from Angela Southern
- The generator of four-color color palettes
- A selection of 20 Sketch chips in video format
- Typography in Sketch by Bohemian Coding
A selection of free designer cookies
- Free vector on science
- Abstract background with waves in adobe illustrator
- Large UI Slides Framework (Slides Design Resources: Huge Free UI Kit)
- Set of icons on the theme of design and forms (25 Design & Shapes Icons)
- "Mina" - bold handwritten font in two styles ("Mina" Brush Typeface (FREE))
- KURBANISTIKA - stylized Cyrillic font (KURBANISTIKA free font)
- Current Free Fonts (Premium Free Fonts)
- A collection of geometric fonts in OTF and TTF formats (25+ Best Free Geometric Fonts - OTF, TTF Formats)
- Free vintage and retro fonts
news
- Microsoft:
- Microsoft Build 2016: Summing Up the Main Conference Event
- Microsoft Build 2016. Everything you need to know about this event.
- Microsoft introduced tools for creating text, audio and video bots for Skype and other platforms.
- Microsoft has confirmed rumors about the integration of the Linux subsystem in Windows 10
- Microsoft announced the Anniversary Update for Windows 10, which comes out this summer
- Microsoft Build 2016: bots, Cortana and HoloLens in every home
- Microsoft will offer users to "throw off" on the Surface Phone
- Microsoft has announced new extensions for the Edge browser and denied rumors of an ad blocker built into it.
- VKontakte presents a new design.
- The first commercial system on the "silicon brain" IBM
- Google launched the carousel for AMP pages in only 12 countries
- Fiber data rate record set
- Apple launches MaCloud cloud service with perpetual data storage on the first of April
- Some new features in Firefox will be introduced without waiting for release.
Entertaining
- Compilation of April Fools 2016
- New Google: Cardboard Plastic VR gadget and YouTube service SnoopaVision on April 1st
- Joke brands by April 1: Evening Google and corn on the Pornhub homepage
- Retrospective: How to joke on the Internet on April 1
- 6 search engines that are better than Google
- MIT and fight with reflection
- AI is not real! Questions and consequences of our defeat in go
- Tablets are dead
- Medical technology trends in 2016: cloud data, gamification and applications for doctors
- Professor at the University of Chicago, why we should understand the statistics
- What virtual reality glasses to choose
- I am the IT nomad. And my life is far from a dream
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/280788/
All Articles