make a website!

carrot | 20 | she/her my collection of indie web stuff

[digitalcarrot]

a sideblog for indie web resources.

my personal website

navigation tags are under the cut!

—————————————————————

Warnings (message me if you need anything tagged)

#flashing

#eyestrain

—————————————————————

#carrot posting my original posts

#tutorials many are beginner friendly

#templates html/css templates to use for your website, all for free!

#widgets small code snippets that have specific functions

#informational sharing info about the indie web & other subjects

#graphics to make your website look pretty, I always try to reblog from the original creators

#stamps

#buttons

#favicons

#blinkies

#dividers

#userboxes

#pngs

#webrings connect your site to other sites!

#cool websites sites that I enjoy viewing/using

#art art about the indie web

#video videos about the indie web

[toadslug]

Pretty Pretty Please I Don't Want to be a Magical Girl blinkies!!! :D

I edited/designed the blinkies, but I did not create the character art; @/kianamaiart is the original artist!!!

Higher quality, 1201 x 160 versions:

Lower quality, 150 x 20 versions:

[merdenorma]

PINK NEOCITIES THEME

My second template :3 i'm so excited for you all to see it!!!

what's included in the layout:

♡ free layout - pay what you want ♡ fully responsive ♡ valid HTML, CSS & JS ♡ F2U images (easy to replace) ♡ extensive notes in code ♡ easy customization with CSS variables ♡ beginner-friendly editing

♡ Live Preview ♡

♡ Download Here ♡

I put so much time and love into this, and I really hope you enjoy what you see. This layout is made to be completely customized and edited to your liking! I encourage changing the borders, colors, and anything else you'd like to make it your own. ^o^

Feel free to contact me if you need any help.

paleblueeyes2004 [at] gmail . com

Happy coding! :)

[dollcrds]

html & css tutorial :3

click here for a (somewhat messy) explanation of the difference between positionings (absolute, relative, fixed) & also the different units (rem, em, px)!

[uwantedahit]

♪ PASTEL PINK THEME by FRIENDNETWORK LIVE PREVIEW + PASTEBIN Features: ~ Navigation bar ~ Center container, two sidebars, and two box containers ~ Custom cursor As usual, annotations in the code should help you along the way. If you have any questions, email me! I would love to see if you use this template. Please don't remove credit. - Hal

[hrlyqueen]

shiny button tut !! (ibis paint + ezgif) long tut btw

for example:

to begin,

you'll need the shine, the top, the bottom, and the outline.

the dimensions are w:100 and h:18.

basic button creation:

import the outline to your canvas and compose the layers like this.

base color>bottom light>top light>outline

recolor it by using alpha lock on each layer. it should look something like this after the recolor:

text time!

I like to use the font upheaval,which you can get by importing fonts from dafont. resize it to your button until it looks satisfactory.

font>resize

symbols!

you can find symbols on websites or you can make them by using regular pngs and shrinking them to this small canvas. they should be pretty pixelated. MAKE SURE THEYRE TRANSPARENT. resize them and add onto the button by the text. You can recolor them too. I like to add a stroke to them. you can find the stroke in filters.

find symbol>resize>move onto button>recolor>add stroke (optional)

the shine!

once your button base is finished,add the shine to the corner. download that frame and import a new shine. move the new shine right next to the old shine. delete the old shine and download the image once the old shine is deleted. move the new shine seven movements to the side. download the button with the shine and repeat the process until the shine reaches the end.

shine to the corner>add new shine>move the new shine next to the old shine>delete the old shine>save the image w/o the old shine>move the new shine seven pxs to the right>save the image>repeat the process.

gif!

once you've downloaded all of the shine frames,add them into the ezgif website. upload them and make sure they're in the correct order. add the delay to 10 and make sure the frames don't stack. then hit make a gif!

add into ezgif>correct order>delay to 10>frames don't stack>make a gif

now you're done! here's your new button!

[magicalshopping]

♡ Bunny Strawberry Backpack Charm from Claire's ♡

[carrd-and-blog-resource]

🍓

[bronzewasp]

• gold frames

some dividers made from parts of antique golden frames

[sticker-pop]

2000's Mrs. Grossman's star shaped reward stickers

[carrd-and-blog-resource]

!!!

[burgerwebp]

KIRIMICHAN WEB DECOR⠀—⠀by burgerwebp! ⭑⠀self indulgent⠀♪ ⭑⠀interact & credit if using!⠀(˶ ' ◡ ' ˶) ⭑⠀notes: i am quite literally a fixation tryhard there's no reason to also be attached to the salmon thing as well. kirimi you are so cute never change ok

[suppermariobroth]

In WarioWare: Get It Together, the "Don't Waste the Paste" microgame consists of the playable character squeezing toothpaste from a tube. As is traditional for WarioWare games, on higher difficulty levels, the toothpaste has a small chance to be replaced with an unexpected object, in this case a long dog or a long cat. Here are the graphics for the long animals, extracted from the game's files.

Main Blog | Twitter | Patreon | Small Findings | Source

[carrd-and-blog-resource]

I made them transparent and separate so they can be on your blog!

[digitalcarrot]

a bunch of free website layouts on kalechip.net

consider donating to their Ko-fi <3

[digitalhiccup]

My Templates: Stamps ⫘⫘ // “Gothic Architecture” Inspired Stamp Templates // F2U // Terms, File Info & Download Under Cut ↷

—★ Terms↷ ★— Copyright notice, and download under the cut. ↷

★ Please ♡/↺ if you intend to use ↷

★— No other credit is required but appreciated if you use this without posting it (like on your page). If you post a stamp you make with this, please credit me for the template :) ★— Do not repost this template, claim as your own, or edit it to redistribute. Please link back to my blogif asked where to find it. ★— Editing for personal use only is okay (i.e. recoloring the template). Not for commercial use. ₊˚.⋆—★—₊˚.⋆ I also love to see what others make with my templates so feel free to dm/tag me n share a link if you want to but that is not required <3

—★ File Info ↷ ★—

★ Stamp Template: Gothic Architecture Frames #1-3 created by me (DigitalHiccup) ★ Programs used: Aesprite & Photoshop ★ Many options! Easy recoloring! 100px by 56 px — Use the first template to recolor it to your liking!

—★ Download & Copyright ↷ ★—

NOT for commercial use. Do not repost template. If someone asks where you got it, please refer back to my blog. ↷ ===★ I have other sites if you would like to save it elsewhere. ===★ The summarized copyright license is linked [here] ===★Get the complete folder [here]

[pidgeonprince]

i added baby salamanders the to be part of my virtual aquarium website for catie who requested them!

feel free to request more fish/aquatic creatures :) i love adding them

[adjpngs]

stardew valley pngs 🌱

[glenthemes]

Showing a warning box on page-load

A plugin that displays a warning box on page load, utilizing localStorage to set a custom time period before it’s displayed to the same user again. Can be used as a terms of use or privacy consent modal or similar.

Originally written as a tutorial in 2017. Reworked as a plugin in Sept 2023.

💛 DEMO  //  INSTALL + INSTRUCTIONS 💛

[digitalhiccup]

✄┈┈┈┈ Masking Tape Turned Into Dividers

★ Edited in Photoshop by Me [~1170-px width 72 DPI] ★ All F2U no credit required ★ ♡/↺ if you like/intend to use [do not repost or share link] ★ Download the folder Here (Google) [Digitally Archived by Me]