Getting Creative with the console API
If console.log is as far as your knowledge of the console object goes, this could be very handy. There are so many useful functions in there that’ll help you out while debugging. - http://amp.gs/R09Y
#javascript
If console.log is as far as your knowledge of the console object goes, this could be very handy. There are so many useful functions in there that’ll help you out while debugging. - http://amp.gs/R09Y
#javascript
Arek Nawo
Getting creative with the Console API!
Make your console.logs fancier and more stylish with unknown, yet standardized methods! #javascript #webdevelopment #webdev #programming #debugging #console #bugs #style
Stop Using So Many DIVs: An Intro to Semantic HTML
Considering the HTML5 spec reads that “authors are strongly encouraged to view the div element as an element of last resort, for when no other element is suitable”, this article is a handy reminder of the semantic alternatives. - http://amp.gs/RKGF
#html
Considering the HTML5 spec reads that “authors are strongly encouraged to view the div element as an element of last resort, for when no other element is suitable”, this article is a handy reminder of the semantic alternatives. - http://amp.gs/RKGF
#html
DEV Community
Stop using so many divs! An intro to semantic HTML
Sure, divs are great and all, but they give no information about their purpose within the document structure. HTML5 has been around for a while now, and there are better options.
Lazy Loading External JavaScript Libraries in Angular
Angular has a great ecosystem that provides us almost everything. However, we might find sometimes we still need to borrow things from plain JavaScript libraries. In these cases, we can either include external JavaScript libraries in theindex.html header/body, or include them in angular.json which will be bundled via Angular CLI. - http://amp.gs/R3n9
#angular
Angular has a great ecosystem that provides us almost everything. However, we might find sometimes we still need to borrow things from plain JavaScript libraries. In these cases, we can either include external JavaScript libraries in theindex.html header/body, or include them in angular.json which will be bundled via Angular CLI. - http://amp.gs/R3n9
#angular
codeburst
Lazy Loading External JavaScript Libraries in Angular
Angular has a great ecosystem that provides us almost everything. However, we might find sometimes we still need to borrow things from…
How to Use Domain-Oriented Observability
When Martin Fowler puts his editorial backing behind an article, I pay attention! Here’s a thorough walk through of an approach to adding business-relevant observability to JavaScript code in a clean, testable way. - http://amp.gs/RHZs
#nodejs
When Martin Fowler puts his editorial backing behind an article, I pay attention! Here’s a thorough walk through of an approach to adding business-relevant observability to JavaScript code in a clean, testable way. - http://amp.gs/RHZs
#nodejs
martinfowler.com
Domain-Oriented Observability
Add observability to your code without adding cruft to your domain logic or compromising on testability.
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&...