Keep Math in the CSS

There is a sentiment that leaving math calculations in your CSS is a good idea that I agree with. This is for math that you could calculate at authoring time, but specifically chose not to. For instance, if you needed a 7-column float-based grid (don’t ask), it’s cleaner and more intuitive:

.col {
/* groan */
width: 14.2857142857%;

/* oh, I get it */
width: calc(100% / 7);
}

You could probably prove that the calc() takes the computer 0.0000001% …

The post Keep Math in the CSS appeared first on CSS-Tricks.

Read more

Web Designs That Feel Like Ancient History, but Are More Recent Than You Think

Flickr announced not long ago that they are limiting free accounts to 1,000 photos. I don’t particularly mind that (because it seems like sound business sense), although it is a bit sad that a ton of photos will be nuked from the internet. I imagine the Internet Archive will swoop in and get most of it. And oh hey, the Twitter account @FlickrJubilee is showcasing Flickr users that could really use a gifted pro account so their amazing photos are …

The post Web Designs That Feel Like Ancient History, but Are More Recent Than You Think appeared first on CSS-Tricks.

Read more

25 Clever and Funny Christmas Print Ads

Christmas is nigh upon us. You’re likely rushing around like a crazy person this week trying to get all your work done, finish up your shopping, preparing to travel, etc. Let’s take a minute to slow down and absorb some solid Christmas-themed design inspiration. In this post, we’ll take a look at over twenty-five clever […]
Read more

Prototypes and production

There’s an interesting distinction that Jeremy Keith defines between prototype code and production code in this post and I’ve been thinking about it all week:

…every so often, we use the materials of front-end development—HTML, CSS, and JavaScript—to produce something that isn’t intended for production. I’m talking about prototyping.

What’s interesting is that—when it comes to prototyping—our usual front-end priorities can and should go out the window. The priority now is speed. If that means sacrificing semantics or performance, then …

The post Prototypes and production appeared first on CSS-Tricks.

Read more

Doc Pop’s News Drop: WCUS 2018 Wrap-up

Doc Pop’s WordPress News Drop is a weekly report on the most pressing WordPress news. When the news drops, I will pick it up and deliver it right to you. We are live at WCUS 2018 in Nashville to give you a short recap of the event. Be sure to check out all of our …
The post Doc Pop’s News Drop: WCUS 2018 Wrap-up appeared first on Torque.
Read more

6 Effective Tips on How to Take Care Your Mental Health As a Freelancer

Taking care of your mental health for freelancers is as important as in any profession or field of work. If you don’t, bad things happen such as anxiety issues, depression or even burnout. This isn’t news. Mental health issues have been on the rise for a long time, especially among younger people. Today, about 1 …
The post 6 Effective Tips on How to Take Care Your Mental Health As a Freelancer appeared first on Torque.
Read more

Creating an Animated Login Form for TouchID

I came across this amazing Dribbble shot by Jakub Reis a while back. It caught my eye and I knew that I just had to try recreating it in code. At that moment, I didn’t know how. I tried out a bunch of different things, and about a year later, I finally managed to make this demo.

I learned a couple of things along the way, so let me take you on a little journey of what I did …

The post Creating an Animated Login Form for TouchID appeared first on CSS-Tricks.

Read more

What makes someone a good front-end developer?

We recently covered this exact same thing, but from the perspective of a bunch of developers.

Chris Ferdinandi weighs in:

The least important skills for a front-end developer to have are technical ones.

The nuances of JavaScript. How to use a particular library, framework, or build tool. How the cascade in CSS works. Semantic HTML. Fizz-buzz.

Chris takes that a little farther than I would. I do think that with an understanding of HTML, CSS, and JavaScript, the …

The post What makes someone a good front-end developer? appeared first on CSS-Tricks.

Read more

50+ Best Keynote Templates of 2019

Even though Apple’s Keynote app gives you plenty of tools and options for creating beautiful presentations, it can be tricky to find the time to build a beautiful, custom design. Don’t worry — we’ve got you covered with this collection of the best Keynote templates! With these templates, you don’t have to spend hours designing […]
Read more