found websets by lynn — this website is a neat neocities resource hub offering free backgrounds, button sets, glitter fills and layout tools! everything is ready to use and perfect for mockups, placeholders, or giving a page that nostalgic web flair without drawing your assets up from scratch. this website is very cute!
emojipedia is a really useful tool for web developers, especially when you're making lists. it can even double as your bullet point source.
<ul>
<li>first item</li>
<li>second item</li>
</ul>
by default, browsers will put a solid round dot in front of each list item.
but you can change them! here's the same list, but with an emoji from emojipedia:
.fancy-list {
list-style-type: none;
padding-left: -;
}
.fancy-list li::before {
content: "🍄";
color: var(--coral);
}
put the fancy-list tag inside your opening ul tag
i called mine fancy-list, but you can pick any name you like! just remember
to use that same name inside your <ul> tag, otherwise your cute custom bullets
won't show up.
list-style-type: none; kills the default dots.padding-left: 0; realigns the text.li::before lets you place something before each item.content: "something"; that “something” is your emoji.color: var(--coral); pick your color! i used my color token herei was invited to a webring (screaming internally!!) which means i finally get to make my own 88×31. if you're new to them too, here's the quick links i used to make it + a place to collect mine.
a teeny banner (exactly 88x31px) you can trade, collect, and stick on your site. think stickers for your web notebook.
i'll drop my button + any i collect here:
found svgl.app — a site full of clean, ready-to-use brand logos in svg format. perfect for placeholders or quick mockups when you don't feel like redrawing icons just to fill space.