- This topic is empty.
-
AuthorPosts
-
August 3, 2011 at 4:33 am #33771aoeuiParticipant
hi there tech folks :]
what is your favourite way to organise your data, web, folder structure?
here is mine for example (basic version)
css
cssnormalize.css
cssprint.css
cssstyle.css
docs
docsdoc
docspdf
docsppt
docstxt
docsxls
download
img
imgbg
imgicon
imgicon16x16
imgicon32x32
imglogo
imgpage
imgpageerror
imgpageerror403
imgpageerror404
imgpageindex
imgpagekontakt
js
php
phpcore
phplayout
phpplugins
pic
picpage
plugins
pluginsjquery-tabs
pluginsnivo-slider
swf
xml
index.html
contact.html
favicon.png
.htaccess
img
all pictures that create core of the web, how it lookspic
all photos in galleries, products, … to keep them separate from core data imagesAugust 3, 2011 at 6:09 am #84384jamygoldenMemberMy basic structure is something like:
css/style.css
/* Assuming I have lots of images */
img/header/
img/sidebar/
img/footer/
js/mylibs/
js/plugins.js
js/scripts.js
index.phpI like and use HTML5 Boilerplate so I just basically keep that structure.
August 3, 2011 at 9:05 am #84386sliver37Member
css/
images/
product-images/
js/
fonts/
style.css
This is the folder structure I use 99% of the time, the base structure at least, before any combining/compressing.
August 3, 2011 at 10:24 am #84397TheDocMembercss/
images/
js/
fonts/
index.html
style.cssAugust 3, 2011 at 12:26 pm #84403furrball1383Memberif I may ask doc, why is style.css out of the css folder?
August 3, 2011 at 12:34 pm #84405jamygoldenMember@furrball1383 I’m not 100% sure why @TheDoc does that, but I would imagine it’s because the paths to files wouldn’t have to begin with a ‘../’.
For example:
#header{background: url(../images/header.jpg) no-repeat left top;}
Also, WordPress does it that way :p
August 3, 2011 at 12:37 pm #84407Rob MacKayParticipantI would guess Doc holds a few more details in the style.css – for example in WordPress you have a style.css that holds theme information – can also use @import to pull in other style sheets (I would do that too)
August 3, 2011 at 12:47 pm #84409jamygoldenMemberI’ve actually stopped using multiple stylesheets. I always tell myself I will merge them eventually and I mostly don’t, so I force myself to use 1 lol.
What I want to know is why everyone (including myself) name it “style.css”. Why not “css.css”… or something else? Anything else just feels wrong to me though.
@Robskiwarrior I feel sorry for someone who joins the forum and names him/herself “import”.August 3, 2011 at 12:52 pm #84410TheDocMemberI like my main stylesheet to be in the root (and, as others have eluded to, it’s how WordPress does it, and nearly all of my sites are integrated with WP).
@jamy_za – multiple stylesheets are important! Here are some that get put in my css folder:
- ie.css
- mobile.css
- high-contrast.css
- print.css
August 3, 2011 at 1:05 pm #84388sliver37Member@jamy_za How do you manage with just a single sheet? :O
I’ve heard bad things about @import, breaking parallel downloading etc. I have avoided using it (i’m sure performance hit wouldn’t be noticeable, just my OCD kicking in).
August 3, 2011 at 1:28 pm #84411jamygoldenMember@silver37 I mentally break my stylesheet down into sections.
1 – Reset
2 – Typography (Broken down into sub-sections)
3 – Layout (Broken down into sub-sections)
4 – IE
5 – Mobile / Other media queries
6 – PrintI use CTRL/CMD + F a lot :p
August 3, 2011 at 1:37 pm #84413Rob MacKayParticipanthaha @jamy_za yea. @import person I am sorry hehe
There is a performance hit with @import, but it is marginal – is better, but it is a personal choice thing and as long as you don’t have 50 style sheets importing you really wont notice. I normally have 3 at the most, a reset, fonts and layout.
August 3, 2011 at 5:39 pm #84436TheDocMemberHaving them all in the root just gets a little messy – most people like it for organization purposes.
August 3, 2011 at 5:43 pm #84437OniLinkCRMemberOdd. I DETEST having the CSS inside the root. Man, we are weird eh.
August 4, 2011 at 2:23 am #84459joshuanhibbertMember/css
/css/fonts
/js
/js/libs
/images
/images/gallery
.htaccess
301.html
404.html
apple-touch-icon.png
favicon.ico
index.html
sitemap.xmlLike @jamy_za I have a single stylesheet ordered like so:
/* Base styles */
/* Typography */
– Fonts
– Styles/* Layout */
– header
+ navigation
– content
– footer/* Extra styles */
/* Animation */
/* Media Queries */
-
AuthorPosts
- The forum ‘Other’ is closed to new topics and replies.