Understanding Grid Placement Through Building A HTML Periodical Table
A practical walkthrough of CSS Grid techniques. - http://amp.gs/doO7
#css #grid
A practical walkthrough of CSS Grid techniques. - http://amp.gs/doO7
#css #grid
Chenhuijing
Understanding grid placement through building a HTML periodical table
I’ve been using CSS grid to build layouts for quite a while now, and all my designs to date involved either a handful of explicitly placed individual grid items, or 100% automatic placement.
Creating Better Apps with React Server-Side Rendering
An introduction to server-side rendering with data store injection and how this improved Riot Games’ search feature ‘in some surprising ways’. - http://amp.gs/dMko
#react
An introduction to server-side rendering with data store injection and how this improved Riot Games’ search feature ‘in some surprising ways’. - http://amp.gs/dMko
#react
Riotgames
Better Apps with React Server-Side Rendering
Try out this tutorial on using React server-side rendering with data store injection to make your web apps more responsive, easier to test, and better at scale.
Vue.js And SEO: How to Optimize Reactive Websites for Search Engines and Bots
Do websites created with reactive frameworks get indexed by Google and other search engines? Is it compulsory to set up pre-rendering, as your SEO consultants suggest? Or are they wrong?
- http://amp.gs/d5nM
#vue
Do websites created with reactive frameworks get indexed by Google and other search engines? Is it compulsory to set up pre-rendering, as your SEO consultants suggest? Or are they wrong?
- http://amp.gs/d5nM
#vue
Smashing Magazine
Vue.js And SEO: How To Optimize Reactive Websites For Search Engines And Bots — Smashing Magazine
Do websites created with reactive frameworks get indexed by Google and other search engines? Is it compulsory to set up pre-rendering, as your SEO consultants suggest? Or are they wrong?
Make Your Angular Form’s Error Messages Magically Appear
In this article, we’re going to learn how to develop a generic method that displays validation errors in Angular’s form. I will walk you through the process and ideas behind the decisions I made along the way. - http://amp.gs/d6zw
#angular
In this article, we’re going to learn how to develop a generic method that displays validation errors in Angular’s form. I will walk you through the process and ideas behind the decisions I made along the way. - http://amp.gs/d6zw
#angular
Medium
Make Your Angular Form’s Error Messages Magically Appear
In this article, we’re going to learn how to develop a generic method that displays validation errors in Angular’s form. I will walk you…
Dependency Injection Made Easy for VueJS and Vuex with TypeScript
Dependency injection (DI) brings many benefits to your code including boilerplate reduction and ease of testing. In this article, you'll learn to implement DI easily in a VueJS project using TypeScript and the Inversify Props library.
- http://amp.gs/d6QG
#vue
Dependency injection (DI) brings many benefits to your code including boilerplate reduction and ease of testing. In this article, you'll learn to implement DI easily in a VueJS project using TypeScript and the Inversify Props library.
- http://amp.gs/d6QG
#vue
Medium
Dependency Injection Made Easy for VueJS and Vuex with TypeScript
Start doing more SOLID practices in your VueJS + TypeScript codebase with Dependency Injection! Easy guide to implement DI !
The CSS background-image Property as an Anti-Pattern
The author argues that the CSS background-image property “allowed us to do some amazing things, but in most cases, it’s time to leave it behind”. - http://amp.gs/dbgM
#css
The author argues that the CSS background-image property “allowed us to do some amazing things, but in most cases, it’s time to leave it behind”. - http://amp.gs/dbgM
#css
nystudio107
The CSS background-image property as an anti-pattern
The CSS background-image property allowed us to do some amazing things, but in most cases, it's time to leave it behind.
Creating Animations Using React Spring
react-spring is a great way to bring your components to life with simple animations. This tutorial shows the way. - http://amp.gs/dbMK
#react
react-spring is a great way to bring your components to life with simple animations. This tutorial shows the way. - http://amp.gs/dbMK
#react
CSS-Tricks
Creating Animations Using React Spring | CSS-Tricks
Have you ever needed animation in your React application? Traditionally, implementing animation has not an easy feat to accomplish. But now, thanks to
TypeScript 3.5 Released
It’s not a huge release but improved performance and incremental compilation and the Omit helper type will surely be welcome to the rapidly growing number of TypeScript users. - http://amp.gs/OISF
#typescript
It’s not a huge release but improved performance and incremental compilation and the Omit helper type will surely be welcome to the rapidly growing number of TypeScript users. - http://amp.gs/OISF
#typescript
TypeScript
Announcing TypeScript 3.5 | TypeScript
Today we’re happy to announce the availability of TypeScript 3.5! If you’re new to TypeScript, it’s a language that builds on JavaScript that adds optional static types. TypeScript code gets type-checked to avoid common mistakes like typos and accidental…
Sharing and Reusing Vue Mixins in the Cloud with Bitdev
This post demonstrates how to reuse Vue mixins across projects by using Bit, a tool that helps teams easily share and manage code components. - http://amp.gs/OI6B
#vue
This post demonstrates how to reuse Vue mixins across projects by using Bit, a tool that helps teams easily share and manage code components. - http://amp.gs/OI6B
#vue
Bits and Pieces
Sharing and Reusing Vue Mixins in the Cloud with Bit.dev
Learn how to easily store, re-use and share Vue Mixins
How to Create a Split, Faux-Container Layout with CSS Grid and Flexbox
Building a split layout that breaks an article into separate, colored panels. - http://amp.gs/OjEg
#css
Building a split layout that breaks an article into separate, colored panels. - http://amp.gs/OjEg
#css
Andy Bell
Create a split, faux-container layout with CSS Grid and Flexbox - Andy Bell
Self-Host Your Static Assets
Outlines the disadvantages of hosting your static assets ‘off-site’, and the “overwhelming benefits” of hosting them on your own origin. - http://amp.gs/O8mm
#css
Outlines the disadvantages of hosting your static assets ‘off-site’, and the “overwhelming benefits” of hosting them on your own origin. - http://amp.gs/O8mm
#css
Csswizardry
Self-Host Your Static Assets – CSS Wizardry
Why is it so much better to self-host your static assets?
node-libcurl 2.0: libcurl Bindings for Node
libcurl is a very powerful and well established way to fetch data from URLs across numerous protocols. In version 2.0.0, support for Node 4 and 6 is dropped, Node 12 is added, along with lots of fixes and increased support for libcurl’s features. - http://amp.gs/O8PG
#nodejs
libcurl is a very powerful and well established way to fetch data from URLs across numerous protocols. In version 2.0.0, support for Node 4 and 6 is dropped, Node 12 is added, along with lots of fixes and increased support for libcurl’s features. - http://amp.gs/O8PG
#nodejs
GitHub
JCMais/node-libcurl
libcurl bindings for node. Contribute to JCMais/node-libcurl development by creating an account on GitHub.
Some Best Practices for Building a Large Scale React App
If you’ve built a React app from scratch, you may have noticed it become complex and unwieldy over time. This article digs into a few concepts worth keeping in mind to make neater, larger scale apps over time. - http://amp.gs/O8Ht
#react
If you’ve built a React app from scratch, you may have noticed it become complex and unwieldy over time. This article digs into a few concepts worth keeping in mind to make neater, larger scale apps over time. - http://amp.gs/O8Ht
#react
Buttercms
Best practices for building a large scale react application | ButterCMS
What are best practices for building a large React app? What libraries are useful for managing your app? Read this article to learn more.
Reading Client-Side Files for Validation with Vue.js
Folks new to web development may not know that form inputs using file type are read-only. This article will teach you how to correctly read a file using Vue and the File Reader API.
- http://amp.gs/OTuJ
#vue
Folks new to web development may not know that form inputs using file type are read-only. This article will teach you how to correctly read a file using Vue and the File Reader API.
- http://amp.gs/OTuJ
#vue
Raymondcamden
Reading Client-Side Files for Validation with Vue.js
A look at reading client-side files with Vue.js.
Four Reasons Your z-index Isn’t Working (and How to Fix It)
Explains in detail some of the most common reasons why z-index might not be doing what you expect, with fixes for each. - http://amp.gs/Ozuq
#css
Explains in detail some of the most common reasons why z-index might not be doing what you expect, with fixes for each. - http://amp.gs/Ozuq
#css
freeCodeCamp.org
4 reasons your z-index isn’t working (and how to fix it)
Z-index is a CSS property that allows you to position elements in layers on top of one another. It’s super useful, and honestly a very important tool to know how to use in CSS. Unfortunately, z-index is one of those properties that doesn’t always behave in…
npm Passes The 1 Million Package Mileston
Not only is Node.js 10 years old, there are now also, quite coincidentally, 1 million npm packages (though npm’s own 10th birthday is next year). Rumors suggest only about 23% of the packages belong to Sindre Sorhus. - http://amp.gs/O19L
#nodejs
Not only is Node.js 10 years old, there are now also, quite coincidentally, 1 million npm packages (though npm’s own 10th birthday is next year). Rumors suggest only about 23% of the packages belong to Sindre Sorhus. - http://amp.gs/O19L
#nodejs
Snyk
npm passes the 1 millionth package milestone! What can we learn? | Snyk
June 4th is a historic date. Not only is it our very own Liran Tal’s birthday (Mazal Tov, Liran!) but it is also the date that the millionth package was
When to useMemo and useCallback
An interesting demonstration of how abstractions and performance optimizations can sometimes come with a cost that outweighs the benefit, focusing here on the useMemo and useCallback hooks. - http://amp.gs/OYvO
#react
An interesting demonstration of how abstractions and performance optimizations can sometimes come with a cost that outweighs the benefit, focusing here on the useMemo and useCallback hooks. - http://amp.gs/OYvO
#react
Kentcdodds
When to useMemo and useCallback
Performance optimizations ALWAYS come with a cost but do NOT always come with a benefit. Let's talk about the costs and benefits of useMemo and useCallback.
That Shouldn’t Work! Oh, Vue Binds All Methods?
In this article, the author shares some interesting insights into how Vue methods are bound. Check it out and perhaps you'll learn something new about Vue reactivity. - http://amp.gs/Otvw
#vue
In this article, the author shares some interesting insights into how Vue methods are bound. Check it out and perhaps you'll learn something new about Vue reactivity. - http://amp.gs/Otvw
#vue
Medium
That shouldn’t work! Oh, Vue binds all methods?
During a conversation with a fellow developer, I saw some code that I didn’t think should work based on JS fundamentals…
How! Important Are We?
Christian Heilmann looks at the current state of web dev, outlines some problems we’re facing and offers solutions. - http://amp.gs/OZZU
#css
Christian Heilmann looks at the current state of web dev, outlines some problems we’re facing and offers solutions. - http://amp.gs/OZZU
#css
Medium
How !important are we?
One of my favourite parts of CSS is the !important exception. It is a wonderful metaphor of the oft cited problem between CSS and…