Codrops
  • All Posts
  • Demos Hub
  • Webzibition
  • The Collective

Examples of Creative and Modern Effects in Web Design
inspirationroundup

Examples of Creative and Modern Effects in Web Design

In Articles, Jul 27, 2012 by Manoela Ilic

From hover to scroll, there are many ways to surprise and engage website visitors. The possibilities are endless. Get inspired with these examples of creative and modern effects in web design.

Modern Block Quote Styles
blockquote

Modern Block Quote Styles

In Tutorials, Jul 25, 2012 by Manoela Ilic

Let’s create some interesting and modern styles for block quotes. We’ll be using different techniques for creating a unique look for six examples.

I Love Script Fonts - Here's Why
inspirationrounduptypography

I Love Script Fonts (Here’s Why)

In Articles, Jul 24, 2012 by Carrie Cousins

Script fonts, when used in moderation, can add extra flair and an unexpected twist to design projects.

Designing The Dreaded Form: Getting Creative
attentionbest-practicescolorcontrastformshape

Designing the Dreaded Form: Getting Creative

In Articles, Jul 23, 2012 by Patrick Cox

In this follow-up article about designing forms we’ll dig into how to actually become creative and apply some interesting design concepts to spice up your form.

3D Flipping Circle with CSS3 and jQuery
3d

3D Flipping Circle with CSS3 and jQuery

In Tutorials, Jul 20, 2012 by Manoela Ilic

In this tutorial we will create a circle with a handle which will open once the little handle is clicked, creating a realistic 3D flipping effect with the help of CSS 3D transforms and shadows/gradients.

Old School Cassette Player with HTML5 Audio
audiocassettevintage

Old School Cassette Player with HTML5 Audio

In Playground, Jul 12, 2012 by Manoela Ilic

Vintage format meets modern web tech: an HTML5 audio player with realistic controls. Today we want to share an audio player with you that looks like an old school music cassette.

Tips & Tools for Grid-based Layouts
inspirationrounduptools

Tips & Tools for Grid-based Layouts

In Articles, Jul 10, 2012 by Carrie Cousins

Developing a vertical (and responsive) grid can help maintain consistency in website design and ease the creation of responsive layouts.

ThemeFuse Premium WordPress Themes Giveaway

ThemeFuse Premium WordPress Themes Giveaway

In Giveaways, Jul 9, 2012 by Manoela Ilic

In today’s giveaway you can win one of three premium WordPress theme licenses from ThemeFuse.

Freebie: Baby Blue UI Kit by Michael Donovan
buttonfreebiepsd

Freebie: Baby Blue UI Kit (PSD)

In Freebies, Jul 7, 2012 by Mike Donovan

Today’s freebie is the Baby Blue UI Kit, a free PSD by Michael Donovan. Free for personal and commercial projects.

Designing the Dreaded Form
best-practicesform

Designing the Dreaded Form

In Articles, Jul 5, 2012 by Patrick Cox

As much as they are dreaded, forms play an important role in many websites and designing them should involve careful planning of their layout.

Swatch Book with CSS3 and jQuery
swatch-book

Swatch Book with CSS3 and jQuery

In Tutorials, Jul 2, 2012 by Manoela Ilic

A tutorial about how to create a swatch book like component that let’s you open and rotate the single swatches revealing some details. We will be using CSS transforms and transitions and create a simple jQuery plugin.

Wix Studio
Seamlessly transform your Figma designs into responsive, business-ready sites with the Figma to Wix Studio plugin.
Readymag
Make designs interactive & publish as websites with Readymag. Transfer anything from Figma to Readymag in 4 clicks with a plugin.
Scrimba
Want to build websites but don’t know where to start? Scrimba's Frontend Developer Career Path is the perfect beginner-friendly course to kickstart your journey! Created with Mozilla MDN, it teaches you modern web development skills step by step. Codrops readers get 20% off Pro plans!
Explore the site
  • Home
  • Articles
  • Tutorials
  • Playground
  • Demos Hub
  • Webzibition
  • The Collective
  • CSS Reference
  • Freebies
  • About
  • Get in touch
  • Advertise
  • Privacy Policy
  • License
Follow Codrops
  • GitHub
  • Bluesky
  • Instagram
  • Facebook
  • Telegram
  • Mastodon
  • X
  • RSS Feed
  • Proudly hosted by Liquid Web hosting Liquid Web logo
  • Content delivered by
  • © Codrops 2025
Support us on Patreon logo