CSS Lists, Markers, And Counters
In this article Rachel Andrew starts by looking at lists in CSS, and moving onto some interesting features defined in the CSS Lists specification — markers and counters. - http://amp.gs/rcOZ
#css
In this article Rachel Andrew starts by looking at lists in CSS, and moving onto some interesting features defined in the CSS Lists specification — markers and counters. - http://amp.gs/rcOZ
#css
Smashing Magazine
CSS Lists, Markers, And Counters — Smashing Magazine
There is more to styling lists in CSS than you might think. In this article, Rachel starts by looking at lists in CSS, and moving onto some interesting features defined in the CSS Lists specification — markers and counters.
Next.js 9 Released: The Popular Server-Side React Framework
9.0 introduces a lot of features like zero-config TypeScript support and ‘API routes’, a new way to build back-end APIs. - http://amp.gs/rb9u
#nextjs
9.0 introduces a lot of features like zero-config TypeScript support and ‘API routes’, a new way to build back-end APIs. - http://amp.gs/rb9u
#nextjs
nextjs.org
Next.js 9
Next.js 9 includes TypeScript support, Dynamic Routing, API Routes, Automatic Static Optimization, and more!
How To Build a Minesweeper Game with JavaScript
I love fun tutorials like this. It’s not perfect JavaScript, it uses jQuery, and you might pick other holes in it, but you’ll learn something, have fun, and it works! - http://amp.gs/SISE
#javascript #game #minesweeper
I love fun tutorials like this. It’s not perfect JavaScript, it uses jQuery, and you might pick other holes in it, but you’ll learn something, have fun, and it works! - http://amp.gs/SISE
#javascript #game #minesweeper
Mitchum.Blog
How To Build Minesweeper With JavaScript - Mitchum.Blog
Learn how to build minesweeper with javascript. Play the game and learn about how it is constructed using front-end web technologies.
How to Dynamically Generate Social/OpenGraph Images Serverlessly
If you paste certain URLs into social tools like Twitter or Slack, you’ll see a neat social sharing image appear. These can be created manually, but what if you want to dynamically generate them? Here’s how to do that with Node and ZEIT Now. - http://amp.gs/SjRJ
#nodejs
If you paste certain URLs into social tools like Twitter or Slack, you’ll see a neat social sharing image appear. These can be created manually, but what if you want to dynamically generate them? Here’s how to do that with Node and ZEIT Now. - http://amp.gs/SjRJ
#nodejs
Leighhalliday
Serverless OG Image
If you've ever pasted a URL from an article on dev.to into Slack, Twitter, Facebook or LinkedIn, you'll notice they have an awesome social…
Color Inputs: A Deep Dive into Cross-Browser Differences
Ana Tudor looks at the structure inside <input type=’color’> elements, browser inconsistencies, why they look a certain way in a certain browser, and how to dig into it. - http://amp.gs/STKX
#css
Ana Tudor looks at the structure inside <input type=’color’> elements, browser inconsistencies, why they look a certain way in a certain browser, and how to dig into it. - http://amp.gs/STKX
#css
CSS-Tricks
Color Inputs: A Deep Dive into Cross-Browser Differences
In this article, we'll be taking a look at the structure inside elements, browser inconsistencies, why they look a certain way in a certain browser, and
Working With Functional Vue.js Components
Learn how to pass classes, attributes and event listerners to functional Vue.js components. - http://amp.gs/SzsC
#vue
Learn how to pass classes, attributes and event listerners to functional Vue.js components. - http://amp.gs/SzsC
#vue
markus.oberlehner.net
Working With Functional Vue.js Components
Learn how to pass classes, attributes, and event listeners to functional Vue.js components.
Getting to Know Puppeteer Using Practical Examples
A handy mixture of both guide and cheat sheet for the popular Chrome automation library. - http://amp.gs/S1uP
#puppeteer
A handy mixture of both guide and cheat sheet for the popular Chrome automation library. - http://amp.gs/S1uP
#puppeteer
📚 Nitay Neeman's Blog | JavaScript • Angular • RxJS
Getting to Know Puppeteer Using Practical Examples
An overview, concrete guide and kinda cheat sheet for the popular browser automation library, based on Node.js, which provides a high-level API over the Chrome DevTools Protocol.
Improve Your JavaScript Knowledge By Reading Source Code
If you get stuck with a certain API or language feature, reading other people’s source code is a great way to break out of a funk. - http://amp.gs/SYwJ
#javascript
If you get stuck with a certain API or language feature, reading other people’s source code is a great way to break out of a funk. - http://amp.gs/SYwJ
#javascript
Smashing Magazine
Improve Your JavaScript Knowledge By Reading Source Code — Smashing Magazine
When you are still early on in your programming career, digging into the source code of open source libraries and frameworks can be a daunting endeavor. In this article, Carl Mungazi shares how he got over his fear and began using source code to improve his…
Animating with Clip-Path
Travis Almand dives into clip-path and shows how you can use it to create complex animations. - http://amp.gs/St2t
#css
Travis Almand dives into clip-path and shows how you can use it to create complex animations. - http://amp.gs/St2t
#css
CSS-Tricks
Animating with Clip-Path | CSS-Tricks
clip-path is one of those CSS properties we generally know is there but might not reach for often for whatever reason. It’s a little intimidating in the
swagger-routes-express: Connect Express Route Controllers to RESTful Paths using a Swagger Definition File
For Swagger or OpenAPI users. Here’s a tutorial on how to use it. - http://amp.gs/Spzy
#nodejs
For Swagger or OpenAPI users. Here’s a tutorial on how to use it. - http://amp.gs/Spzy
#nodejs
GitHub
davesag/swagger-routes-express
Connect your Express route controllers to restful paths using your Swagger definition file - davesag/swagger-routes-express
Tabulator: An Interactive Table and Data Grid Library
It’s not React-specific but works alongside it. Here are the basic instructions along with code examples. - http://amp.gs/SpPA
#javascript #component
It’s not React-specific but works alongside it. Here are the basic instructions along with code examples. - http://amp.gs/SpPA
#javascript #component
tabulator.info
Tabulator - Interactive JavaScript Tables
Create interactive data tables in seconds with Tabulator. A lightweight, fully featured JavaScript table generation library.
Vue.js Advanced Reactivity API and Caching Method-style Getters
Why and how to cache method-style getter invocations, though the principles would also apply to method-style computed properties. - http://amp.gs/Sp5c
#vue
Why and how to cache method-style getter invocations, though the principles would also apply to method-style computed properties. - http://amp.gs/Sp5c
#vue
Medium
Vue.js Advanced Reactivity API and Caching Method-style Getters
Why or where you might need it, a practical how-to, and a guide to the internal mechanics involved.
Avoid Placeholder Text by Animating Form Labels
Christopher Schmitt shows how to provide an effect similar to placeholder text — without limiting or locking out people with disabilities. - http://amp.gs/SB8u
#css
Christopher Schmitt shows how to provide an effect similar to placeholder text — without limiting or locking out people with disabilities. - http://amp.gs/SB8u
#css
knowbility.org
Avoid Placeholder Text by Animating Form Labels — Knowbility
With a few touches of CSS animations, you can provide an effect similar to placeholder text — without limiting or locking out people with disabilities.
Debug the DOM in VS Code using Elements for Microsoft Edge
A look at a new Visual Studio Code extension, Elements for Microsoft Edge, that lets you inspect and debug the DOM directly from within VS Code and see the impact of changes to the page in real time. - http://amp.gs/SBce
#vscode
A look at a new Visual Studio Code extension, Elements for Microsoft Edge, that lets you inspect and debug the DOM directly from within VS Code and see the impact of changes to the page in real time. - http://amp.gs/SBce
#vscode
Microsoft Edge Blog
Debug the DOM in Visual Studio Code using Elements for Microsoft Edge
Over the past few months, we’ve been working closely with web developers to understand how to simplify your workflows by building on our new Chromium-powered DevTools foundation for the next version of Microsoft Edge. One consistent theme we heard in these…
Google Explains the JavaScript SEO Basics
Did you know that when Googlebot is crawling the Web, it runs a version of Chromium behind the scenes and actually runs your JavaScript? This means there are some things to be aware of. - http://amp.gs/SnV5
#seo #google #javascript
Did you know that when Googlebot is crawling the Web, it runs a version of Chromium behind the scenes and actually runs your JavaScript? This means there are some things to be aware of. - http://amp.gs/SnV5
#seo #google #javascript
Google Developers
Understand the JavaScript SEO basics | Search for Developers
Lightship: Abstracts Liveness Checks and Graceful Shutdown of Node Services Running in Kubernetes - http://amp.gs/Sn6D
#nodejs
#nodejs
GitHub
gajus/lightship
Abstracts readiness, liveness and startup checks and graceful shutdown of Node.js services running in Kubernetes. - gajus/lightship
Position Sticky and Table Headers
It’s a little known (CSS) trick(s) but you can use position sticky against the <th> element in a table which can be incredibly helpful. - http://amp.gs/SGuf
#css
It’s a little known (CSS) trick(s) but you can use position sticky against the <th> element in a table which can be incredibly helpful. - http://amp.gs/SGuf
#css
CSS-Tricks
Position Sticky and Table Headers | CSS-Tricks
You can't position: sticky; a . Nor a . But you can sticky a , which means you can make sticky headers inside a regular ol' . This is tricky stuff,
Creating Smooth Animations with React and Framer Motion
Last week we featured Framer Motion, an open source successor to Pose for building high quality animations in React apps. Here are basic examples on how to use it. - http://amp.gs/Sxmo
#react
Last week we featured Framer Motion, an open source successor to Pose for building high quality animations in React apps. Here are basic examples on how to use it. - http://amp.gs/Sxmo
#react
Medium
Smooth Animations With React and Framer Motion
Frame Motion is an open source React library to power production-ready animations.