Task Management Application Using Vue.js
Now in this article, you will learn how to build a Task Management App similar to Trello using Vue.js. - http://amp.gs/Oucx
#vue
Now in this article, you will learn how to build a Task Management App similar to Trello using Vue.js. - http://amp.gs/Oucx
#vue
Medium
Task Management Application Using Vue.js — Part 1
Thinking in components — Task management app example
How to Section Your HTML
A valuable deep-dive into HTML’s various semantic sectioning elements (such as <nav>, <section> and <aside>) with pointers on when it's appropriate to use them, and how. Worth bookmarking for future reference. - http://amp.gs/OJag
#html
A valuable deep-dive into HTML’s various semantic sectioning elements (such as <nav>, <section> and <aside>) with pointers on when it's appropriate to use them, and how. Worth bookmarking for future reference. - http://amp.gs/OJag
#html
CSS-Tricks
How to Section Your HTML | CSS-Tricks
👋 It has been brought to our attention in the comments (and on Twitter) that some of the techniques used in this article result in a poor user
A Guide to Angular 8's Differential Loading Feature
Angular 8 is here! Learn all about one of its coolest new features: differential loading. Differential loading lets you serve up different bundles to different browsers and make your application even faster! - http://amp.gs/O0ib
#angular
Angular 8 is here! Learn all about one of its coolest new features: differential loading. Differential loading lets you serve up different bundles to different browsers and make your application even faster! - http://amp.gs/O0ib
#angular
Auth0 - Blog
A Guide to Angular 8's Differential Loading
Angular 8 now sends separate bundles to legacy browsers by default. Learn more about this new Angular feature, differential loading, in this article.
DOM Element Dimensions and CSS Transforms
Louis Lazaris shows how to retrieve correct DOM element’s dimensions when it has a CSS transform applied to it (scale, skew, translate, and rotate). - http://amp.gs/OKrj
#css
Louis Lazaris shows how to retrieve correct DOM element’s dimensions when it has a CSS transform applied to it (scale, skew, translate, and rotate). - http://amp.gs/OKrj
#css
Impressive Webs
DOM Element Dimensions and CSS Transforms
A look at the technical reasons for the variations in element dimensions via JavaScript, particularly when using CSS transforms.
A Gentle Introduction to Web Components
Web Components (aka, custom elements) allow you to implement reusable components with only HTML, CSS and JS. Here’s how to build your first, and how to use them in your apps. - http://amp.gs/O3vt
#webcomponent
Web Components (aka, custom elements) allow you to implement reusable components with only HTML, CSS and JS. Here’s how to build your first, and how to use them in your apps. - http://amp.gs/O3vt
#webcomponent
www.robinwieruch.de
Web Components Tutorial for Beginners [2019]
In this Web Components tutorial, you will learn how to implement your first web component (custom elements) with HTML, CSS, and JavaScript. It is aimed at beginners who haven't used web components before ...
Spotlight: A New Lightbox Gallery Library
It’s been years since we’ve linked to one of these (2 actually, when we linked to lightgallery.js, which remains a good option). - http://amp.gs/O3st
#component
It’s been years since we’ve linked to one of these (2 actually, when we linked to lightgallery.js, which remains a good option). - http://amp.gs/O3st
#component
GitHub
nextapps-de/spotlight
Web's most easy to integrate lightbox gallery library. Super-lightweight, outstanding performance, no dependencies. - nextapps-de/spotlight
Node vs Python 3: Which Is Fastest?
Spoiler.. it’s Node.js by a long shot! If you haven’t checked out the ‘Alioth’ Computer Langauge Benchmarks for a few years, they’ve been tweaked a bit and Node is now compared against C++, Java, Python, and Ruby. C++ and Java still have an edge but JavaScript is a clear performance winner amongst traditional ‘scripting’ languages. - http://amp.gs/OHm3
#nodejs
Spoiler.. it’s Node.js by a long shot! If you haven’t checked out the ‘Alioth’ Computer Langauge Benchmarks for a few years, they’ve been tweaked a bit and Node is now compared against C++, Java, Python, and Ruby. C++ and Java still have an edge but JavaScript is a clear performance winner amongst traditional ‘scripting’ languages. - http://amp.gs/OHm3
#nodejs
benchmarksgame-team.pages.debian.net
Node js vs Python 3 - Which programs are fastest? | Computer Language Benchmarks Game
Node js Python 3 - Which programs are fastest?
What does the Vue function API feel like
Recently a proposal for Vue.js 3.x has been published, and with it a whole new way to use Vue.js via function API that addresses many problems that were present in 2.x API. - http://amp.gs/O2mv
#vue
Recently a proposal for Vue.js 3.x has been published, and with it a whole new way to use Vue.js via function API that addresses many problems that were present in 2.x API. - http://amp.gs/O2mv
#vue
Logaretm
What does the Vue function API feel like - Abdelrahman' Blog
Javascript Enginer @Baianat
CSS Grid: No Nonsense Layouts
Austin Johnston shares an introduction to CSS Grid where you’ll learn how to create grid-based layouts through a practical, example-based approach. - http://amp.gs/O2c4
#css #grid
Austin Johnston shares an introduction to CSS Grid where you’ll learn how to create grid-based layouts through a practical, example-based approach. - http://amp.gs/O2c4
#css #grid
testdriven.io
CSS Grid: No Nonsense Layouts
This articles serves as an introduction to CSS Grid where you'll look at how to create complex grid-based layouts with simple CSS.
5 Keys to Accessible Web Typography
A solid introduction to the basics and best practices of accessible web typography. - http://amp.gs/OwEH
#typography
A solid introduction to the basics and best practices of accessible web typography. - http://amp.gs/OwEH
#typography
Better Web Type
5 Keys to Accessible Web Typography
I wrote about fluid web typography in last month’s blog post and I realised that a lot of the popular implementation techniques come with accessibility issues. So I wanted to go back and revisit the basics and the best practices of accessible web typography.
Several ES2019 Features You Can Use Today
A brief look at Object.fromEntries, trimStart, trimEnd, flat, flatMap, and more. - http://amp.gs/OwM7
#javascript #es2019
A brief look at Object.fromEntries, trimStart, trimEnd, flat, flatMap, and more. - http://amp.gs/OwM7
#javascript #es2019
LogRocket Blog
5 ES2019 features you can use today - LogRocket Blog
Since ES6 was introduced in 2015, TC39 has released a new ES standard each year. Check out these five new features available for use right now in ES2019.
Building 'Micro Frontends' with React, Vue, and Single SPA
A look at how to use multiple JavaScript frameworks in a single-page application.. if you so wished. - http://amp.gs/OFRo
#microfrontend
A look at how to use multiple JavaScript frameworks in a single-page application.. if you so wished. - http://amp.gs/OFRo
#microfrontend
DEV Community
Building Micro Frontends with React, Vue, and Single-spa
How to use multiple JavaScript frameworks in a single-page application.
Bringing A Healthy Code Review Mindset To Your Team
Sandrina Pereira shares some advice on overcoming feedback resistance and managing time expectations.
- http://amp.gs/OFad
#css
Sandrina Pereira shares some advice on overcoming feedback resistance and managing time expectations.
- http://amp.gs/OFad
#css
Smashing Magazine
Bringing A Healthy Code Review Mindset To Your Team — Smashing Magazine
Take a moment to remember the last time you collaborated in a code review. Did your team overcome feedback resistance and manage time expectations? Fostering a healthy mindset is the key to build trust and sharing knowledge with your colleagues.
Using Push Notifications with Service Workers and Node
An easy to follow introduction to rigging up a front-end notifications system with a Node backend pushing out the messages. - http://amp.gs/OXe8
#nodejs
An easy to follow introduction to rigging up a front-end notifications system with a Node backend pushing out the messages. - http://amp.gs/OXe8
#nodejs
Marcin Wanago Blog - JavaScript, both frontend and backend
Using Push Notifications with Service Workers and Node.js
In this article, we cover another feature that we can implement with the help of Service Workers – Push Notifications. They come in handy if we need a fast channel of communicating with our users. We not only learn how to implement them in terms of code,…
Everything You Need to Know About Date in JavaScript
Runs through what you need to know about Date objects. - http://amp.gs/OXbh
#javascript
Runs through what you need to know about Date objects. - http://amp.gs/OXbh
#javascript
CSS-Tricks
Everything You Need to Know About Date in JavaScript
Date is weird in JavaScript. It gets on our nerves so much that we reach for libraries (like Date-fns and Moment) the moment (ha!) we need to work with
A React Fiber Deep Dive with Dan Abramov
A fun but long (almost 2 hours!) video where Jenn Creighton and Dan Abramov help out two React developers overwhelmed by divs! A truly deep dive into the React Fiber engine and basically like getting a workshop for free. - https://www.youtube.com/watch?v=aS41Y_eyNrU
#video #abramov
A fun but long (almost 2 hours!) video where Jenn Creighton and Dan Abramov help out two React developers overwhelmed by divs! A truly deep dive into the React Fiber engine and basically like getting a workshop for free. - https://www.youtube.com/watch?v=aS41Y_eyNrU
#video #abramov
YouTube
SMOOSHCAST: React Fiber Deep Dive with Dan Abramov
Jani and Phil got a problem. There are too many damn divs! With the help of Jenn Creighton and special guest Dan Abramov, we learn how to hack React Fiber reconciler internals to make the world a less div-ided place.
In this deep dive you'll learn how to…
In this deep dive you'll learn how to…
Introduction to Vue lifecycle hooks
In this post, we will learn about all of the hooks available for use in your Vue JS workflow. - http://amp.gs/OLi0
#vue
In this post, we will learn about all of the hooks available for use in your Vue JS workflow. - http://amp.gs/OLi0
#vue
LogRocket Blog
Introduction to Vue lifecycle hooks - LogRocket Blog
Help control your workflow by using lifecycle hooks to add custom logic at different stages of the lifecycle of your Vue instance.
Inspired Design Decisions: Avaunt Magazine
Andy Clarke explains how to design and implement skinny columns using meaningful markup and efficient CSS. - http://amp.gs/OWNi
#css
Andy Clarke explains how to design and implement skinny columns using meaningful markup and efficient CSS. - http://amp.gs/OWNi
#css
Smashing Magazine
Inspired Design Decisions: Avaunt Magazine — Smashing Magazine
This is the first edition of Inspired Design Decisions in which Andy Clarke explains how to design and implement skinny columns using meaningful markup and efficient CSS.
The 10 Component Commandments
A handy walkthrough of 10 ‘practical commandments’ for creating components that you can share widely and that other developers will actually want to use. #6 is controversial, though. - http://amp.gs/Oa9U
#react
A handy walkthrough of 10 ‘practical commandments’ for creating components that you can share widely and that other developers will actually want to use. #6 is controversial, though. - http://amp.gs/Oa9U
#react
DEV Community
The 10 Component Commandments
10 golden rules to live by when you're designing your React component APIs
Having fun with Angular and Typescript Transformers
Do you know the burden of handling your RxJs subscriptions manually? Did you ever forget one? Did you ever run into the problem that you thought you would be safe with the use of the async pipe in the template and then after some time a new requirement comes in and you realize that you need a subscribe call in your component class as well? This may be a smell for a bad design of some of your components, but let's be honest: Sometimes it is the right way in order to get things done.
- http://amp.gs/OoBw
#angular
Do you know the burden of handling your RxJs subscriptions manually? Did you ever forget one? Did you ever run into the problem that you thought you would be safe with the use of the async pipe in the template and then after some time a new requirement comes in and you realize that you need a subscribe call in your component class as well? This may be a smell for a bad design of some of your components, but let's be honest: Sometimes it is the right way in order to get things done.
- http://amp.gs/OoBw
#angular