All Discussions - CSS-Tricks Forums

Modular CSS

AntonNiklasson — Sun, 21 Aug 2011 08:11:20 -0400

Hey guys,

I've been thinking about my way of organizing CSS. Is there anyone using some kind of "modular" css? Like header.css or typography.css? Right now I've got everything in style.css, which gets confusing from time to time.

Thanks!

Best way to leave current employer?

MissJess — Sat, 20 Aug 2011 19:09:10 -0400

Hi there,

I am working for somebody part time who I do not enjoy working for. He's a nice guy, funny, but I don't enjoy the work. What is the best thing to say to him to leave? I'd like to avoid burning any bridges. Do you have any suggestions?

Drop Down Menu

chyuu — Fri, 19 Aug 2011 18:39:10 -0400

I'm not sure it's in the right category so my apologise if it isn't.
This is my site: http://chyuu.webs.com/
I want the links in the navigation to drop down or appear when you click the header.

Please help, I'm a noob at javascript ;<

.HTACCESS

krysak4ever — Wed, 10 Aug 2011 04:43:10 -0400

hi,

I found here in snippets

RewriteRule ^about$ about.php [L]

will make
example.com/about.php
example.com/about

question is, how to make this default for ALL pages having .php

could anyone help here, point me to a tutorial or some snippet?

[Project] Animating background !

CReative59 — Sat, 20 Aug 2011 08:50:40 -0400

Hey there guys ... how is everyone doing ??
I'm new in here, but I have an idea that i'm working one right now and I wanna share it with you...

I'm designing a new Joomla theme and i got the layout done in PS - Simple and elegant focusing on the content - but i wanna add some sophistication to the web-page.
I was thinking to add a scene an animating scene in the background a night scene and a morning one ... maybe after this use java script to change between them according to time on the browser machine .....

I'm working now on the night scene ... i have 4 elements . stars , moon , clouds and background gradient ....

I'll be using the Keyframes option on CSS3 to animate the scene ... I've already done the glaring of the stars and used 6 images as starting stars and used CSS3 Gradients for the background .....

for the moon the animation will be orbiting around its core ... Easy

@-webkit-keyframes orbit {
	from  {-webkit-transform:rotate(0deg);}
	to {-webkit-transform:rotate(360deg);}
}

for the stars i made 5 different animation including rotating and scaling ... easy too

@-webkit-keyframes staring5 {
	0% {-webkit-transform:rotate(120deg) scale(.6) ;}
	20%  {-webkit-transform:rotate(50deg) scale(.7) ;}
	40%  {-webkit-transform:rotate(100deg) scale(.9) ;}
	80%  {-webkit-transform:rotate(-180deg) scale(1.2) ;}
	100%  {-webkit-transform:rotate(120deg) scale(.6) ;}
}

lastly i'm still thinking about the positioning of the stars ... they should be all placed randomly around the web-page ..... :)
I guess i'll make multiple random positions and apply them randomly to the stars as well ....

You can check my progress here http://mr-creative59.com/test/

Any suggestions and discussion is welcomed

Horizontal center positioning

Deniel — Sat, 20 Aug 2011 16:02:33 -0400

Hello guys,

I need your help. Im a begginner CSS and HTML user. I just created my own site http://www.danielbalazs.com as you can see this is horizontal website with only images. I just want one thing to do well which is the Position should be in center when you resize the browser window, like this page: http://www.weshootbottles.com/ Here is my HTML and CSS documents. I think its really easy for you guys, but I've tried every solutions from the internet and it doesnt work for me.

* 							{ margin: 0; }
body 						{
	font-size: 62.5%;
	font-family: 'Lucida Grande', Helvetica, sans-serif;
	background: #f6f6f6;
	color: #ebebeb;
	}
/*
	STRUCTURE
*/
.post 						{ width:relative;
margin:5px;
border:1px solid #fff;



 }

And my HTML: