Article Tags
Home Technical Articles Web Front-end
The Slideout Footer

The Slideout Footer

A fascinating new site called The Markup just launched. Tagline: Big Tech Is Watching You. We’re Watching Big Tech. Great work from Upstatement. The

Apr 09, 2025 am 11:50 AM
Pages for Likes

Pages for Likes

I posted about parsing an RSS feed in JavaScript the other day. I also posted about my RSS setup talking about how Feedbin is at the heart of it.

Apr 09, 2025 am 11:47 AM
Recreating the CodePen Gutenberg Embed Block for Sanity.io

Recreating the CodePen Gutenberg Embed Block for Sanity.io

Learn how to create a custom CodePen block with a preview for Sanity Studio, inspired by Chris Coyier’s implementation for Wordpress’ Gutenberg editor.

Apr 09, 2025 am 11:43 AM
How to Make a Line Chart With CSS

How to Make a Line Chart With CSS

Line,  bar, and pie charts are the bread and butter of dashboards and are the basic components of any data visualization toolkit. Sure, you can use SVG

Apr 09, 2025 am 11:36 AM
Programming Sass to Create Accessible Color Combinations

Programming Sass to Create Accessible Color Combinations

We are always looking to make the web more accessible. Color contrast is just math, so Sass can help cover edge cases that designers might have missed.

Apr 09, 2025 am 11:30 AM
How We Created a Static Site That Generates Tartan Patterns in SVG

How We Created a Static Site That Generates Tartan Patterns in SVG

Tartan is a patterned cloth that’s typically associated with Scotland, particularly their fashionable kilts. On tartanify.com, we gathered over 5,000 tartan

Apr 09, 2025 am 11:29 AM
A Follow-Up to PHP Templating

A Follow-Up to PHP Templating

Not long ago, I posted about PHP templating in just PHP (which is basically HEREDOC syntax). I'm literally using that technique for some super basic

Apr 09, 2025 am 11:14 AM
Creating a Modal Image Gallery With Bootstrap Components

Creating a Modal Image Gallery With Bootstrap Components

Have you ever clicked on an image on a webpage that opens up a larger version of the image with navigation to view other photos?

Apr 09, 2025 am 11:10 AM
Consistent Backends and UX: What Can Go Wrong?

Consistent Backends and UX: What Can Go Wrong?

In the previous article, we explained what strong (vs. eventual) consistency is. This article is the second part of a series where we explain how a lack of

Apr 09, 2025 am 11:08 AM
Adventures in CSS Semi-Transparency Land

Adventures in CSS Semi-Transparency Land

Recently, I was asked to make some tweaks to a landing page and, among the things I found in the code, there were two semitransparent overlays — both with the

Apr 09, 2025 am 11:06 AM
Vue.js: The Documentary

Vue.js: The Documentary

Hey how cool! A documentary about Vue! Good timing as it looks like VueConf is happening right now. (Reminder we have a site for conferences to tell you stuff

Apr 09, 2025 am 10:56 AM
How to Make Repeating Border Images

How to Make Repeating Border Images

I just saw this cool little site from Max Bittker: broider. You design an image on a 9-slice grid (except the middle part) and it will produce an image for

Apr 09, 2025 am 10:51 AM
Considerations for Creating a Card Component

Considerations for Creating a Card Component

Even a simple Card component can be tricky to design an API around. What abstraction are you providing? How much control do you want to give? If you make it too flexible, you aren't providing much value. If you make it to rigid, you also are

Apr 09, 2025 am 10:50 AM
Gutenberging

Gutenberging

It's been over a year since the big WordPress launch of Gutenberg, the new editor. It seems to me most of the controversy around it has died down. There has

Apr 09, 2025 am 10:49 AM

Hot tools Tags

Undresser.AI Undress

Undresser.AI Undress

AI-powered app for creating realistic nude photos

AI Clothes Remover

AI Clothes Remover

Online AI tool for removing clothes from photos.

Undress AI Tool

Undress AI Tool

Undress images for free

Clothoff.io

Clothoff.io

AI clothes remover

Video Face Swap

Video Face Swap

Swap faces in any video effortlessly with our completely free AI face swap tool!

Hot Tools

vc9-vc14 (32+64 bit) runtime library collection (link below)

vc9-vc14 (32+64 bit) runtime library collection (link below)

Download the collection of runtime libraries required for phpStudy installation

VC9 32-bit

VC9 32-bit

VC9 32-bit phpstudy integrated installation environment runtime library

PHP programmer toolbox full version

PHP programmer toolbox full version

Programmer Toolbox v1.0 PHP Integrated Environment

VC11 32-bit

VC11 32-bit

VC11 32-bit phpstudy integrated installation environment runtime library

SublimeText3 Chinese version

SublimeText3 Chinese version

Chinese version, very easy to use