Codrops logo
  • Playground
  • Tutorials
  • Sketches
  • Articles
  • Collective
  • CSS Reference
Search icon

Examples of Creative and Modern Effects in Web Design
inspirationroundup

Examples of Creative and Modern Effects in Web Design

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.

+ more
Modern Block Quote Styles
blockquoteinspiration

Modern Block Quote Styles

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.

+ more
I Love Script Fonts - Here's Why
inspirationrounduptypography

I Love Script Fonts (Here’s Why)

Jul 24, 2012 by Carrie Cousins

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

+ more
Designing The Dreaded Form: Getting Creative
attentionbest-practicescolorcontrastformshape

Designing the Dreaded Form: Getting Creative

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.

+ more
3D Flipping Circle with CSS3 and jQuery
3d

3D Flipping Circle with CSS3 and jQuery

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.

+ more
Old School Cassette Player with HTML5 Audio
audiocassettevintage

Old School Cassette Player with HTML5 Audio

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.

+ more
Tips & Tools for Grid-based Layouts
inspirationrounduptools

Tips & Tools for Grid-based Layouts

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.

+ more
ThemeFuse Premium WordPress Themes Giveaway

ThemeFuse Premium WordPress Themes Giveaway

Jul 9, 2012 by Manoela Ilic

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

+ more
Freebie: Baby Blue UI Kit by Michael Donovan
buttonfreebiepsd

Freebie: Baby Blue UI Kit (PSD)

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.

+ more
Designing the Dreaded Form
best-practicesform

Designing the Dreaded Form

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.

+ more
Swatch Book with CSS3 and jQuery
swatch-book

Swatch Book with CSS3 and jQuery

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.

+ more
Mailchimp
Reach inboxes when it matters most with Mailchimp's data-backed email automations. Sign up for Mailchimp now.
Explore the site
  • Home
  • Articles
  • Tutorials
  • Playground
  • Collective
  • Blueprints
  • CSS Reference
  • Freebies
  • About
  • Contact
  • Advertise
  • Privacy Policy
  • License
Follow Codrops
  • Subscribe
  • Twitter
  • Mastodon
  • Instagram
  • GitHub
  • RSS Feed
  • Content delivered by StackPath
  • © Codrops 2023