recentpopularlog in
« earlier  
Twitter
You're the only person I know who I feel like will have a strong, informed opinion on this — what sho…
yesterday
Enhancing The Clickable Area Size
Here’s a great post by Ahmad Shadeed on making sure that clickable areas in our interfaces are, well, clickable. He writes about making sure that links, buttons and other elements meet accessibility standards for both touch and mouse, too.

I particularly like the section where Ahmad writes about making a fake circle around an element and where he shows this example:
On a similar note, Andy Bell just wrote up a few notes about creating a semantic “breakout” button to … Read article
The post Enhancing The Clickable Area Size appeared first on CSS-Tricks.
Link  accessibility  buttons  clickable  area 
2 days ago
Link Underlines That Animate Into Block Backgrounds
It's a cool little effect. The default link style has an underline (which is a good idea) and then on :hover you see the underline essentially thicken up turning into almost what it would have looked liked if you used a background-color on the link instead.
Here's an example of the effect on the Superfriendly site:

A journey:

The Superfriendly site does it with box-shadow. Turning box-shadow: inset 0 -0.07em 0 #0078d6; into box-shadow: inset 0 -0.85em 0

… Read article
The post Link Underlines That Animate Into Block Backgrounds appeared first on CSS-Tricks.
Article  links  text-decoration  underlines 
2 days ago
Twitter
Yeah, I’ve been playing with BladeX and really love it in concept, but I want to be ab…
2 days ago
Twitter
I’d be curious to know how you handle all the boilerplate. I feel like forms require s…
2 days ago
GitHub - antonioribeiro/tracker: Laravel Stats Tracker
There is a tracking package for Laravel: Maybe this is what you need.
2 days ago
Twitter
It’s funny how Twitter matched one of your comments with article about exactly that…
2 days ago
Twitter
35 mins into the latest episode and 2 thoughts:

1. You can use React with just a <script> tag:…
3 days ago
Twitter
There’s still a real opportunity to have the “Laravel of” whatever makes that tick, though…
3 days ago
Twitter
I was just listening to the latest and it made me wonder if you’ve seen my project…
3 days ago
Twitter
One of the things that made me think of it is that I’m planning on things like Aire::d…
3 days ago
Twitter
Feel the opposite, becoming increasingly convinced they are great tools for even the most basic websit…
3 days ago
Twitter
RT : It’s actually unbelievable that it’s super common for people to have school nightmares into adulthood and we as a s…
3 days ago
Twitter
I also had some pretty bad/buggy experiences with Nest products after the original thermostat…
3 days ago
Twitter
I’ll also chime in for Unifi. All-in-all a great solution that can scale however you need. Com…
4 days ago
Twitter
Seeing really promising results using composer “path” repos to modularize a Laravel app. Has anyone else played wit…
4 days ago
Twitter
The Tinker Mac app just got a new feature! You can now switch between CLI tinker and HTTP tinker mode,…
4 days ago
Twitter
This is probably too big for a 1.0, and I’m not sure how to implement this, but having this app be la…
4 days ago
Twitter
I’ve had two abandoned attempts at the same thing. Looking forward to having someone else…
6 days ago
Twitter
🔥 You can save yourself a decent amount of time on your initial test runs by tweaking the RefreshDataba…
6 days ago
Twitter
This is what I was working towards. It was too buggy, though, so I had to scrap a lot of…
6 days ago
Twitter
A Joker origin that makes the most sense to me is an entitled rich frat boy bully who excuses his increasingly crue…
6 days ago
Twitter
RT : The sheriff who will decide whether to fire the cop is the same one who drew national attention on Thursday for say…
7 days ago
Twitter
RT : The DA who will decide whether to prosecute the cop who shot and killed is the same one who sent…
AtatianaJefferson 
7 days ago
Twitter
the jar of pickles I just bought says

Serving size: 1/2 pickle

