The !! operator
Convert string → number
The reverse method
The Math.min & max
Merge Arrays
The falsey values
The ternary operator
Remove duplicates from array
The map method
The includes method
The filter method
Scroll to top button
Happy Coding 😊

As web developers, it is often quite hard and time-consuming to make accessible UIs. This gets even worse when we have to make special components like Modals or Popovers from scratch.

Thankfully, the React ecosystem is huge and there are many great people who have made amazing libraries to help us with this problem. Today, we are going to focus on React component libraries that are accessible, have a decent base style, have good docs, and come with components like Modals, Popovers, Tooltips, etc.

Marked is

1. built for speed.*
2. a low-level markdown compiler for parsing markdown without caching or blocking for long periods of time.**
3. light-weight while implementing all markdown features from the supported flavors & specifications.***
4. available as a command line interface (CLI) and running in client- or server-side JavaScript projects.

The only framework that makes responsive email easy. MJML is a markup language designed to reduce the pain of coding a responsive email.

REST and GraphQL framework on top of Symfony and React

Frontend app generator. Create webpack config, Parcel app or Snowpack with React, Vue, Svelte, Typescript, babel, css modules, CSS, SASS, less, code splitting

Software Architect 👷. Productivity ⏱️ & Team Morale 😊. Javascript, Typescript, Cloud Native ☁️. Author 📚 and Educator 🧑‍🏫.

Vanilla.js — Getting Started
Convert Modern JavaScript to Legacy (ECMAScript 5) in Minutes
Client-side JavaScript Databinding without a Framework
Build a Single Page Application (SPA) Site With Vanilla.js

When I need a CSP Hash?

If you are already implemented the Content-Security-Policy header and want to use inline scripts and/or styles but don't want to use the 'unsafe-inline' directive. Then probably you will see a similar error in DevTools console.

printf "%s" "$(<script.txt)" | openssl sha256 -binary | openssl base64

echo -n "$(<script.txt)" | openssl sha256 -binary | openssl base64

Source

Simple

No more databases, comment moderation, or pesky updates to install—just your content.

How Jekyll works →

Static

Markdown, Liquid, HTML & CSS go in. Static sites come out ready for deployment.

Jekyll template guide →

Blog-aware

Permalinks, categories, pages, posts, and custom layouts are all first-class citizens here.

Migrate your blog →

You will learn how to create amazing websites through programming and design tutorials. Learn Web Development Tutorials in simple and easy steps starting from basic to advanced concepts with examples. Interactive tutorials, examples, and references on web development technologies, like HTML, CSS, JavaScript, jQuery, Ajax, XML, SQL, and so on.

Automate routine dev work with Abstract's suite of APIs
Power your next application with Abstract suite of APIs

The images generated by Regexper are commonly referred to as "Railroad Diagrams". These diagram are a straight-forward way to illustrate what can sometimes become very complicated processing in a regular expression, with nested looping and optional elements.

Most things that you can do manually in the browser can be done using Puppeteer! Here are a few examples to get you started:

Generate screenshots and PDFs of pages.
Crawl a SPA (Single-Page Application) and generate pre-rendered content (i.e. "SSR" (Server-Side Rendering)).
Automate form submission, UI testing, keyboard input, etc.
Create an up-to-date, automated testing environment. Run your tests directly in the latest version of Chrome using the latest JavaScript and browser features.
Capture a timeline trace of your site to help diagnose performance issues.
Test Chrome Extensions.

Redux is a state management library. It stores the state of your app and provides methods to interact with that state. It can be used with any framework like React, Angular, Vue etc.

Quick guide of Redux.

Je vais parler ici d'astuces pour donner l'impression que la page se charge plus vite.

Simple yet flexible JavaScript charting for designers & developers

Dans ce tutoriel je vous propose de découvrir comment créer un système de redimensionnement en JavaScript. L'objectif est de permettre à l'utilisateur de redimensionner la sidebar.