Error Establishing a Database Connection: What It Is and How to Fix It
The post Error Establishing a Database Connection: What It Is and How to Fix It appeared first on Torque.
Rocking California’s “I Voted” Sticker in CSS for Election Day 2018
Oh hey, so tomorrow (tomorrow!) is Election Day here in the United States. We’re not in the business of making political endorsements or anything like that at CSS-Tricks, though we do endorse that everyone exercise their right to vote.
I did exactly that two years ago and posted a CSS rendition of the “I Voted” sticker that came with my California mail-in ballot.
Fast forward to today, and I received a new sticker in the ballot sporting a fresh design.
I have a little time, so I’m going to try to re-create this sticker in CSS and walk through my thought process as I do it. Feel free to follow along if you’d like!
The post Rocking California’s “I Voted” Sticker in CSS for Election Day 2018 appeared first on CSS-Tricks.
8 Rules for Creating an Effective Responsive Website or App
Codester: Web Design at Your Fingertips
What’s New In CSS?
Rachel hooks us up with what the CSS Working Group is talking about:
- Styling scrollbars. This would come with properties like
scrollbar-widthandscrollbar-color. The best we have right now is proprietary WebKit stuff. - Aspect ratios. I imagine the CSS portion of this journey will be best handled if it plays nicely with the HTML
intrinsicsizestuff. - Matching without specificity.
:where()is:matches()with no specificity, and:matches()may become:is(). - Logical Properties shorthand. The team is
…
The post What’s New In CSS? appeared first on CSS-Tricks.
Why WordPress is the Most Adaptable and Inventive Platform Out There
The post Why WordPress is the Most Adaptable and Inventive Platform Out There appeared first on Torque.
Speed up Your Website Now
The post Speed up Your Website Now appeared first on Torque.
GitHub Rolls Out More Small Improvements as Part of Project Paper Cuts
Simple Named Grid Areas
I think of named grid areas in CSS Grids as bring-your-own syntactic sugar. You don’t absolutely need them (you could express grid placement in other ways), but it can make that placement more intuitive. And, hey, if I’m wrong about that, correct me in the comments.
Say you set up a 3-column grid:
.grid {
display: grid;
grid-gap: 1rem;
grid-template-columns:
200px 1fr 1fr;
}
No rows defined there; those are implicit and will appear as needed. We could define them, …
The post Simple Named Grid Areas appeared first on CSS-Tricks.