so I’m not convinced the person who wrote it actua…
8 days ago
Twitter
It’s for marketing pages that are served from CDN w/ cache-control: public. Same HTML i…
9 days ago
Twitter
a nice trick to improve scroll performance (and solve this problem) is disabling hover events by sett…
9 days ago
Twitter
You can just add a class to the <html> tag and then us a descendant selector. I also do…
9 days ago
Twitter
My new favorite custom utility.
9 days ago
Twitter
RT : Any know if Mockery has a better way to "capture" an argument passed to an expectation. I can recreate this with `o…
10 days ago
Twitter
RT : News broke yesterday that *forty-three* new women came forward to describe assault and harassment by Trump. Accordi…
10 days ago
Twitter
I think .transition-all implies transition: all — I feel like .transition makes a lot of sense. Like .b…
11 days ago
Twitter
".transition-all" is misleading imo as "all" is a valid value as well and I would expect "all" to be th…
12 days ago
Twitter
RT : Something I wish I’d learned a LOT sooner in life: not every conversation benefits from you talking. Sometimes, mos…
14 days ago
Twitter
Hello.
My name is on.
You killed my car.
Prepare to go.
14 days ago
Twitter
I recently left Stripe after 4.5 formative and magical years. Some reflections on what made working at Stripe feel…
16 days ago
Twitter
I am continually amazing at what we can pull off in ! ✨

Today and I hacked on a proof of con…
18 days ago
Twitter
There’s still a real opportunity for a “Rails for React/Gr…
18 days ago
Twitter
After a year working on 1350+ icons, illustrations and a full-blown editor, we’re finally launching…
19 days ago
Twitter
RT : A history lesson for people who think that history doesn't matter:
What's the big deal about railroad tracks?
The U…
21 days ago
Twitter
If you're calling yourself a developer or an engineer, you're engaged in title inflation.

"Person trying not to br…
27 days ago
Twitter
Try, “wow, I wonder… how do you imagine it works?” — you’d be amazed how often a 4-year-old will come…
28 days ago
Twitter
That’s a good approach. I also used to praise good questions and admit that I don’t know th…
29 days ago
Blade Extension to transpile inline <script> tags using Babel (during the Blade compile step) · GitHub
Here's the relevant code. Been meaning to package it up, but for right now here's a gist:
29 days ago
Twitter
Until recently we’ve had a special faux function called FROM_BLADE() that we’d wrap anything that need…
29 days ago
Twitter
We've been transpiling inline JS via a Blade extension for about a year in production and it works gre…
4 weeks ago
Table with Expando Rows
"Expando Rows&quot; is a concept where multiple related rows in a <table> are collapsed until you open them. You'd call that &quot;progressive disclosure&quot; in interaction design parlance.
After all these years on CSS-Tricks, I have a little better eye for what the accessibility concerns of a design/interactivity feature are. I'm not entirely sure how I would have approached this problem myself, but there is a good chance that whatever I would have tried wouldn't have hit the bullseye with accessibility. … Read article
The post Table with Expando Rows appeared first on CSS-Tricks.
Link  accessibility  tables 
4 weeks ago
Twitter
There is no such thing as life, and no such thing as intelligence.
4 weeks ago
Twitter
not sure if someone mentioned this, but just add /compare to any repo URL to get the compare UI. Yo…
5 weeks ago
Twitter
RT : I just finished reading this book and wow... it was sometimes quite eye-opening.

I actually feel like I should re…
6 weeks ago
Using a PostCSS function to automate your responsive workflow
A little while back, you might have bumped into this CSS-Tricks article where I described how a mixin can be used to automate responsive font sizes using RFS. In its latest version, v9, RFS is capable of rescaling any value for value for any CSS property with px or rem units, like margin, padding, border-radius or even box-shadow.

Today, we’ll focus on its PostCSS implementation. First thing to do, is install RFS with npm:… Read article
The post Using a PostCSS function to automate your responsive workflow appeared first on CSS-Tricks.
Article  fluid  type  font-size  responsive 
6 weeks ago
Twitter
So, I think it’s time that I talk to my kid (4yo) about race/racism... but how? Any parents have book recommendatio…
6 weeks ago
Twitter
A thought experiment that really resonated with me: you wouldn’t let your child stick a finger in a power…
7 weeks ago
Twitter
I also just want to say—it gets so much better. You’re in the hardest part right now, and I know it feels…
7 weeks ago
Twitter
We did something similar, using the book “Healthy Sleep Habits, Happy Child”—and…
7 weeks ago
Twitter
We pumped enough milk for one night and I sent my wife to a hote…
7 weeks ago
Twitter
Y’all remember when tables replaced framesets? I was thinking about frames recently when…
7 weeks ago
Twitter
RT : 😬 Accept that you will make mistakes. Do not allow avoiding mistakes to prevent you from taking action.

I fuck up…
7 weeks ago
Twitter
RT : 👁 Examine your actions closely, looking at your motivations and what values feel at risk.

We often react to thing…
7 weeks ago
Twitter
I've been thinking a lot lately of my earlier days in the punk scene. I met a lot of great friends playing in a pun…
7 weeks ago
Twitter
Yup, I've used Pikaday. It doesn't work well with Tailwind, but I'…
7 weeks ago
Twitter
My kid and ’s kid at my kid’s party today 😅
8 weeks ago
Twitter
I'd also be curious if you know of a date picker library that…
8 weeks ago
Twitter
I successfully executed a ffmpeg command. Ask me anything. Literally anything. Ask me anything other than how I did…
8 weeks ago
Twitter
In a great twist of web compat fate, this exact set of properties now actually works to do multiple-line truncation…
9 weeks ago
« earlier      
per page:    204080120160

Copy this bookmark:





to read