You Don't Need jQuery: Doing Things the Vanilla JS Way
There have been a few projects of this sort over the years (such as You Might Not Need jQuery) but seeing how to perform common DOM related operations with vanilla JavaScript always gets a thumbs up from me. Note: jQuery is still a great library and has many valid use cases. Don’t migrate away if you don’t want to! - http://amp.gs/RH66
#javascript
There have been a few projects of this sort over the years (such as You Might Not Need jQuery) but seeing how to perform common DOM related operations with vanilla JavaScript always gets a thumbs up from me. Note: jQuery is still a great library and has many valid use cases. Don’t migrate away if you don’t want to! - http://amp.gs/RH66
#javascript
GitHub
GitHub - nefe/You-Dont-Need-jQuery: Examples of how to do query, style, dom, ajax, event etc like jQuery with plain javascript.
Examples of how to do query, style, dom, ajax, event etc like jQuery with plain javascript. - GitHub - nefe/You-Dont-Need-jQuery: Examples of how to do query, style, dom, ajax, event etc like jQuer...
Enforcing Accessibility Best Practices with Automatically-Generated IDs
A technique that renders it impossible for users of a design system to omit an important attribute and accidentally create an inaccessible experience. - http://amp.gs/R25V
#accessibility
A technique that renders it impossible for users of a design system to omit an important attribute and accidentally create an inaccessible experience. - http://amp.gs/R25V
#accessibility
Brad Frost
Enforcing Accessibility Best Practices with Automatically-Generated IDs
One of the best things about design systems is you can create components that have design, development, accessibility, responsive, performance, etc best practices baked right into them. By taking care of the boring stuff, users of the design system don't…
Understanding Angular’s ViewEncapsulation
In your Angular components you’re able to specify a component’s ViewEncapsulation. It defines template and style encapsulation options available for components, and thus specifies the strategy on how styles are applied to a component. By default, styles are appended to the document’s <head> and is encapsulation emulated, but there are other options as well. - http://amp.gs/Rw0D
#angular
In your Angular components you’re able to specify a component’s ViewEncapsulation. It defines template and style encapsulation options available for components, and thus specifies the strategy on how styles are applied to a component. By default, styles are appended to the document’s <head> and is encapsulation emulated, but there are other options as well. - http://amp.gs/Rw0D
#angular
Medium
Understanding Angular’s ViewEncapsulation
In your Angular components you’re able to specify a component’s ViewEncapsulation. It defines template and style encapsulation options…
Browser Rendering Optimizations for Frontend Development
Explores the conditions that can enable (and prevent) a web app to run (optimally) at 60 frames per second. - http://amp.gs/RFlB
#optimization
Explores the conditions that can enable (and prevent) a web app to run (optimally) at 60 frames per second. - http://amp.gs/RFlB
#optimization
Announcing TypeScript 3.4
The optionally static typed JavaScript superset takes another step forward introducing faster incremental builds, type inference improvements, and const assertions. - http://amp.gs/RFqo
#typescript
The optionally static typed JavaScript superset takes another step forward introducing faster incremental builds, type inference improvements, and const assertions. - http://amp.gs/RFqo
#typescript
TypeScript
Announcing TypeScript 3.4 | TypeScript
Today we’re happy to announce the availability of TypeScript 3.4! If you haven’t yet used TypeScript, it’s a language that builds on JavaScript that adds optional static types. The TypeScript project provides a compiler that checks your programs based on…
How to Create Better Themes With CSS Variables
Michelle Barker explores what makes CSS variables special and some of the ways in which they can benefit us today - http://amp.gs/RXn7
#css
Michelle Barker explores what makes CSS variables special and some of the ways in which they can benefit us today - http://amp.gs/RXn7
#css
LogRocket Blog
How to create better themes with CSS variables - LogRocket Blog
CSS variables let you define values for reuse throughout a CSS file , opening the door to more efficient theming capabilities — no preprocessors necessary.
A handful of pointers to power up your Vue app development
Vue.js is arguably one of the most popular front-end JavaScript frameworks today. - http://amp.gs/RXD9
#vue
Vue.js is arguably one of the most popular front-end JavaScript frameworks today. - http://amp.gs/RXD9
#vue
Medium
A handful of pointers to power up your Vue app development
Vue.js is arguably one of the most popular front-end JavaScript frameworks today. Its ease of use and robust ecosystem make it great for…
Building an extensible Dynamic Pluggable Enterprise Application with Angular
In this article, we will talk about how we can leverage Angular CLI build tools to create an AOT precompiled Angular plugin, which can share common code with other plugins and even work with Angular universal. This is an unofficial solution, but it works well for our case. - http://amp.gs/RLZx
#angular
In this article, we will talk about how we can leverage Angular CLI build tools to create an AOT precompiled Angular plugin, which can share common code with other plugins and even work with Angular universal. This is an unofficial solution, but it works well for our case. - http://amp.gs/RLZx
#angular
Angular In Depth
Building an extensible Dynamic Pluggable Enterprise Application with Angular
In this article, we will talk about how we can leverage Angular CLI build tools to create an AOT precompiled Angular plugin.
Web Components Will Replace Your Frontend Framework
A bold claim but Danny makes a lot of good points and shows off the basic concepts well. - http://amp.gs/RL5S
#webcomponents
A bold claim but Danny makes a lot of good points and shows off the basic concepts well. - http://amp.gs/RL5S
#webcomponents
Node.js's New 'Enterprise Focus Group'
The new group will act as a way to gain feedback from “companies with a large technology footprint, defined here as 50+ projects, that are building on or using Node.js”.. so if that’s you, consider signing up. - http://amp.gs/RWKo
#nodejs
The new group will act as a way to gain feedback from “companies with a large technology footprint, defined here as 50+ projects, that are building on or using Node.js”.. so if that’s you, consider signing up. - http://amp.gs/RWKo
#nodejs
Medium
Introducing the Node.js Enterprise Focus Group
This blog was contributed by the Node.js User Feedback team.
The Trouble with Implementing SSR in a Laravel/Vue app
Are you trying to integrate server-side rendering into an existing Laravel/Vue application? This post covers the main issues the author ran into and will provide some tips along the way.
- http://amp.gs/RaAu
#vue
Are you trying to integrate server-side rendering into an existing Laravel/Vue application? This post covers the main issues the author ran into and will provide some tips along the way.
- http://amp.gs/RaAu
#vue
DEV Community
The trouble with implementing SSR into a Laravel/Vue app
Originally posted at michaelzanggl.com. Subscribe to my newsletter to never miss out on new content....
Finally, A CSS Only Solution To :hover on Touchscreens
This issue may finally be solved by the new Level 4 Media Queries. - http://amp.gs/Roqe
#css
This issue may finally be solved by the new Level 4 Media Queries. - http://amp.gs/Roqe
#css
Noteworthy - The Journal Blog
Finally, a CSS only solution to :hover on touchscreens
TL; DR: It’s @media(hover: hover) and (pointer: fine)
Advanced Angular: Implementing a Reusable Autocomplete Component
In this article, Netanel will walk us through the process of creating a custom autocomplete component with Angular by using the Angular’s CDK. Along the way we’ll go over various techniques that we can use to build robust components in Angular.
- http://amp.gs/RMVH
#angular
In this article, Netanel will walk us through the process of creating a custom autocomplete component with Angular by using the Angular’s CDK. Along the way we’ll go over various techniques that we can use to build robust components in Angular.
- http://amp.gs/RMVH
#angular
Medium
Advanced Angular: Implementing a Reusable Autocomplete Component
Native Image Lazy-Loading for The Web: How loading Works
A look at the new loading attribute which brings native <img> and <iframe> lazy-loading to the web. Support for this is expected in Chrome 75. - http://amp.gs/R599
#html #images
A look at the new loading attribute which brings native <img> and <iframe> lazy-loading to the web. Support for this is expected in Chrome 75. - http://amp.gs/R599
#html #images
Addyosmani
Native image lazy-loading for the web!
In this post, we'll look at the new loading attribute which brings native <img> and <iframe> lazy-loading to the web!. For the curious, here&...
React Native Deep Linking for iOS and Android
“Deep linking” is the idea of having special URLs that link directly into your app rather than to another Web page, say. - http://amp.gs/RQrE
#reactNative
“Deep linking” is the idea of having special URLs that link directly into your app rather than to another Web page, say. - http://amp.gs/RQrE
#reactNative
Medium
React Native Deep Linking for iOS and Android
We live in a new era where everything is connected and we share links more often than before. We also want our customer to reach the…
An (Almost) Comprehensive Guide on Using Storybook with Nuxt.js
Storybook is an open source tool for developing UI components in isolation. Using Storybook with plain Vue is no hassle, but it’s another story with Nuxt. This article provides a robust tutorial for those who want to start using Storybook with Nuxt. - http://amp.gs/Rcv6
#vue #nuxt #storybook
Storybook is an open source tool for developing UI components in isolation. Using Storybook with plain Vue is no hassle, but it’s another story with Nuxt. This article provides a robust tutorial for those who want to start using Storybook with Nuxt. - http://amp.gs/Rcv6
#vue #nuxt #storybook
Medium
An (almost) comprehensive guide on using Storybook with Nuxt.js
Here’s my walkthrough on getting Storybook to play along with Nuxt.js.
Launching the Front-End Tooling Survey 2019
Each year we link to this popular front-end developer survey as the results are pretty interesting. Take part to help us all find out how our collective front-end tooling habits are changing. There’s a recap of last year’s results here too. - http://amp.gs/R6hU
#frontend #survey
Each year we link to this popular front-end developer survey as the results are pretty interesting. Take part to help us all find out how our collective front-end tooling habits are changing. There’s a recap of last year’s results here too. - http://amp.gs/R6hU
#frontend #survey
freeCodeCamp.org
Launching the Front-End Tooling Survey 2019
Take part to help us find out how our front-end tooling habits are changing.
NgRx: Action Creators Redesigned
In this article, we’ll look into the limitations of the current Action Creators and some techniques that can help with them. Then Alex will walk us through the new addition to the core NgRx — createAction function, where he’ll highlight some of its advantages, how it can be used in ofType operator, and discuss Action Union. - http://amp.gs/RbvP
#angular #ngrx
In this article, we’ll look into the limitations of the current Action Creators and some techniques that can help with them. Then Alex will walk us through the new addition to the core NgRx — createAction function, where he’ll highlight some of its advantages, how it can be used in ofType operator, and discuss Action Union. - http://amp.gs/RbvP
#angular #ngrx
Angular In Depth
NgRx: Action Creators redesigned
The limitations of the current Action Creators and some techniques that can help with them.
Building a Real-Time Earnings Tracker into Uber’s New Driver App
How Uber’s mobile engineering team developed a real-time component in the newest version of its driver app. - http://amp.gs/UIp7
#css
How Uber’s mobile engineering team developed a real-time component in the newest version of its driver app. - http://amp.gs/UIp7
#css
Uber Blog
Building a Real-time Earnings Tracker into Uber's New Driver App | Uber Blog
What began as a means of showing Uber's driver-partners their real-time earnings quickly became an extensible means of communicating not just earnings, but also incentives and other useful information within our new driver app.
Creating a Google Cloud Function with Node and Express
The very basics (think “Hello world”) of creating a simple Google Cloud Function (essentially Google’s answer to AWS Lambda) using both Node and Express. - http://amp.gs/UjZD
#nodejs #google #cloud
The very basics (think “Hello world”) of creating a simple Google Cloud Function (essentially Google’s answer to AWS Lambda) using both Node and Express. - http://amp.gs/UjZD
#nodejs #google #cloud
ITNEXT
Google Cloud Functions, Node.js and Express
The core of Google Cloud’s serverless offering is Google Cloud Functions. Learn how to build Cloud Functions quickly with Node and Express.