Search
Quicklink
3.1.2019
We're in the future now so, of course, we're working on ways to speed up the web with fancy new tactics above and beyond the typical make-pages-slimmer-and-cached-like-crazy techniques.
One tactic, from years ago, was InstantClick:
Before visitors click on a link, they hover over that link. Between...
Lighthouse: Nepostradatelná analýza webu od Google
3.1.2019
Lighthouse je velmi důležitý nástroj. Chcete vědět proč? Google jeho prostřednictvím totiž webařům radí jak vyzrát na Google
Storing and Using the Last Known Route in Vue
2.1.2019
There are situations where keeping a reference to the last route a user visited can come in handy. For example, let’s say we’re working with a multi-step form and the user proceeds from one step to the next. It would be ideal to have the route of that previous step in hand so we know where the user...
How to Change the WordPress Admin Login Logo
2.1.2019
There are numerous content management systems that thrive these days but none are as prolific as WordPress. Every client wants the ability to change their website at a moment’s notice and they want to do it themselves, and again, WordPress is the best fit for that. You fit the client with...
How to Change the WordPress Media Upload Directory
2.1.2019
One thing I’ve always missed about the “old” way of web development was the simplicity of FTP. No deploy scripts, no fuss: simple drag and drop of files and the files are there. I’ve used FTP for assets on this blog for over a decade but I’m finally ready to be lazy...
Thank You (2018 Edition)
1.1.2019
Another year come and gone! As we do each year, let's take a look at the past year from an analytical by-the-numbers perspective and do a goal review. Most importantly, I'd like extend the deepest of thanks to you, wonderful readers of CSS-Tricks, for making this place possible.
This site has...
Awesome Demos from 2018
1.1.2019
This is an outstanding list of creative and artistic browser demos from this past year from Mary Lou at Codrops.
Direct Link to Article — Permalink… Read article
The post Awesome Demos from 2018 appeared first on CSS-Tricks
A Quick CSS Audit and General Notes About Design Systems
31.12.2018
I’ve been auditing a ton of CSS lately and thought it would be neat to jot down how I’m going about doing that. I’m sure there are a million different ways to do this depending on the size and scale of your app and how your CSS works under the hood, so please take all this with a grain of salt....
Styling a Select Like It’s 2019
31.12.2018
It's rather heartwarming to know you can style a <select> in a rather cross-browser friendly way that doesn't hurt accessibility. Kudos for documenting this Scott!
See the Pen Styled <select&rt; by Chris Coyier (@chriscoyier) on CodePen.
Direct Link to Article —...
Goals for 2019
31.12.2018
Every turn of the year is a new opportunity to start over, set goals, and renew optimism that time can heal wounds and drive us to change and achieve. I did really well with my 2018 goals: I started a fun podcast with TrackJS’ Todd Gardener I found my passion again by joining Mozilla’s...
How to Send an iMessage From Command Line
30.12.2018
As somewhat of a recluse, believe me when I say that text messages, instant messenger, and iMessage have relieved me of loads of anxiety and wasted time with short, meaningless voice chat. It’s been a decade since these communication types have become popular so we’ve moved on from...
How to Add a User Stylesheet in Firefox
29.12.2018
While many like to complain about CSS these days, it’s important to remember how amazing CSS is; the CSS language is: easy to learn easy to read easy to write simple to understand Web developers and designers alike love that CSS allows us to take text/media and present it in a beautiful...
Gradient Borders in CSS
28.12.2018
Let's say you need a gradient border around an element. My mind goes like this:
There is no simple obvious CSS API for this.
I'll just make a wrapper element with a linear-gradient background, then an inner element will block out most of that background, except a thin line of padding around...
Gulp for WordPress: Creating the Tasks
27.12.2018
This is the second post in a two-part series about creating a Gulp workflow for WordPress theme development. Part one focused on the initial installation, setup, and organization of Gulp in a WordPress theme project. This post goes deep into the tasks Gulp will run by breaking down what each task...
Gulp for WordPress: Initial Setup
26.12.2018
This is the first part of a two-part series on creating a Gulp workflow for WordPress theme development. This first part covers a lot of ground for the initial setup, including Gulp installation and an outline of the tasks we want it to run. If you're interested in how the tasks are created, then...
Nested Destructuring
25.12.2018
Destructuring in JavaScript can initially feel confusing but the truth is that destructuring can make your code a bit more logical and straight forward. Destructuring does look a bit more complex when you’re looking for a property several objects deep, so let’s have a look at how to...
An Initial Implementation of clip-path: path();
24.12.2018
One thing that has long surprised (and saddened) me is that the clip-path property, as awesome as it is, only takes a few values. The circle() and ellipse() functions are nice, but hiding overflows and rounding with border-radius generally helps there already. Perhaps the most useful value...
ETH 2.0: What you need to know
24.12.2018
EatTheBlocks explains the basics of ETH 2.0 and what the changes will look like when they are implemented on the CoinMarketCap blog.
The post ETH 2.0: What you need to know appeared first on CoinMarketCap
Force Download with JavaScript
24.12.2018
Force download scripts have been an important part of internet usability for a long time.  I can attest to that by the number of times I’ve implemented this feature on the server side and the popularity of my PHP Force Download post, even to this day.  With the web world having...
People Talkin’ Shapes
22.12.2018
Codrops has a very nice article on CSS Shapes from Tania Rascia. You might know shape-outside is for redefining the area by which text is floated around that element, allowing for some interesting design opportunities. But there are a couple of genuine CSS tricks in here:
Float shape-outside...