1 Element CSS Rainbow Gradient Infinity

I first got the idea to CSS something of the kind when I saw this gradient infinity logo by Infographic Paradise. The gradient doesn’t look like in the original illustration, as I chose to generate the rainbow logically instead of using the Dev Tools picker or something like that, but other than that, I think I got pretty close—let’s see how I did that!

The post 1 Element CSS Rainbow Gradient Infinity appeared first on CSS-Tricks.

Read more

50+ Best Minimal Logo Design Templates

Minimalist logo design is an art. How can you convey your brand with a professional logo, but keep the simplicity of a minimal, clean, and simple design? Getting that balance right is the key to crafting an iconic logo. One strategy is to try using a pre-designed minimal logo template to base your next logo […]
Read more

Sustainability + WordPress = SustyWP

Jack Lenox, a Software Engineer at Automattic, has launched a new site called SustyWP that focuses on web sustainability using WordPress. By removing the parts of Underscores he didn’t need, using one inline SVG image, no sidebars, limited CSS, and no webfonts, Lenox was able to launch a WordPress site (more…)
Read more

Doc Pop’s News Drop: WordCamp US Call For Speakers

Doc’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. WordCamp Europe is only a few weeks away, but we are already thinking about WordCamp US in Nashville. In this week’s video we talk about the …
The post Doc Pop’s News Drop: WordCamp US Call For Speakers appeared first on Torque.
Read more

A Beginners’ Guide to Privacy Policies

Among the important web development trends of 2018, user privacy and how websites handle collected data is at the top of the list. With the imminent introduction of the General Data Protection Regulation (GDPR), it’s more important than ever to ensure you have a privacy policy in place that adheres to its guidelines. Failing to do so …
The post A Beginners’ Guide to Privacy Policies appeared first on Torque.
Read more

Combining the Powers of SEM and BIO for Improving CSS

CSS is easy, some might argue, but that “easiness” can cause messy code. This is especially true through power of preprocessors like Sass or Less where, if you aren’t careful, your CSS can become harder to deal with instead of easier. Sass? Harder? This Gist shows a great example of Sass nesting hell.

If your Sass code looks like that, you can definitely improve your code with SEM & BIO, a CSS technique I’ll introduce you to now!

In …

The post Combining the Powers of SEM and BIO for Improving CSS appeared first on CSS-Tricks.

Read more

Wedding Monogram Logo Ideas, Tips & Advice

A classic wedding monogram is a design element that almost any couple can incorporate into their wedding design and stationery. From use in invitations and mailings to a shared post-nuptial monogram, creating a classy wedding logo or monogram element can be a great touch. Here are a few tips to help you make your own […]
Read more

HSL() / HSLa() is great for programmatic color control

If you ever need to hand-manipulate a color in native CSS, HSL is pretty much the only way. HSL (the hsl() and hsla() functions in CSS) stands for hue, saturation, lightness, and optionally, alpha. We’ve talked about it before but we can break it down a little more and do some interesting things with it.

  • Hue: Think of a color wheel. Around 0o and 360o are reds. 120o is where greens are and 240o are blues.

The post HSL() / HSLa() is great for programmatic color control appeared first on CSS-Tricks.

Read more

Using Influencer Content to Boost WordPress Conversions

Influencer marketing is one of the most popular and highly effective forms of modern-day marketing and is used by businesses of all sizes around the world. However, when it comes to your WordPress website, you may be wondering just how people have been using influencer marketing to actually make sales. Of course, an influencer can …
The post Using Influencer Content to Boost WordPress Conversions appeared first on Torque.
Read more

The State of Changing Gradients with CSS Transitions and Animations

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 has changed in this department. Edge supports animating gradients with CSS, just like IE 10 did back then, but no other browser has added support for this. And …

The post The State of Changing Gradients with CSS Transitions and Animations appeared first on CSS-Tricks.

Read more