Chrome DevTools “Local Overrides”

March 12, 2018design tips

There’s been two really interesting videos released recently that use the “Local Overrides” feature of Chrome DevTools in order to play with web performance without even touching the original source code.

The big idea is that you can literally edit CSS and reload the page and your changes stick. Meaning you can use the other performance testing tools …

The post Chrome DevTools “Local Overrides” appeared first on CSS-Tricks.

Read more

Notched Boxes

March 12, 2018design tips

Say you’re trying to pull off a design effect where the corner of an element are cut off. Maybe you’re a Battlestar Galactica fan? Or maybe you just like the unusual effect of it, since it avoids looking like a typical rectangle.

I suspect there are many ways to do it. Certainly, you could use multiple backgrounds to place images in the corners. You could just as well use a flexible SVG shape placed in the background. I bet …

The post Notched Boxes appeared first on CSS-Tricks.

Read more

20+ Best Condensed & Narrow Fonts of 2018

March 12, 2018design tips
Contrary to popular belief, condensed and narrow fonts don’t make your text cramped or crowded. You just have to know the appropriate time and place to use the font. Condensed fonts are widely used these days for headlines and portraying bold messages, and when deployed in the right place, they can give stunning impact! It […]
Read more

A Better Sketch File, a Better Designer, a Better You

March 11, 2018design tips

I’ve been thinking about this post by Isabel Lee for the last couple of weeks — it’s all about how we should be more considerate when making designs in Sketch. They argue that we’re more likely to see real efficiency and organizational improvements in our work if we name our layers, artboards, and pages properly. Isabel writes:

Keeping a super organized Sketch file has helped me smooth out my design process and saved me time when I was trying to …

The post A Better Sketch File, a Better Designer, a Better You appeared first on CSS-Tricks.

Read more

WordCamp Europe 2018 Announces Speakers

March 11, 2018design tips
Editor’s Note: This post will be updated with each new group announcement.  WordCamp Europe, the biggest WordCamp in the world, is just around the corner in Belgrade, Serbia. Users gather from all over to celebrate the CMS. Organizers have started announcing speakers in groups based on the topic they’re talking about. Group One: Open Source …
The post WordCamp Europe 2018 Announces Speakers appeared first on Torque.
Read more

How to Add RTL Support to Your Custom WordPress Theme

March 11, 2018design tips
About 75% of the internet speaks a language other than English. Some of these other languages read Right-to-Left (RTL), which can completely ruin the layout of many English-only designs. Thankfully, having a theme that flows well for RTL languages (such as Arabic) is largely a matter of updating your CSS. With a few design considerations …
The post How to Add RTL Support to Your Custom WordPress Theme appeared first on Torque.
Read more

10 Best Safari Extensions for Web Designers & Developers

March 11, 2018design tips
Apple’s Safari web browser is beloved by many Apple and Mac enthusiasts. It’s a solid alternative to Chrome (and often does a great job on the privacy and security front). There are some great Safari extensions that can help designers increase their productivity, and create a better browsing experience. You can find all of these […]
Read more

Consistent Design Systems in Sketch With Atomic Design and the Auto-Layout Plugin

March 11, 2018Uncategorized

Do you design digital products (or websites) and hand design files off to developers for implementation? If you answered yes, settle in! While the should-designers-code debate rages on, we’re going to look at how adding a methodology to your design workflow can make you faster, more consistent, and loved by all developers… even if you don’t code.

Let’s dig in!

Why a methodology?

In the development world, it seems like at least half of your career is about staying up …

The post Consistent Design Systems in Sketch With Atomic Design and the Auto-Layout Plugin appeared first on CSS-Tricks.

Read more

CSS-Tricks Chronicle XXXIII

March 10, 2018design tips

It’s been many months since our last CSS-Tricks Chronicle. As a reminder, these are just little roundups of news of a slightly more personal nature and that of the site itself and surrounding projects.

Last update, I wasn’t even a dad yet! That’s changed 😍. My daughter is going in for her four-month checkup today!

I’m also working out of a brand new office here in Bend, Oregon. We split the space with CraftCMS. It’s the first time …

The post CSS-Tricks Chronicle XXXIII appeared first on CSS-Tricks.

Read more
Get an estimate of your project’s time and costs.
Check it out
See current services