howl-codes

[howl-codes]

and here it is, the first glimpse of our gorgeous skin made by @htmljaslene exclusively for pop virus! for now it's just a little glimpse, but we'll be showing off our profile and other aspects soon! it's modelled on our psychic member group- and don't worry, those will all be posted soon too!

[howl-codes]

the lazy coders guide...

okay, so from my various trolls through mammoth google searches to learn bits about coding, i’ve discovered a few wonderful resources out there which actually do some of ( and in some cases, a lot of ) the hard work for you… 

these are otherwise known as code generators… here are a few of my faves;;

( NB/ all of the generators are pure CSS - no javascript is needed… )

CSS3 generator - includes generators for; border radius, box shadow, text shadow, rgba, font face, multiple columns, box resize, box sizing, outline, transition, transform, flexbox and gradient

EnjoyCSS - is another multi option generator and will give great live previews with a ton of options - includes; blocks, buttons, text, gradients, backgrounds, shadows, border radius, transition, transformation

CSS3maker - is again, another multi option generator - includes; border radius, gradient, transform, animation, transition, rgba, text shadow, box shadow, text rotation, fontface

Layerstyles - for those of you who use photoshop, this is the editor for you!  it will generate CSS code from a PS like editor that should be very familiar - includes; drop shadow, inner shadow, background, border, border radius

Westciv - includes options to generate; gradients, text properties, box properties, transformations

here are some individual generators which give a little more detail and flexibility with the options;

scrollbar generator border radius generator gradient generator  gradient generator box shadow button generator button generator menu generator menu generator ( includes bootstrap option ) menu generator tooltip generator tooltip generator ribbon generator table generator table generator typeset generator ease animations full box styling full box styling pattern generator

enjoy :3 love from, octomoosey <3

#resources

[howl-codes]

My Favorite Forum Scripts

The unofficial part two of My Favorite Skin-Building Scripts, this is a collection of scripts that I wish more forums used! Not quite essential for building your forum, but definitely nice to have from an end user perspective. Like the post draft saver, post bookmarks, ctrl+b/i/u, etc.

These are some of my favorites from the resource forums jCodes and Sourced, both of which have a lot more codes available than the ones I pulled out as my favorites. So go check those resource forums out!

Keep reading

#scripts #resources

[howl-codes]

My favorite skin-building scripts

Every skin designer has their go-to scripts and codes when building out a new skin. Beneath the cut are the codes that I HAVE to have, aka cannot live without now that they’re out there. 

What are your must have features?

Keep reading

#scripts #resources

[howl-codes]

I know I’m not the only one who struggles to find the right fonts for my projects. So I put together a list of places to find good, free, legal, fonts to use in all of our websites. This list may be short, but it’s curated to help you find the best fonts in the easiest way, and without having to worry about all the legalese.

If there are any free font resources you like to use that I’ve missed, let me know! 

Keep reading

#fonts #resources