Duvet Ju Mp is your average resource crd with the same codes you've seen before + original stuff : ) It’s more of a code bookmarking website. It’s whatever.

Ran by a silly goose! :P
&
Updates log

Go back

Hallooo >_o

im le imp but plz call me Ha-Neul or George(sorry) She/Mii! Le average carrd user in the web webs

Spotify & Portfolio

Art commissions are open! Help me pay for school <:3..

Go back

Log(∩▂∩)

[112521]: moooore fonts! updated impie's portfolio, added resources ^^

[112021]: more fonts

[111821]: added scramble text!

[111721]: added a few more fonts ^^

[111421]: fonts section is back!

[111121]: minor maintenance for accessibility :)

[111021]: added misc & scrollbox section. pretty simple.. working on music players & xmas menu :P

[110821]: added spinny text!

[110721]: added Tips section :)

[110621]: updated imp's carrd portfolio, added my art commissions info aaaaaand...

[110521]: happy holidays! theme revamp + added christmas themed css here more tba <3!

[110421]: happy november! added more image effects + sfx on click js. sorry about the slow updates :( i have school! and art commissions to do..

[103121]: it's midnight & i'm in a plane. added unexpand text! aka text shadow animation or whatever. planning to do a small maintenance for easier access & more variability on codes^^

[103021]: added shaky svg :P yay!

[102621]: added more links & text anis :-)

[102321]: added original text ani

[102021]: added The bouncy text & webcounter

[101921]: layout change.......

[101821]: i just woke up

Notes^_^

[123021]: just removed the cbox, i'm not gonna answer anything there.. i don't have time sowwyyyy :(

[112521]: updated portfolio, added fonts, etc. :) sorry for slow updates, i don't know what to add..

[112021]: christmas in a week!

[111721]: not much to say haii

[111421]: i want to add tutorials and stuff.. you guys know that knowing basic css is essential in order to buy pro and use embeds.....right

[111121]: Did you know i was in the BFDI christmas video?

[111021]: not much to say. for the time being, have these :)

[110821]: i got a fever :sob sob:.. i want to add more stuff, so i might revamp the menu? no idea :( anyways, i added a spinny text.. AND its optimized for carrd use! i love mark :)

[110721]: it's 12pm.. i added my own tips and preferences in a carrd! i hope you like it. i currently have a cold, so impy updates might be slow.. :(

[110621]: ...THIS! notes and stuff, resource ju mp style..... anyways, i've opened commissions today :) art commissions. consider supporting me if you enjoy this carrd! that's it. happy saturday!

Go back

Most of these work the same for images & containers too.

NeonPulse

Code & Preview

Squiggly..

Code

Unexpand (preview on Liveweave)

Code & Preview

Text Scramble (Preview on Codepen)

Code & Preview



Hover
These !→
Cr sillygooser if reposted.. if you'd like, but it's not necessary :)

Bounce!

Code & How-to

Twitch

Code

Pulsing

Code

Candy Cane

Code&How-to


Ghost..

Code & How-to


Spinny!

Code & How-to

+ Scrollbox codes here!

Go back

Code

Code

Code

Hover me!

Code

Click me!

Code

Code

Code

Hover me!

Code

Hover me!

Code

Code

Code

Hover me!

TBA

Go back

Nothing to see here.. o_0

Under construction :3!

Go back

Go back

Hover this container :)

It works with text, too.

Pro Plus & Pro Standard

Go back

Simple dropdown :) Put everything in an embed.

Go back

Simple dropdown 2! :) Put everything in an embed.

Go back

Hi! Check this out.

Put all of this in an embed. Change the link to your image URL :)

If you don't want it to repeat, just remove "background-repeat: repeat-y-x;" ^^

Code Here

Go back

The code below applies it to the whole carrd. Change all instances of "#wrapper" to your element ID, if you don't want it in the whole page.

Code

CRT filter!

Scroll! + More TBA :P

Carrd fonts

Comic Neue

Caveat

Sacramento

Gamja Flower

Gaegu

Kosugi Maru

Vidaloka

Grandstander

Alfa Slab One

Baloo

Sansita Swashed

Shrikhand

Fredoka One

Rammetto One

Didact Gothic

Go back

Impsie's Tipsies!! & Personal preferences..

Haii & welcome to Impie's Web Design Acessibility masterclass ;3

Scroll!

Use ColorSafe to generate background color/text color accessible palettes :).

Try not putting too much information in a singular scrollbox. (Ironic, I know) That's what sections are for! Very little people would like to scroll on your 100x100px 5 paragraph scrollbox just to find your DNI. No shade!

On scrollboxes, invisible scrollbars aren't good for desktop use.

HTML is open source! Every "original code" we have has been done before. Don't gatekeep, guys..

On that note, still don't copy people's carrds line by line. Come on.

Code =/= Good carrd. Like.. you can easily make a cute carrd with no embeds at all!

Try not using TOO much custom fonts, or try to use readable ones. Cursive fonts aren't always.. the best. Not for important info. Classic fonts are classic for a reason!

Go back

Skewed Scrollbox. Don't put too much important info here.. Lorem ipsum

Code

Hover me!
This scrollbox expands when you hover it.

Code

Click me!

Code

TBA

Go back