Slice and Dice a Disc with CSS

I recently came across an interesting sliced disc design. The disc had a diagonal gradient and was split into horizontal slices, offset a bit from left to right. Naturally, I started to think what would the most efficient way of doing it with CSS be.

Sliced gradient disc.

The first thought was that this should be doable with border-radius, right? Well, no! The thing with border-radius is that it creates an elliptical corner whose ends are tangent to the Read article

The post Slice and Dice a Disc with CSS appeared first on CSS-Tricks.

Read more

Re: Pleasing Color Palettes

There are so many tools out there to help you pick colors. I totally get it! It’s hard! When colors are done well, it’s like magic. It adds a level of polish to a design that can really set it apart.

Let’s look at some, then talk about this idea some more.

Here’s one I just saw called Color Koala:

It spits out five colors at ya and you’re off to the races.

Hue will give you some too. … Read article

The post Re: Pleasing Color Palettes appeared first on CSS-Tricks.

Read more

How to Quickly Improve the User Experience (UX) on WordPress

There is a strong link between your website’s user experience and amount of traffic. User experience (UX) is how users behave and feel when they’re using your site. For 83 percent of consumers, a seamless experience across all devices is important. Considering the UX should be one of your main goals when developing your site. …
The post How to Quickly Improve the User Experience (UX) on WordPress appeared first on Torque.
Read more

Piecing Together Approaches for a CSS Masonry Layout

Masonry layout, on the web, is when items of an uneven size are laid out such that there aren’t uneven gaps. I would guess the term was coined (or at least popularized) for the web by David DeSandro because of his popular Masonry JavaScript library, which has been around since 2010.

JavaScript library. Nothing against JavaScript, but it’s understandable we might not want to lean on it for doing layout. Is there anything we can do in CSS directly these … Read article

The post Piecing Together Approaches for a CSS Masonry Layout appeared first on CSS-Tricks.

Read more

Why we need CSS subgrid

I’m a huge fan of CSS Grid and I use it on pretty much every project these days. However, there’s one part of it that makes things much more complicated than they really ought to be: the lack of subgrids. And in this post on the matter, Ken Bellows explains why they’d be so gosh darn useful:

But one thing still missing from the Level 1 spec is the ability to create a subgrid, a grid-item with its own grid

Read article

The post Why we need CSS subgrid appeared first on CSS-Tricks.

Read more

30+ Best Minimal & Creative Keynote Templates

If you’re in the process of creating a Keynote slideshow presentation for your next business meeting, we have a solution that will help you craft minimal, creative slides with beautiful designs. There’s no need to spend hours perfecting the design of your slides or hire freelance designers. You can simply use Keynote templates designed by […]
Read more