The digest of interesting materials from the world of web development and IT for the last week №204 (March 21 - 27, 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
- Use case in NPM:
One developer nearly broke the NPM package manager- NPM and left-pad : have we forgotten how to program?
- NPM insecurity of attacks on the introduction of malicious modules-worms
How not to break the Internet with one strange action (How to not break the internet)- Is the left-pad an indicator of the fragility of the JavaScript ecosystem? (Is the left-pad Indicative of a Fragile JavaScript Ecosystem?)
- The npm Blog : kik, left-pad, and npm
- Discussion about the destruction of the Internet (A discussion about the breaking of the Internet)
- Podcast “ Web Standards ”, 8th release: units of measurement, Servo engine, naked CSS, React criticism
- Adaptive images : resolution switching
- A technical approach to SEO (Part 1)
- Progressive improvement upsets me . Translation of the article “Progressive Enhancement Makes Me Sad”
- How to optimize images on sites to improve performance and UX (How to Optimize Performance and UX)
- The aftermath of Google Mobile after 8 months (Google's Mobilegeddon Aftermath: Eight Months Into A Better Mobile Web)
- Fresh selection for web developers on the Google Totally Tooling Tears developer blog: Issue 2: Electron.js, Add to Homescreen on Desktop, Server Side Rendering & Ember, DevTools Dimensions and PWA Roadshow
- Selection of regular mailings on the front-end development (Front-End Development Mail Lists)
- How to use BrowserSync to speed development (How to Use BrowserSync for Faster Development)
- A guide to your first Service Worker in the “copy and paste” style. (The copyout and paste guide to your first service worker)
- Foundation for Emails 2 release
- Canvas or SVG : choose the appropriate tool (Canvas vs. SVG: Choosing the Right Tool for the Job)
- How good are your comments in HTML and CSS ? (How Good Are Your HTML and CSS Comments?)
- Dirty Tricks From The Dark Corners Of Front-End (Slides, PDF)
- Web animation , past, present, and future (Web Animation Past, Present, and Future)
- The fastest SPA load (and how a Webpack can help) ()
- Apple is bad news for the future of the web (Apple is bad news for the future of the Web)
Totally Tooling Tips: Introduction to Gulp 4- Browsers
- New device emulation mode in Google DevTools (A new Device Mode for a mobile-first generation)
- Details for developers in Safari on iOS 9.3: responsive images, iPhone SE, shrink-to-fit and other new APIs
- Chrome Developer Tools: the best videos, courses, and extensions (Chrome Developer Tools: Best Videos, Courses, and Add-ons)
- Spectacular web:
- Weekly selection of beautiful effects on CSS / SVG / JS # 30
- Ink Transition Effect
- Animated with CSS and SVG animals (Animated Animals in CSS and SVG)
CSS
- REM vs EM - Great Controversy
- BEM with a human face
- Using viewport-units in typography
- Cleaning the CSS codebase . Translation of the article Cleaning Up a CSS Codebase
- "Design of not loaded images" - care of users (no)
- Broadcast recording with PiterCSS №2
- The Houdini Project : Perhaps the most impressive CSS development you have never heard of (Houdini: Maybe The Most Exciting Development In CSS You've Never Never Heard Of)
- Will revolutionize CSS web development Houdini (Will CSS Houdini revolutionize web development?)
- State of React and CSS (State of React and CSS)
- All ways to add CSS to Angular 2 components (All Ways to Add CSS to Angular 2 Components)
- Typography in CSS : kerning, ligatures, strokes, and capital (CSS Typography: Kerning, Ligatures, Swashes & Small-Caps)
- Release normalize.css 4.0
- About the nuances of declaring font properties in font-face (What's the deal with declaring font properties on font-face?)
- Illustrated dynamic graphic story using CSS clip-path (Dynamic Graphic Novel Illustrations with CSS clip-path)
- CSS and Scalability
- Accessible, Simple, Responsive Tables (Accessible, Simple, Responsive Tables)
- Why I don't use CSS preprocessors (Why I don't use CSS preprocessors)
- Image decoration for object-fit (Image decorations for object-fit)
- Breaking Four PostCSS Myths (PostCSS Mythbusting: Four PostCSS Myths Busted)
- Video from Rachel Andrew with a demonstration of the work of CSS Grid and CSS Regions
Javascript
- “ES7” is the wrong name for JavaScript development plans.
- List of what will appear in ECMAScript 2016 (ES7)
- Journey of JavaScript to the asynchronous city
- Official: JavaScript is the most popular programming language in the world.
- Framework:
- Creating a system of SVG-icons using React . Translation of the article Creating an SVG Icon System with React
- reBEM : React BEM . Packages for working with BEM in the React ecosystem
- Full introduction to React . Includes: react, webpack, babel, react router, testing . (The Complete Intro to React)
- Increase React Level : Container Components (Leveling Up With React: Container Components)
- Studying Angular 2 Step by Step - Your First Component (Getting Started With Angular 2 Step by Step: 1 - Your First Component)
- Creating your first Angular 2 Component (Creating your first Angular 2 Component)
- Advantages of Angular Templates (Advantages of Angular Templates)
- Template based forms in Angular 2 (Template-driven Forms in Angular 2)
- Incredible History of JS Express Framework (The Unbelievable History of the Express JavaScript Framework)
- Several videos from ChernihivJS
- Learning JavaScript : Best Practices and Resources According to 25 JavaScript Experts (Learn JavaScript)
- Todd Motto in the Eat Sleep Code podcast on Overcoming JavaScript Fatigue . (Overcoming JavaScript Fatigue)
- Promises in Web Animations (Promises in Web Animations)
- Fluent Conf 2016: Jeremy Fairbank - the growth of asynchronous JavaScript (Fluent Conf 2016: Jeremy Fairbank - The rise of async JavaScript)
- When should I use typeScript ? (When should I use TypeScript?)
- Writing Testing Code in JS : A Short Review (Writing Testable Code in JavaScript: A Brief Overview)
- Node Hero - getting started with Node.js (Node Hero - Getting Started With Node.js)
- Node.js on the Google App engine goes into beta (Node.js on Google App Engine goes beta)
- Introduction to Immutable.js and functional programming concepts (Introduction to Immutable.js and Functional Programming Concepts)
- How to write Atom extensions using Atom Packages Using Vanilla JavaScript
- How to create a " Show Password Button"
- JavaScript emulators
- Plugins and libraries:
- StickyState - plugin-polyfill for implementing the native position: sticky property in browsers (IE> = 9)
- MidiWriterJS - MIDI File Generator (Audio)
- EventControl - a timeline with the ability to scroll and place multiple events on the same date (EventControl - jQuery timeline control for support for stacking events.)
- match - a library for testing JSON (match - an JavaScript library to test JSON with some nice features)
- snapback_cache - jQuery-library for client caching pages with "infinite" scrolling
Design
- Is there a visible border on the web?
- The Retina Asset Workflow You've Always Wanted For Photoshop
- Appealing . Find animations in the mobile UI
- User adaptation begins with a good landing page (User Onboarding Starts with a Good Landing Page)
- Improving UX with Pixar's 22 storytelling rules (Improving UX with Pixar's 22 rules of storytelling)
- Two different arguments about the hamburger icon (Two Different Arguments About Hamburger Icons)
- Five basic rules for dialog design (5 Essential UX Rules for Dialog Design)
- How to fit animations in UX strategy (Fitting Animations into Your UX Strategy)
- Why images can ruin your site (Why Your Images Might Be Ruining Your Site)
- A letter to Tim Cook from an illustrator on an iPad
- Create a smart design notifications (Designing smart notifications)
- Flag Stories
- The Veil of Ignorance
- Photoshop in 60 seconds: how to use the Gradient tool (Photoshop in 60 Seconds: How to Use the Gradient Tool)
- Draw a cartoon in Illustrator (Drawing A Cartoon In Illustrator)
- Illustrator in 60 seconds: how to use the panel for alignment (Illustrator in 60 Seconds: How to Use the Align Panel)
- How to create Easter icons with flat design in Adobe Illustrator (How to Create Flat Design Easter Icons in Adobe Illustrator)
- Sketch:
- Sketch: how to share your work with your team (Sketch App: How to Share Artboards with Your Team)
- Sketch Style Guide (Consistency Please! Style Guides in Sketch)
- Qordoba plugin for localizing Sketch layouts
- Simple and fast way to create color palettes in sketch
- Using common styles and symbols in Sketch
A selection of free designer cookies
- Google gives away free Nik Collection - set of photo editing plugins
- Seven Standing UX Books (7 Free UX E-Books Worth Reading)
- Actions for Photoshop (Pure Photoshop Actions Collection - Free Download)
- Vector contour image of sneakers
- Set of vintage frames (Freebie: Vintage Vector Frames Set)
- Over a thousand flat icons in two styles (1000+ Free Blobs Flat Icons with Two Styles)
- Set of icons on real estate (PNG, SVG, AI, ICO) (Different Real Estate Icon Sets - Free PNG, SVG, AI, ICO Download)
- Venice serif font (Free download: Venice Serif font)
- Peace Sans - minced sans serif font (Peace Sans | FREE FONT)
- Runic font Pixe lute (Pixe lute Free font)
- Fresh fonts for your project (47 Fresh Free Fonts You'd Consider Using In Your Projects)
news
- Apple:
- Apple Special Event Text Log
- iPhone SE, iOS 9.3, New iPad Pro: Top News from the Apple Special Event Spring Event
- Opinions of designers and developers about new Apple products - iPhone SE, CareKit platform and others
- iPhone SE: all that is left overs
- Apple Watch will take up half the smartwatch market in 2016
- The release of the text editor Atom 1.6, developed by GitHub
- Microsoft-developed artificial intelligence learned racism in 24 hours.
- Google has opened access to the Cloud Machine Learning platform
- Project ARA gives very weak signs of life
- AMOLED displays have become cheaper LCD in production
- Red Hat annual revenue exceeded two billion dollars
- SoundCloud reached an agreement with Sony Music
Entertaining
- CeBIT 2016: drones and virtual reality in the era of digitalization
- Facebook has studied the inheritance of user professions
- Interviews with developers: what does Microsoft, Google, Amazon and other IT companies pay attention to?
- Excessive frankness and insubordination - The New York Times about how millenialy manage companies
- With visor down: what is happening in virtual reality right now
- Why did the girl chatbot from Microsoft succumb to the influence of trolls c 4chan
- Empire Dropbox
- Zuckerberg: the era of laptops, tablets and smartphones has come to an end
- Intel talks about e-sports trends
- The most useful tools and tricks that can be implemented using Google Apps Script
- Why the success of virtual reality depends on porn
- StackOverflow 2016 Survey: IT prospective microscope ecosystem
- Google Maps. Experience - the son of difficult mistakes?
- Intel developers refused to comply with Moore's law
- How is artificial intelligence taught?
- How to maximize the use of Microsoft Edge browser
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/280272/
All Articles