Search

Nalezeno "has": 16208

The Eleventh Fourth

4.7.2018
Holy heck it feels like the last year has flown by! Longtime readers will remember that the fourth of July is CSS-Tricks birthday and we blog it each year. We turned 10 last year, and now we welcome our first palindromic number birthday. Huge thank you First, as ever, thank you for being part...

Clearfix: A Lesson in Web Development Evolution

3.7.2018
The web community has, for the most part, been a spectacularly open place. As such, a lot of the best development techniques happen right out in the open, on blogs and in forums, evolving as they’re passed around and improved. I thought it might be fun (and fascinating) to actually follow this...

How to create a logo that responds to its own aspect ratio

28.6.2018
One of the cool things about <svg> is that it's literally its own document, so @media queries in CSS inside the SVG are based on its viewport rather than the HTML document that likely contains it. This unique feature has let people play around for years. Tim Kadlec experimented with...

Better rendering for variable fonts

26.6.2018
I was messing around with a variable font the other day and noticed this weird rendering issue in the latest version of Chrome where certain parts of letterforms were clipping into each other in a really weird way. Thankfully, though, Stephen Nixon has come to the rescue with a temporary hack...

Debugging Node Code in VS Code

25.6.2018
Visual Studio Code has an amazing amount of functionality built in, including support for debugging applications. Although the functionality is there, it took me several tries to figure out how to

Debugging Node Code in VS Code

25.6.2018
Visual Studio Code has an amazing amount of functionality built in, including support for debugging applications. Although the functionality is there, it took me several tries to figure out how to

Animate Calligraphy with SVG

22.6.2018
From time to time at Stackoverflow, the question pops up whether there is an equivalent to the stroke-dashoffset technique for animating the SVG stroke that works for the fill attribute. But upon closer inspection, what the questions are really trying to ask is something like this: I have something...

Don’t Use The Placeholder Attribute

22.6.2018
Eric Bailey takes a hardline position on <input placeholder>. You might be thinking, as I did: yeah, yeah I know the pitfalls. I'm capable of using placeholder responsibly. But when you look at all the negatives together: Can’t be automatically translated; Is oftentimes used in place of...

Balancing Time

22.6.2018
I first wrote this post four years ago. I put it on a blog that no longer exists. Funnily enough, I still refer to it myself, so I figured it might be best served in a place where other people can see it. I've made only a few minor tweaks to the original content. A lot about how I work has changed...

Creating your own meme generator

15.6.2018
Almost every time a new meme pops up in my Twitter feed, I think of a witty version to create. I'm not alone in this. Memes are often a way to acknowledge a shared experience or idea. In a variation of the "Is this a pigeon" meme that has been making the rounds online, a designer Daryl Ginn joked...

Versioning Interview

11.6.2018
Adam Roberts (who you might recognize from our interview with him), interviewed me for the Versioning newsletter. I'm publishing my answers here for y'alls perusal as well! Which dev/tech idea or trend excites you the most at the moment, and why? I love that new JavaScript has arrived. I don’t...

Creating a VS Code Theme

8.6.2018
Everyone has special and perhaps, particular, tastes when it comes to their code editor. There are literally thousands of themes out there, and for good reason: a thing of beauty and enhancement to productivity for one can be a hindrance to another. It’s been an item on my bucket list to create...

What’s Next for Hybrid App Developers? (Sponsored)

5.6.2018
The story of hybrid application development is a never-ending one. Each framework has to continuously strive and innovate to remain relevant, and the discussion of which framework to use is a question often asked. Most hybrid applications are built using a combination of HTML, CSS, and JavaScript....

The State of Changing Gradients with CSS Transitions and Animations

1.6.2018
Back in 2012, Internet Explorer 10 came out and, among other things, it finally supported CSS gradients and, in addition to that, the ability to animate them with just CSS! No other browser supported this at the time, but I was hopeful for the future. Sadly, six years have passed and nothing...

Developing a design environment

28.5.2018
Jules Forrest discusses some of the work that her team at Credit Karma has been up to when it comes to design systems. Jules writes: ...in most engineering organizations, you spend your whole first day setting up your development environment so you can actually ship code. It’s generally pretty...

Service Worker Cookbook

25.5.2018
I stumbled upon this site the other day from Mozilla that’s a collection of recipes to get started with a Service Worker — from caching strategies and notifications to providing an offline fallback to your users, this little cookbook has it all. You can also check out our guide to making...

Build Native Modals Using the Dialog Element

24.5.2018
With release of HTML 5.2 comes the dialog element. The dialog element has been around for a while now but was an experimental technology. Previously, if we wanted to build a mo

Dark theme in a day

21.5.2018
Marcin Wichary has written a great piece that dives into how he used CSS Variables to create a night mode and high contrast theme in an app. There’s so many neat tricks about how to use CSS Variables (Chris has also looked at theming) as well as how to organize them (Andras Galante has...

Nahoru
Tento web používá k poskytování služeb a analýze návštěvnosti soubory cookie. Používáním tohoto webu s tímto souhlasíte. Další informace