Remove Coding Remove Color Remove Color Schemes Remove Magazine
article thumbnail

100 Tiny CSS Tools & Apps for Web Designers

SpeckyBoy

From assessing your website’s accessibility to generating sophisticated flexbox or grid layouts, refining typography, choosing the perfect color scheme, copying and pasting CSS animations, to beautifying code screenshots, this collection covers a broad range of web design needs.

article thumbnail

10 CSS Code Snippets for Creating Tooltips

SpeckyBoy

If you’re looking for pure CSS tooltips, then this collection of free code snippets should have something for you. And, with the code being fully open-sourced, you can even edit the animation style and color scheme to blend in better with your own project. Product Feature Highlights by Ian Farb.

Coding 135
Insiders

Sign Up for our Newsletter

This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

Trending Sources

article thumbnail

Chill Out with These Calming CSS & JavaScript Code Snippets

Speckyboy Design Magazine

Our mission for today is to help you recharge from your daily grind with… code. Need a colorful reminder to chill out? When done at a leisurely pace, changing colors can bring a sense of serenity. Both the 3D sphere and background shift gradient colors to gently engage the user. Keep Calm and Code On. That’s right.

Coding 124
article thumbnail

Simplifying Form Styles With `accent-color`

Smashing Magazine Graphics

Simplifying Form Styles With `accent-color`. Simplifying Form Styles With `accent-color`. I don’t know about you, but I love it when new CSS properties arrive that make our daily lives as developers simpler and enable us to remove a whole lot of redundant code. accent-color just might be the next. Enter accent-color !

Color 118
article thumbnail

Simple and Clean Business Cards For Your Brand: A Guide to Timeless Design

Graphic Design Junction

Crafted in EPS and AI formats, it offers full customization, from personalized information to unlimited color variations. Featuring a sleek design in CMYK colors, with layers and full editability, this 3.5×2 Enhance connectivity by incorporating a QR code linking to your online portfolio. bleed space.

article thumbnail

A Guide To Modern CSS Colors

Smashing Magazine Graphics

A Guide To Modern CSS Colors. A Guide To Modern CSS Colors. There’s more to color on the web than meets the eye, and it’s about to get a lot more interesting! Today, we’ll take a look at the best ways to use colors in a design system, and what we can expect from our colors in the not-too-distant future.

Color 143
article thumbnail

Accessibility Tip: How to Test Color Contrast Ratios

SpeckyBoy

Color is perhaps the foundational element. Because, regardless of the other steps you take, an inaccessible color palette severely undermines usability. Clients may also insist on using brand colors – even if they’re not accessible. As we’ll demonstrate, testing color contrast ratios takes mere seconds.

Color 129