:3

CONTROL WORLD ROOM THEME BY ANNIE @NOODLE 

PREVIEWS: 1 (TEMP) X 2 X 3

Trollian Theme by fourleggedsandwich

static preview | code

Features:

customizable icon

custom links

blog title, description, about page

search bar

customizable chumproll

like & reblog buttons

custom colors

pagination

changeable background image (repeating/none)

draggable posts

bold/unbold body text

Rules:

you may..

edit

use it as a personal theme

however..

Like/reblog if you’re using

Don’t claim/repost/add credit as yours without heavy edits

y2k theme by jeff

code here!

acquaintance theme by @38

features: it has them

go ham but dont remove or edit the credit ty ilysm

🎲 theme by reddddo preview1    preview2     preview3    code

features:

custom post size, sidebar size, letter spacing

background, sidebar, post, footer, navgation, corner, link image

six fonts, three border styles, four extra links

optional glow link, sahdow link, bold link, uppercase link, link background, shadow post, rounded post, rounded sidebar, rounded navigation, dropdown menu etc.

show/hide description and tags

Theme 07 - Mojave

based on the old macintosh operating system

code & live preview

features:

400px posts

up to 8 custom links, in a dropdown menu (links 4 thru 8 are optional and can be turned on/off)

optional rounded border and image corners

choice of black or rainbow apple icon

optional container background pattern

custom colors for: main background, container background, description window background, and accent (which affects the links and scrollbar)

handmade cursors and navigation icons

real-time, functional clock located in the top bar

please do not claim any part of this code as your own or redistribute it as such

you may of course edit it to fit your needs, tastes, aesthetic, etc.

go wild i guess theme by hadnat

live prev // code

features under cut

operating system upgrade theme by jeff ^__^

code here

so the operating system theme [x] from nearly a year ago got really popular! but…there were still things about it that bothered me. things that didn’t work as they should, or things that just didn’t seem too aesthetically appealing.

jsfiddle - Helps you test out your code instead of using tumbr’s shitty customization page

cssportal - offers a variety of services,including: testing out your css code (gives you a live demo), generators (box-shadow etc) and others

dirtymarkup - Cleans up your code. Basically makes it legible

patternify - creates small patterns (it’s what I use to create my icons). This is honestly my favorite tool.

w3schools, codeacademy, learn-shayhowe, learnlayout - all of these websites help you learn the fundamentals of html/css and more

google - it is literally your best friend. It’ll answer any question you have no matter how vague

stackoverflow- very helpful website. Helps you answer any questions you may have (code related). BUT PLEASE, MAKE SURE YOU HAVE SEARCHED YOUR QUESTIONS BEFORE ASKING. These are actual people who are taking their time to answer your questions, and they will take your “question asking” privilege away from you if you abuse it

tutorialzine  codrops- tutorials to help you with coding. It can go from very simple, to “that’s way too much time investment for me”

css-tricks - it’s like a combination of helping you code, to asking questions, to tutorials (this is my favorite website)

behance, dribbble, awwwards - great place to find inspiration

 validator - checks the validity of your code

iconfinder - holy grail of icons. Some are free some aren’t

fount - it can identify any font that a webpage is using

colourcode - just check it out. 

colorlovers- color palette galore 

caniuse- says in the name

Now if you’re trying to see how your code/theme etc looks on different screen resolutions this is how you do.

Google chrome

right click on page then click on inspect or (Ctrl + Shift + I) look for this (it’s the two ipad looking icons)

All you have to do now is input in whatever specs you want If you don’t want it anymore, just click it again and it’s gone.

Firefox

click on the menu icon (the 3 lines in the right hand corner)

click developer then responsive design view or (Ctrl + Shift + M)