Search
The Many Ways to Link Up Shapes and Images with HTML and CSS
1.10.2019
Different website designs often call for a shape other than a square or rectangle to respond to a click event. Perhaps your site has some kind of tilted or curved banner where the click area would be awkwardly large as a straight rectangle. Or you have a large uniquely shaped logo where you only...
Preloading Pages Just Before They are Needed
27.9.2019
The typical journey for a person browsing a website: view a page, click a link, browser loads new page. That's assuming no funny business like a Single Page App, which still follows that journey, but the browser doesn't load a new page — the client fakes it for the sake of a snappier...
Weekly Platform News: Layout Shifts, Stalled High-Bitrate Videos, Screenshots in Firefox
26.9.2019
In this week's roundup: fighting shifty layouts, some videos might be a bit stalled, and a new way to take screenshots in Firefox.
Let's get into the news!
Identifying the causes of layout shifts during page load
You can now use WebPageTest to capture any layout shifts that occur on your website...
Get Geographic Information from an IP Address for Free
24.9.2019
Say you need to know what country someone visiting your website is from, because you have an internationalized site and display different things based on that country. You could ask the user. You might want to have that functionality anyway to make sure your visitors have control, but surely they...
Luxembourg Regulator Red-Flags Activities of BitPay Clone Website
18.9.2019
Luxembourg’s financial watchdog red-flagged the activities of a clone website impersonating crypto payments provider BitPay
Fast Static Sites with Netlify and AnyMod
12.9.2019
In about 10 minutes, we'll set up a workflow that makes static sites dead simple.
You'll get the following:
Free https
Free or cheap hosting
Build sites quickly
Edit with live reload
Edit when you’ve forgotten everything in 6 months
Start: signups
We can get all this by using Netlify (really...
Weekly Platform News: Text Spacing Bookmarklet, Top-Level Await, New AMP Loading Indicator
5.9.2019
In this week's roundup, a handy bookmarklet for inspecting typography, using await to tinker with how JavaScript modules import one another, plus Facebook's in-app browser is only posing as one. Let's get into the news!
Check if your content breaks after increasing text spacing
Dylan Barrell from...
Inspirational Websites Roundup #8
5.9.2019
Another set of inspirational website designs from the previous month to bring you up to date on the current design trends.
Inspirational Websites Roundup #8 was written by Mary Lou and published on Codrops
Simple Ledger Protocol Announces Virtual Hackathon Devoted to SLP Token Ecosystem
5.9.2019
For 72 hours on Sep. 27-30, teams from around the world will participate in a Simple Ledger Protocol (SLP) Virtual Hackathon. Participants will compete for $2,000 worth of prizes by submitting open source code utilizing the SLP framework. The Hackathon’s website details that winners with...
Should a website work without JavaScript?
2.9.2019
The JS Party podcast just had a fun episode where they debated this classic question by splitting into two groups of two. Each group was assigned a "side" of this debate, and then let loose to debate it. I don't think anybody can listen to a show like this and not be totally flooded with thoughts!...
Mike Tyson Rejects Report Claiming Him Being Associated With Fight To Fame, Or Their Website
18.8.2019
Disclaimer: This is an update of our previous article. It has now been corrected as per latest updates from confirmed sources. In a twisting turn, legendary boxer Mike Tyson has denied his association with blockchain company Fight To Fame or its Countdown website. Reports emerged earlier this month...
Design Principles for Developers: Processes and CSS Tips for Better Web Design
8.8.2019
It is technically true that anyone can cook. But there’s a difference between actually knowing how to prepare a delicious meal and hoping for the best as you throw a few ingredients in a pot. Just like web development, you might know the ingredients—<span>, background-color, .heading-1—but...
Get the Best Domain Name for your New Website
8.8.2019
(This is a sponsored post.)
If you're on CSS-Tricks, we can probably bet that you're in the process of building a really cool website. You've spent your time creating content, applying appropriate UX design techniques, coding it to perfection, and now you're about ready to launch it to the world.
A...
Inspirational Websites Roundup #7
6.8.2019
Our monthly selection of beautiful and inspiring website designs that showcases current design trends.
Inspirational Websites Roundup #7 was written by Mary Lou and published on Codrops
Using Netlify Forms and Netlify Functions to Build an Email Sign-Up Widget
2.8.2019
Building and maintaining your own website is a great idea. Not only do you own your platform, but you get to experiment with web technologies along the way. Recently, I dug into a concept called serverless functions, starting with my own website. I’d like to share the results and what I learned...
Register Now for An Event Apart 2019 in Chicago
1.8.2019
(This is a sponsored post.)
An Event Apart juuuuust wrapped up its Washington D.C. event yesterday. We hope we got to see you at the event but if not, perhaps we'll see you at the next one happening Aug. 28-28 in Chicago.
Why would you go, you might ask? It's three days of experts imparting their...
When Cash Is Banned, Centralized Cryptos Are Not Going to Save You
30.7.2019
Australia is now moving forward with its proposed legislation to ban cash purchases over 10,000 AUD ($6,900) for business purposes. According to the treasury website: “The Black Economy Taskforce recommended this action to tackle tax evasion and other criminal activities.” While many...
The Guardian digital design system
29.7.2019
Here’s a fascinating look at The Guardian’s design system with a step-by-step breakdown of what's gone into it and what options are available to designers and developers. It shows us how the team treats colors, typography, layouts, and visual cues like rules and borders.
I’ve been struggling...
Responsive Iframes
25.7.2019
Say you wanted to put the CSS-Tricks website in an <iframe>. You'd do that like this:
<iframe src="https://css-tricks.com"></iframe>
Without any other styling, you'd get a rectangle that is 300x150 pixels in size. That's not even in the User Agent stylesheet, it's just some...
PR: bitHolla Releases Open Exchange Kit HollaExShell
24.7.2019
bitHolla, the company that builds customized cryptocurrency trading software is announcing the launch of its new product HollaExShell, an open exchange software package, giving anyone the ability to launch a full fledged crypto exchange from a command-line interface. HollaEx packages provided...