Introducing CLI Builders
In this blog post, we’re going to look at a new API in Angular CLI, which allows you to add CLI features and augment existing ones. We’ll discuss how to interact with this API and what are the extension points which allow you to add additional features to the CLI. - http://amp.gs/UCuM
#angular
In this blog post, we’re going to look at a new API in Angular CLI, which allows you to add CLI features and augment existing ones. We’ll discuss how to interact with this API and what are the extension points which allow you to add additional features to the CLI. - http://amp.gs/UCuM
#angular
Angular Blog
Introducing CLI Builders
In this blog post, we’re going to look at a new API in Angular CLI, which allows you to add CLI features and augment existing ones. We’ll…
Animating SVG with CSS
Hope Armstrong shows how to create lightweight, scalable CSS animations for SVG. - http://amp.gs/Uk7b
#css
Hope Armstrong shows how to create lightweight, scalable CSS animations for SVG. - http://amp.gs/Uk7b
#css
LogRocket Blog
Animate SVG with CSS - LogRocket Blog
When done right, web animations vastly improve UX. Luckily, there are a few ways to create them. Explore the simple yet optimal combination of SVG and CSS.
Edge Goes Chromium: What Does it Mean for Front-End Devs?
Last week the first preview build of Microsoft’s Chromium-powered Edge browser was made available. Here’s a fresh look at some of the pro’s and con’s of this change in the browser landscape. - http://amp.gs/Ue8C
#web #news
Last week the first preview build of Microsoft’s Chromium-powered Edge browser was made available. Here’s a fresh look at some of the pro’s and con’s of this change in the browser landscape. - http://amp.gs/Ue8C
#web #news
CSS-Tricks
Edge Goes Chromium: What Does it Mean for Front-End Developers? | CSS-Tricks
In December 2018, Microsoft announced that Edge would adopt Chromium, the open source project that powers Google Chrome. Many within the industry reacted
Kyle Simpson: 'I’ve Forgotten More JavaScript Than Most People Ever Learn'
This is a heck of a bold quote to pick for a title, but it’s still a neat interview with the author of the fantastic You Don’t Know JS books (which you can still read online for free). - http://amp.gs/UeRg
#javascript
This is a heck of a bold quote to pick for a title, but it’s still a neat interview with the author of the fantastic You Don’t Know JS books (which you can still read online for free). - http://amp.gs/UeRg
#javascript
Medium
Kyle Simpson: I’ve Forgotten More JavaScript Than Most People Ever Learn
We talked to Kyle Simpson, the Open-First Developer, Symmathecist, JavaScript Theologian, and the author of You Don’t Know JS book series
A Deeper Dive Into useContext and useReducer
The repository of deeper, more detailed articles about hooks continues with this practical view of where and why to consider hooks for state management. - http://amp.gs/Ue6t
#react
The repository of deeper, more detailed articles about hooks continues with this practical view of where and why to consider hooks for state management. - http://amp.gs/Ue6t
#react
testdriven.io
React Hooks - A deeper dive featuring useContext and useReducer
This article looks at how React JS hooks can be used to make React applications and their state management clean and efficient.
A 'Horrifying' (or Genius?) globalThis Polyfill
You wanted some gnarly JavaScript magic to chew on over the Easter weekend, didn’t you? Mathias doesn’t disappoint with this look at how to implement the proposed ‘globalThis’ feature using current JavaScript. It’s not easy. - http://amp.gs/U7sD
#javascript
You wanted some gnarly JavaScript magic to chew on over the Easter weekend, didn’t you? Mathias doesn’t disappoint with this look at how to implement the proposed ‘globalThis’ feature using current JavaScript. It’s not easy. - http://amp.gs/U7sD
#javascript
The Front-End Developer Handbook — 2019 Edition
This popular, detailed guide returns for another year. Updated with plenty of useful resources, learning materials and dev tools. A worthwhile reference. - http://amp.gs/UP8n
#frontend #handbook #2019
This popular, detailed guide returns for another year. Updated with plenty of useful resources, learning materials and dev tools. A worthwhile reference. - http://amp.gs/UP8n
#frontend #handbook #2019
Frontendmasters
Front-end Developer Handbook 2019 - Learn the entire JavaScript, CSS and HTML development practice!
A guide for front-end developers to equip themselves with latest learning resources and development tools in front-end engineering.
Art Direction for the Web with CSS Shapes
How you can go beyond the basics of CSS Shapes and use them to create different types of distinctive and engaging layouts for art-directed designs. - http://amp.gs/UP4E
#css
How you can go beyond the basics of CSS Shapes and use them to create different types of distinctive and engaging layouts for art-directed designs. - http://amp.gs/UP4E
#css
Smashing Magazine
Art Direction For The Web Using CSS Shapes — Smashing Magazine
Last year, Rachel Andrew wrote “[Take A New Look At CSS Shapes](https://www.smashingmagazine.com/2018/09/css-shapes/)” where she reintroduced readers to the basics of using CSS Shapes. In this new tutorial, Andy Clarke expands on the topic of “[Art Direction…
Choosing The Right Node.js Framework: Next, Nuxt, Nest?
A handy examination of the differences between three very popular server-side rendering frameworks. - http://amp.gs/UykJ
#nodejs
A handy examination of the differences between three very popular server-side rendering frameworks. - http://amp.gs/UykJ
#nodejs
Animation Performance 101: Measuring with Dev Tools
Chloe Hwang explores how to measure and diagnose performance bottlenecks in your animations. - http://amp.gs/Uhzi
#css
Chloe Hwang explores how to measure and diagnose performance bottlenecks in your animations. - http://amp.gs/Uhzi
#css
https://www.viget.com
Animation Performance 101: Measuring with Dev Tools | Viget
Your ultimate guide to animation performance — always be measuring.
'You Should Never Ever Run Directly Against Node.js in Production. Maybe.'
In short, directly running Node apps (particularly those that act as servers) can be brittle, so why not use tools like supervisor, nodemon or pm2 to keep things robust? - http://amp.gs/Uh6S
#nodejs
In short, directly running Node apps (particularly those that act as servers) can be brittle, so why not use tools like supervisor, nodemon or pm2 to keep things robust? - http://amp.gs/Uh6S
#nodejs
freeCodeCamp.org
You should never ever run directly against Node.js in production. Maybe.
Sometimes I wonder if I know much of anything at all.
Adding Numbers using Boolean Operations in JavaScript
This isn’t necessarily useful in and of itself, but if you’re not aware of how numbers are added at the binary level, you’ll learn something. - http://amp.gs/UgjU
#javascript
This isn’t necessarily useful in and of itself, but if you’re not aware of how numbers are added at the binary level, you’ll learn something. - http://amp.gs/UgjU
#javascript
Testing your Vue App with Jest and Travis CI
Do you want a cool GitHub badge on your Vue repo displaying your test coverage? This article will teach you to create test specs for a Vue app using Jest, add coverage using Coveralls, and build it all with Travis CI. - http://amp.gs/UgFC
#vue
Do you want a cool GitHub badge on your Vue repo displaying your test coverage? This article will teach you to create test specs for a Vue app using Jest, add coverage using Coveralls, and build it all with Travis CI. - http://amp.gs/UgFC
#vue
Medium
Testing your Vue app with Jest and Travis CI
How to add some specs to a Vue application and run those using the Jest test runner and add some test coverage using coveralls.
Fastest way to cache for lazy developers — Angular with RxJS
HTTP caching simply means the browser stores local copies of web resources for faster retrieval the next time the resource is required, thus reducing the number of server calls. - http://amp.gs/UEJB
#angular
HTTP caching simply means the browser stores local copies of web resources for faster retrieval the next time the resource is required, thus reducing the number of server calls. - http://amp.gs/UEJB
#angular
Angular In Depth
Fastest way to cache for lazy developers — Angular with RxJS
HTTP caching simply means the browser stores local copies of web resources for faster retrieval the next time the resource is required.
7 Useful JavaScript Tricks
I just can’t resist the occasional ‘here’s a bundle of neat tricks’ post, so sorry, not sorry 😂 The tricks are relatively simple, but if you’ve not heard of URLSearchParams, say, you need to be checking them out. - http://amp.gs/UVDK
#javascript
I just can’t resist the occasional ‘here’s a bundle of neat tricks’ post, so sorry, not sorry 😂 The tricks are relatively simple, but if you’ve not heard of URLSearchParams, say, you need to be checking them out. - http://amp.gs/UVDK
#javascript
David Walsh Blog
7 Useful JavaScript Tricks
Learn seven useful JavaScript tricks to get unique arrays, merge objects, destructuring, query string parameters, and more!
HTTP headers for the responsible developer
In this article, Stefan shares how HTTP headers can help you build better products for a better web for everyone. - http://amp.gs/U9qh
#http
In this article, Stefan shares how HTTP headers can help you build better products for a better web for everyone. - http://amp.gs/U9qh
#http
Twilio Blog
HTTP headers for the responsible developer
Guide to using HTTP headers for a better web. Learn about HTTPS, HSTS, CSP, Cacheable, immutable resources, serving WebP images, Feature-Policy and more.
How to Use CSS Logical Properties to Control Layout
Anna Monus explains how will logical properties help establish a new philosophy for creating more flexible layouts.
- http://amp.gs/U4JA
#css
Anna Monus explains how will logical properties help establish a new philosophy for creating more flexible layouts.
- http://amp.gs/U4JA
#css
Web Design Envato Tuts+
How to Use CSS Logical Properties to Control Layout
CSS logical properties define a new way of working with layout. Their primary goal is to help developers support different writing systems such as right-to-left (RTL) and vertically displayed...
Inclusively Hidden
A detailed look at the various ways in which you can hide content, with a particular focus on keeping things accessible. - http://amp.gs/UR2M
#accessibility
A detailed look at the various ways in which you can hide content, with a particular focus on keeping things accessible. - http://amp.gs/UR2M
#accessibility
www.scottohara.me
Inclusively Hidden | scottohara.me
There are various ways to hide content in web interfaces, but are you aware of the different effects they have on the accessibility of that content? While so...
Building Login Functionality for NativeScript Apps
How to build a comprehensive login form including a bonus section on integrating with a backend provider such as Progress Kinvey. - http://amp.gs/UUhw
#nativescript
How to build a comprehensive login form including a bonus section on integrating with a backend provider such as Progress Kinvey. - http://amp.gs/UUhw
#nativescript
Thinking in components with Vue.js
This article is an introduction to the Vue components and it will give you an overview of props, data, methods, components, computed properties and watchers with examples.
- http://amp.gs/UdYu
#vue
This article is an introduction to the Vue components and it will give you an overview of props, data, methods, components, computed properties and watchers with examples.
- http://amp.gs/UdYu
#vue
Medium
Thinking in components with Vue.js
Shirish NigamApr 23 · 15 min read
Controlling Leftover Grid Items with pseudo-selectors
How you may want to deal with leftover grid ‘widow’ items that don’t fill an entire row. - http://amp.gs/UOI9
#css #grid
How you may want to deal with leftover grid ‘widow’ items that don’t fill an entire row. - http://amp.gs/UOI9
#css #grid
CSS { In Real Life } | Controlling Leftover Grid Items with Pseudo-selectors
Tips, tricks and tutorials on the web’s most beautiful language.