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 136
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. 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. For a fun twist, you can change up the color scheme to reflect “sweet” or “sour” gum.

Coding 125
article thumbnail

A Long Time Ago: Code Snippets Inspired by Star Wars

SpeckyBoy

MiniMag Magazine Theme. When the switch is to the left, a Death Star is displayed – complete with an unnerving red color scheme. Check out our CodePen collection for a treasure trove of great code snippets! The post A Long Time Ago: Code Snippets Inspired by Star Wars appeared first on Speckyboy Design Magazine.

Coding 97
article thumbnail

Weekly News for Designers ? 679

SpeckyBoy

GSAP CodePens 2022 – Explore this collection of code snippets featuring the popular animation library. Code Documentation, Streamlined – Best practices and techniques for automating documentation. Simpler CSS Selectors With :is() – Stop writing redundant code with this handy CSS pseudo-class.

article thumbnail

Thoughts on Building a WordPress Website from Scratch (Without Code)

Speckyboy Design Magazine

Choose from a selection of premade color schemes. Thankfully, a code snippet I found made it possible via a WordPress shortcode. If you want to inject specific CSS, JavaScript or other code into your site, you can do so here. This could be of use if you want to add Google Analytics or pixel tracking code.

Coding 106
article thumbnail

8 CSS & JavaScript Snippets for Creating Beautiful Bokeh Effects

SpeckyBoy

Here are eight examples of Bokeh effects powered by code. See the Pen bokehlicious by Andy Fitzsimon Canvas Bokeh Effect by Aaron Silber You may notice that most of the examples we’ve shared have a dark color scheme. The black-and-white color scheme also provides a different twist on the aesthetic.