THEMES BY ANARCHYOONGI

PSD NUMBER NINETY SIX ☪ BY L O U I S A P A S T E L

Fansite 08

2 Extra tabs, contact tab

500px

2 sidebars

affliates, twitter, projects, members and more boxs

header

and more

05 dream theme

something cute and simple i made for a break 

previews: x , x , x  |  code

features under the cut!

Tumblr’s default Soundcloud audio players are huge and ugly and I couldn’t deal, so I looked at the Soundcloud API today and wrote a script to slim them down a bit. Enjoy :-)

Please, like or reblog if you download it

★ 32. BY PSWONDERLAND ★

Like or reblog if you download.

103. Theme - Vainglory ↳  Preview [ 1 / 2 ] ▪ Code ( Click ‘Skip Ad’ after 5 seconds )

Minimalist + full sidebar theme.

Sidebar background is 400px in width.

Avatar is 50px x 50px.

Up to 3 custom links.

Option for sidebar background.

Option for avatar.

Option for 1 or 2 columns.

Option for 250px, 300px, 400px, 500px or 540px posts.

Option for inverted Tumblr controls.

Option for show captions.

Option for infinite scroll.

Infinite scroll, pxu photoset and masonry code credit: [ + ]

Please reblog/like if using.

L-AGALLERRIE  coloring1233 (x)

Please, don’t claim as your own;

if you download/use favorite or reblog this post!

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)

105. Theme - Lucky One ↳  Preview [ 1 / 2 ] ▪ Code ( Click ‘Skip Ad’ after 5 seconds )

Simple header theme.

Header is 200px in height, 330px in width for 250px posts, 380px in width for 300px posts, 480px in width for 400px posts, 620px in width for 500px posts and 700px for 540px posts.

Avatar is 100px x 100px.

Up to 6 custom links.

Option for header.

Option for avatar.

Option for clover.

Option for 250px, 300px, 400px, 500px or 540px posts.

Option for inverted Tumblr controls.

Option for show captions.

Option for infinite scroll.

Video resizing code credit: [ + ]

Please reblog/like if using.

PSD #1 by Hollywood Lockscreens

Reblog/like if you download

Adjust/remove some layers if necessary

Don’t claim as your own or/and don’t repost