Search
Self-Host Your Static Assets
5.6.2019
Harry Roberts digs into why hosting assets on someone else’s servers (including CDNs) is not such a great idea if we want our websites to be lightning fast.
Harry writes:
One of the quickest wins—and one of the first things I recommend my clients do—to make websites faster can at first seem...
Why Darknet Drug Sales Are on the Rise
5.6.2019
The public’s appetite for darknet drugs remains undaunted. A major new survey has shown consistent growth in online drug sales since 2014, with Scotland, Brazil and England leading the demand for narcotics procured off the darknet. Despite numerous darknet markets (DNMs) and supporting...
Reducing motion with the picture element
31.5.2019
Here’s a bonafide CSS/HTML trick from Brad Frost and Dave Rupert where they use the <picture> element to switch out a GIF file with an image if the user has reduced motion enabled. This is how Brad goes about implementing that:
<picture>
<!-- This image will be loaded if...
Nechoď do práce, pracuj z coworkingu. Pátek je Den otevřených coworkingů
31.5.2019
V pátek se již podruhé v České republice otevřou návštěvníkům prostory sdílené pracovní kanceláře neboli coworkingy, letos zase o větším rozsahu. Zapojí se 61 míst ve 27 městech po celé ČR, nejvíc jich pak zájemci najdou v hlavním městě. Pořadatel akce, portál Na volné noze, sleduje fenomén...
The difference between keyboard and screen reader navigation
29.5.2019
There are a few differences between keyboards and screen readers and Léonie Watson highlights of them:
When using the tab key, keyboard focus and screen reader focus are synchronised with each other. The rest of the time, screen reader users have an enormous range of commands at their disposal...
Night Mode with Mix Blend Mode: Difference
27.5.2019
Dark mode designs are all the rage right now but here’s an interesting take: Wei Gao has built a night mode on her own site that uses mix-blend-mode: difference to create an effect that looks like this:
Wei explains how she implemented this technique and the edge cases she encountered along...
Tisíce routerů TP-Link zůstávají zranitelné. Aktualizujte firmware a změňte heslo
26.5.2019
Tisíce směrovačů značky TP-Link jsou zranitelné skrz chybu, kterou lze použít ke vzdálenému ovládnutí zařízení. Výrobci však trvalo více než rok, než zveřejnil příslušné opravy. Chyba zabezpečení umožňuje útočníkovi vzdáleně získat úplný přístup k postiženému zařízení.
Zneužití bezpečnostní
Vaulty Aggregates All Your Cryptocurrency Addresses Using a Single Link
18.5.2019
The ability to receive direct crypto payments is of great importance for numerous small businesses, individual entrepreneurs, content creators and non-governmental organizations like charities. Many of them accept different cryptocurrencies and Vaulty.io provides help with managing multiple...
Evergreen Googlebot
16.5.2019
I've heard people say that the #1 most exciting and important thing that came out of Google I/O this year was the evergreen Googlebot:
Today, we are happy to announce that Googlebot now runs the latest Chromium rendering engine (74 at the time of this post) when rendering pages for Search. Moving...
Using Jetpack to Accelerate WordPress Development
16.5.2019
(This is a sponsored post.)
[Geoff:] I've built a fair number of WordPress sites in my day. It's been my go-to since the 2.x-ish days because it works for any site, big or small. That's the sort of solution and flexibility you like to have as a freelancer.
Boy, I wish I had Jetpack available...
PR: PBET Merges Online and Physical Gambling Worlds
16.5.2019
It’s estimated that 72 % of real-world casino gamblers play online too and statistically, those that play both tend to spend around 15 % more in the physical casino. Despite this, and the unprecedented growth of online gaming, the link between the physical and online casino has remained...
A Better Approach for Using Purgecss with Tailwind
15.5.2019
Greg Kohn looks at how to use Purgecss — a tool that helps remove unused styles — and Tailwind — a utility-based CSS framework — and why we might want to pair these tools together:
Tailwind, by intention, is aiming to equip you with an arsenal of utility classes...
Google Fonts is Adding font-display
14.5.2019
Google announced at I/O that their font service will now support the font-display property which resolves a number of web performance issues. If you're hearing cries of joy, that's probably Chris as he punches the air in celebration. … Read article
The post Google Fonts is Adding...
CSS-Tricks Chronicle XXXV
10.5.2019
I like to do these little roundups of things going on with myself, this site, and the other sites that are part of the CSS-Tricks family.
I spoke at Smashing Conf San Francisco.
There's a video! I can't embed it here because of privacy settings or something, so here's a link to the Vimeo.
It's...
The Thinking Behind Simplifying Event Handlers
9.5.2019
Events are used to respond when a user clicks somewhere, focuses on a link with their keyboard, and changes the text in a form. When I first started learning JavaScript, I wrote complicated event listeners. More recently, I've learned how to reduce both the amount of code I write and the number...
A responsive grid layout with no media queries
9.5.2019
Andy Bell made a really cool demo that shows us how to create a responsive grid layout without any media queries at all. It happens to look like this when you change the size of the browser window:
I think this is a wonderful layout technique that’s just 6 lines (!) of CSS.
.auto-grid...
The Impact of Team Collaboration and Communication on Projects
9.5.2019
(This is a sponsored post.)
The CSS-Tricks team was cracking up the other day when Miranda introduced us to something called "swoop and poop." That was a new term for most of us, but tell me if you've ever experienced this for yourself.
The idea is that someone in an organization — usually...
Getting To Know The MutationObserver API
8.5.2019
MutationObserver watches the DOM, specifically the places you tell it to, like:
document.querySelector('#watch-this');
...and it can tell you (trigger a callback) when stuff happens — like when a child is added, removed, changed, or a number of other things.
I used it just the other day...
The Place of UX
7.5.2019
Every time "UX" comes out of my mouth or is typed by my fingers, I think, "did I just use that term correctly?" It feels like such a big and loaded term these days, that perhaps the way I use it only contributes to the confusion. Ryan Singer frames that problem well:
Debates continue to rage about...
A Conspiracy to Kill IE6
6.5.2019
Chris Zacharias published a few notes about why the team at YouTube added a banner that asked users to switch from IE6 to a more modern browser back in 2009:
The bittersweet consequence of YouTube’s incredible growth is that so many stories will be lost underneath all of the layers of new paint....