bullet miscellaneous

Miscellaneous Codes

Tutorials
Embed name input option of chattable – Using the alternative iframe that has name input option, and as shown in my chat box
Add a music player – Whimsical's tutorial of adding a music player
Use and create border/frame from foollovers – You'll learn how to create border/frames from foollovers site and use them in your site (e.g. images, page border, or scrollbox)
Apply animista animation on elements – A YouTube tutorial shows how to apply animista animation on elements
Insert your own cursor using GIF or image – You'll learn to insert your own cursor with an image of your choice
Disable user selection – A code to disable the user selection, it means disable the user to highlight anything on your page
Change the symbol of click explosion – Change the click explosion with a symbol or text of your choice
Embed any public Spotify playlist – Ishimori's tutorial to embed any public Spotify playlist on your page
Open book layout – Repth's tutorial on making an open book layout only using HTML/CSS
Import any UI you can find on the Internet – Import any UI libraries that you can find on the Internet, you can use the UI libraries here
Make the text become a scrollbox – A code that makes text scrollable
How to add Google Fonts – Cakepop's tutorial on adding Google's fonts
How to add fonts downloaded from other sites – Cakepop's tutorial on adding fonts from other sites, using the dropbox method
Adding a click and hover sound effect on any element – Jellymask's tutorial of applying the click and hover sound effect on any element
How to use fc2 counters – Carrdism's video tutorial on using fc2 counters, this includes the import and adding onto your page
Click image to copy to clipboard – Stack Overflow forum that gave code of clicking the image and text input is copied to your clipboard
Remove cursor link from cursors4u – Follow the remove cursor link if you copied Option #1
Replace the lovehearts cursor – Replace the lovehearts cursor into a symbol you like
Use the patorjk color fader site – Use the patorjk color fader site with HTML tag
Make a container scrollable – Create a container that is scrollable in Carrd
Make a container column scrollable – Create a container’s column scrollable in Carrd
Apply linear, radial, or different CSS backgrounds for your container – Apply CSS background gradient for your container
Image divider on top of the page – Image divider on top of your page in Carrd

Generators
CSS grid generator – For creating a column layout
CSS pattern backgrounds
Progress bar generator – generates progress bar in unicode text
SCM music player
Custom scrollbar – Generate custom scrollbar for your webpage
Dodo airlines – Create animal crossing passport and boarding pass
Custom corners – Custom corners generator using CSS mask or clip-path
Patorjk color fader – Transforms text into different gradient effects [tutorial]
Animista – A CSS animation library
Cool text – Generates cool graphic text styles
Glassmorphism – Generates a glass effect (frosted look), achieved through the use of blur
Lorem ipsum text place holder – Sugar-coated lorem ipsum (place holder text)
Cut image into equal parts
Scroll to top
Box shadow + Inset

Materials, Layout, Template
carrd.co – you can create your website if you don't want to code
itinerae – cute layouts
jasminnie – materials, pixels, backgrounds, wallpaper, cursors, dividers, fonts, icons
sadgrl's layout – This is a useful generator for generating a starting layout
eggramen – themes and layouts
repth – themes and layouts
Websets by Lynn – backgrounds, buttons, button wall, doll maker, glitter, 88x31 button maker, glitter text generator
whimsical – web materials, cursors, favicons, fonts, backgrounds, icons, navigation, dividers, banners
asterism – japanese sozai site; materials, fonts, pixels
rehoeass – japanese sozai site; graphics, pixels
fool lovers – japanese sozai site; materials, fonts, border lace, wallpaper, backgrounds, pixels, navigation
fancy parts – japanese sozai site; wallpaper/background, buttons, icons, dividers, banners, illustrations
lovely designs – free layouts, banners, graphics, codes, tools, and tutorials
eggnored – cursors, favicons, icons
rotferkelthemes – web materials, themes
fancyparts – japanese site; materials, illustrations, backgrounds, graphics

UI Libraries
system.css – Retro MAC OS inspired
paper.css – A simple paper framework and handwritten look
claymorphism.css – Consists of rounded corners and soft shadows that looks like a 3D smooth clay appearance
windows 98.css – Recreates the look of Windows 98
windows 7.css – Recreates the Windows 7 OS
XP.css – Recreates the Windows XP OS
PSone.css – Look of the OG PS
NES.css – 8-bit look of NES
terminal.css – Terminal CSS

Pastebin
Solielios
Kyujouz
Teenagegoth
Dracslaura
Ityizhuo
Dianakko
Milkandcookies
Miyounhive
Naocrrds
Reijeo
Greenmelon
Fterlyfe
Hosptials
Invaderzim
Itgirl
Vaninoe
GIFCITY
Peachygirl
Ruesha
Powy
Ukamori
Ziyas
Valentinegirl
Loveberry
Dollzito
Y2kcarrds
Ingenuo

Widget
iMood – Shows your current mood
status.cafe – Displays your current status
Web Neko – A cute animal that follows your cursor
piclog.blue – Displays the pictures you’ve shared
fc2 counter – It counts the number of visitors of your site
fc2 counter – An interactive poll that lets you create a question and more choices for people to vote on. Results of the vote can be also viewed

Graphics
sadthemes tumblr – a huge collection of pixels
tumblr – you can literally find so much of graphics that you're looking for
tiny identify buttons – tiny identify buttons collection and generator to create your own medtech
Sugaa's favicon – Favicon masterlist
pixelsea – an archive with search for pixel, icons, images, and smileys
Pixel harmony – Pixels, gifs
boypussy – Pixels, backgrounds, dividers, favicons, dolls, blinkies, navigation buttons, borders
stampkin – stamps
glitter graphics – graphics, glitter text, animated background, etc.
gaysweaters – dividers, pixels, backgrounds
poofite – pngs, lace, doily, backgrounds
tenshiikisu – dividers
animatedglittergraphics – dividers, gifs, glitter
Bonnibel – graphic collection of gifs
Pinkukingdom – blinkies, glitters, dolls, stamps, button wall, toy box
tomomi – pixel, dolls, dividers, blinkies
gifcities – an old digital library for GIFs and graphics
balloonlea – original, blinkies, stamps, icons, buttons, favicons, and miscellaneous
amreta's graphics – free web templates, desktop wallpapers, notebook sheets, and graphics to decorate sites, e-mail, crafts, and more

Carrd.co
lesbiana – fonts, images, codes, music player, backgrounds
lovespace – codes, fonts, graphics, tutorials
autism – small and large gifs, dividers, stamps, blinkies
cakepop – codes, fonts, tutorials
gifcity – codes, backgrounds, blinkies, buttons, dividers, icons, graphics, image masks, stamps
wesource – text, link, tutorials, miscellaneous, scrollbox, hover, animation
codes – text, image, scrollbox, pixels, music player, cursors, tutorials
ishimori – codes, fonts, backgrounds
loveberry – borders, text, miscellaneous
pochi – codes, tutorials, miscellaneous
supplies – pixels, blinkies, stamps, buttons
crunch – codes, fonts, backgrounds, tutorials
mist – codes, fonts, backgrounds, tutorials
swan – codes, fonts, backgrounds, tutorials, templates
yokai – codes, pixels, dividers, miscellaneous
gifs – codes, pixels, gifs, dividers, backgrounds, fonts
limonysal – codes, fonts, music players
epic – codes, tutorials, pixels
bubblegum – codes, fonts
allison – codes

Rentry
Lucypix
Fizzy
Zomboutique
Hauntedmansion's masterlist
Knowledge's masterlist
Grime's masterlist
Mikopixels
Rsrcs
Fuzzbug
Funmiya