Frontend

One of the biggest challenges I hear about from developers is that they struggle with how to abstract their code. Today, we’re going to look at a few different examples using the fetch() method, and I’ll show you how I would abstract that code. Repeating the same task For today’s article, we’ll be using the JSONPlaceholder APIs. They let you make real API calls and get data back. For our first example, lets say you wanted to POST data to the /posts endpoint.

The URL API is a browser API that lets you create a URL object from a string that you can then parse and manipulate. Confused? Let’s dig in and demystify this a bit. Creating a URL from a string with vanilla JS To create a new URL object, pass the URL as a string into the new URL() constructor method. var url = new URL('https://gomakethings.com/about?num=42&greeting=hello#contact'); I’m using a comically complex example above so that you can see all of the cool stuff the URL API lets you do.

😎📍 React hook for Google Maps Places Autocomplete. - wellyshen/use-places-autocomplete

I've put together for you an entire visual cheatsheet of all of the concepts and skills you need to master React in 2020. Each part is designed to be immensely helpful by showing you real-world, practical examples with meaningful comments to guide you along the way.

Some link hover effect that reveal a thumbnail in different creative ways.

A free guide to all HTML elements and attributes.

CSS Reference is a free visual guide to CSS. It features the most popular properties, and explains them with illustrated and animated examples.

A tiny modern CSS reset

Check and improve how search engines and social media websites see and display your website.

Learn how to create knockout text to make your next site a real knockout.

A Lightweight, Responsive and Modern CSS Framework

A free library of ready-to-use HTML, CSS, JS components for designers and developers.

Semantic empowers designers and developers by creating a shared vocabulary for UI.

Bulma is an open source CSS framework based on Flexbox and built with Sass. It's 100% responsive, fully modular, and available for free.

Editor.md: a simple online markdown editor.

Significa was created with the single purpose of raising the standard of quality in user-centered design by creating useful, beautiful & meaningful experiences

A modern, HTML5-ready alternative to CSS resets

Materialize is a modern responsive CSS framework based on Material Design by Google.

Modernizr tells you what HTML, CSS and JavaScript features the user’s browser has to offer.

Quill is a free, open source rich text editor built for the modern web.

Handpicked collection of Web Design & UI Inspiration with Code Snippets. ✅ GIF preview ✅ HTML CSS copy paste code.

A dependency-free JavaScript ES6 slider and carousel. It’s lightweight, flexible and fast. Designed to slide. No less, no more

the last carousel you'll ever need

Add multi-touch gestures to your webpage.

Cascading grid layout library

Filter & sort magical layouts