What are you working on? v6

[Ac!dL3ak]

[QUOTE=Alcapwne;32093854]Yeah I couldn't figure out how to work around that without losing the gradient in the background, any ideas?[/QUOTE]

background-attachment:fixed;

maybe?

[slayer20]

[thumb]http://filesmelt.com/dl/mainpage13.jpg[/thumb]

I'm still not sure if I like this design or not...

I think the background is hard on the eyes.

[Streetser20]

@Alcapwne Why don't you use CSS3 border radius for the corners? It'll save some images. But the overall design looks really nice.

@slayer20, It looks alright, but my first thought was the background too - maybe make the lines thinner, or use less contrast between the two colours. Plus, I'd align the top Navigation bar up with the sides of the content box, I think it'll make it look a bit better...

[anton2]

[QUOTE=Streetser20;32094975]@Alcapwne Why don't you use CSS3 border radius for the corners?[/QUOTE]

probably for compatibility in other browsers

[pdkm931]

I use CSS3 to enhance the looks of a website. Since it really shouldn't be necessary for something to look a certain way if it isn't part of the main design.

[Warvibe]

[QUOTE=slayer20;32094661][thumb]http://filesmelt.com/dl/mainpage13.jpg[/thumb]

I'm still not sure if I like this design or not...

I think the background is hard on the eyes.[/QUOTE]
Dude, in my opinion it is just horrific. The background is indeed too notable and hurts my eyes a bit. But neither do I like the overall color scheme and the font. Try some more light colors and a more readable font.

[spidersdesign]

Finally got the hang of Python and have started Volcanic Pixels.

Just basic stuff at the moment and none of the images are optimised but here it is:

[url]http://www.volcanicpixels.com/[/url]

The speed of the app engine is astonishing. In it's current state the first page load is about a megabyte and it is very quick (obviously going to compress images).

And whoever it is who likes lobster - it has more lobster than you can shake a stick at!

[Alcapwne]

[QUOTE=spidersdesign;32109500]Finally got the hang of Python and have started Volcanic Pixels.

Just basic stuff at the moment and none of the images are optimised but here it is:

[url]http://www.volcanicpixels.com/[/url]

The speed of the app engine is astonishing. In it's current state the first page load is about a megabyte and it is very quick (obviously going to compress images).[/QUOTE]

That looks amazing! I really laughed at the testimonials thingy

[spidersdesign]

[QUOTE=Alcapwne;32109529]That looks amazing! I really laughed at the testimonials thingy[/QUOTE]

Thanks :) I put that in there as a filler until I got some real ones but I think I'll keep it.

[Alcapwne]

[QUOTE=spidersdesign;32109653]Thanks :) I put that in there as a filler until I got some real ones but I think I'll keep it.[/QUOTE]

Yeah, the 'mother' one was hilarious

Although I think you should have a larger shadow (2/3px) on the main text thing at the top because the font itself is very bold so it's difficult to see the shadow

[PieClock]

[IMG]http://puu.sh/5c7g[/IMG]

mmm css3 buttons

[Ac!dL3ak]

[QUOTE=PieClock;32116137][IMG]http://puu.sh/5c7g[/IMG]

mmm css3 buttons[/QUOTE]

sexy

[editline]4th September 2011[/editline]

how'd you get that little bit of white under the buttons

[PieClock]

[QUOTE=Ac!dL3ak;32116199]sexy

[editline]4th September 2011[/editline]

how'd you get that little bit of white under the buttons[/QUOTE]

box-shadow: 0 1px 0 rgba(255,255,255,0.15);

[Ac!dL3ak]

[QUOTE=PieClock;32116246]

box-shadow: 0 1px 0 rgba(255,255,255,0.15);

[/QUOTE]

i knew there was a box-shadow somewhere

[Sharpshooter]

[QUOTE=PieClock;32116137][IMG]http://puu.sh/5c7g[/IMG]

mmm css3 buttons[/QUOTE]

Those are really nice, would love to know how you achieved them.

[PieClock]

[QUOTE=Sharpshooter;32117598]Those are really nice, would love to know how you achieved them.[/QUOTE]

Here's the bones of the button I posted

.sexybutton
{
	background-color:#424242; /* Fall Back */

	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0.17, rgb(71,71,71)),color-stop(0.59, rgb(58,58,58))); /* Gradient background */
	background-image: -moz-linear-gradient(center top,rgb(71,71,71) 17%,rgb(58,58,58) 59%);

	box-shadow: inset 0 1px 0 rgba(255,255,255,0.15), 0 1px 0 rgba(255,255,255,0.15);; /* Set both the top shadow, and the underlying shadows */

	border: 1px solid #202020; /* Border options */
	border-radius: 3px;

	color:#d9d9d9;  /* Text Style */
	text-align:center;
	text-shadow: 0px 1px 0px #000000;
	filter: dropshadow(color=#000000, offx=0, offy=1);

	-moz-user-select: -moz-none; /*Make text unable to highlight*/
	-khtml-user-select: none;
	-webkit-user-select: none;
   	user-select: none;

	cursor:pointer; /* Set Appropriate Cursor */
}

I'm not the cleanest at writing code so apologies if it's rough, should give you the basic idea though. After this all you need to do is change up some options with the hover and active options.

[Sharpshooter]

Nice, thanks. I really need to start getting to grips with CSS3 I haven't took a look beyond the basic popular elements of it.

[Fizzadar]

Screw you APC, memcached to the rescue!

[PieClock]

[QUOTE=Sharpshooter;32118247]Nice, thanks. I really need to start getting to grips with CSS3 I haven't took a look beyond the basic popular elements of it.[/QUOTE]

I usually find sites like this to be enough for stuff like above:
[url]http://layerstyles.org/[/url]

Really good if you're familiar with Photoshop's layer styles / blending options.

[TerabyteS_]

Tonight I had nothing to do so I decided to try a design for the homepage of my school's website. There was no planning, I just did it in Photoshop and that's probably why it looks so awful.

[img]http://gabrielecirulli.com/p/20110905-013947.png[/img]

C&C? Even though it won't go very far.

[Ac!dL3ak]

[QUOTE=PieClock;32117828]Here's the bones of the button I posted

.sexybutton
{
	background-color:#424242; /* Fall Back */

	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0.17, rgb(71,71,71)),color-stop(0.59, rgb(58,58,58))); /* Gradient background */
	background-image: -moz-linear-gradient(center top,rgb(71,71,71) 17%,rgb(58,58,58) 59%);

	box-shadow: inset 0 1px 0 rgba(255,255,255,0.15), 0 1px 0 rgba(255,255,255,0.15);; /* Set both the top shadow, and the underlying shadows */

	border: 1px solid #202020; /* Border options */
	border-radius: 3px;

	color:#d9d9d9;  /* Text Style */
	text-align:center;
	text-shadow: 0px 1px 0px #000000;
	filter: dropshadow(color=#000000, offx=0, offy=1);

	-moz-user-select: -moz-none; /*Make text unable to highlight*/
	-khtml-user-select: none;
	-webkit-user-select: none;
   	user-select: none;

	cursor:pointer; /* Set Appropriate Cursor */
}

I'm not the cleanest at writing code so apologies if it's rough, should give you the basic idea though. After this all you need to do is change up some options with the hover and active options.[/QUOTE]

sexy button!

also

i tend to put the beginning bracket on the line of code that executes the block, like this:

function() {

// do something

}

instead of

function()
{

// do something

}

is that bad or what because i've seen it the second way more often

[editline]4th September 2011[/editline]

[QUOTE=PieClock;32118424]I usually find sites like this to be enough for stuff like above:
[url]http://layerstyles.org/[/url]

Really good if you're familiar with Photoshop's layer styles / blending options.[/QUOTE]

that's actually really cool I should use that

[T3hGamerDK]

[QUOTE=Ac!dL3ak;32118472]sexy button!

also

i tend to put the beginning bracket on the line of code that executes the block, like this:

function() {

// do something

}

instead of

function()
{

// do something

}

is that bad or what because i've seen it the second way more often

[editline]4th September 2011[/editline]

that's actually really cool I should use that[/QUOTE]

It's not bad. Whatever you think looks best for you!

[Ac!dL3ak]

[QUOTE=T3hGamerDK;32118522]It's not bad. Whatever you think looks best for you![/QUOTE]

I actually think the second one looks better :v:

I just do it the way i do it because it's a tiny bit faster

[PieClock]

I only do it with CSS for some reason.

[Ac!dL3ak]

[QUOTE=PieClock;32121320]I only do it with CSS for some reason.[/QUOTE]

I see your title as CJF :downs:

[acpm]

The two bracket styles you see are based on dominance of preference in various languages and markups. You'll see it one way in one language, and another way in some other language.

I personally prefer to stick to the norm for respective languages if there isn't a strict whitespace, indentation, and naming convention already present by the language architects.

[editline]4th September 2011[/editline]

Looking at my work, it appears I use the following styling for both CSS and JavaScript:

#foo{
}

function foo() {
}

Where as in C++ I use:

[cpp]void foo()
{
}
[/cpp]

Anyway, this is probably a longer post than it should have been, but you get the point.

[T3hGamerDK]

[QUOTE=amcfaggot;32122180]The two bracket styles you see are based on dominance of preference in various languages and markups. You'll see it one way in one language, and another way in some other language.

I personally prefer to stick to the norm for respective languages if there isn't a strict whitespace, indentation, and naming convention already present by the language architects.

[editline]4th September 2011[/editline]

Looking at my work, it appears I use the following styling for both CSS and JavaScript:

#foo{
}

function foo() {
}

Where as in C++ I use:

[cpp]void foo()
{
}
[/cpp]

Anyway, this is probably a longer post than it should have been, but you get the point.[/QUOTE]

This is the exact same way I do it.
If there's no strict rules, I just do it that way.

[russelg]

Just started to use [url="http://lesscss.org/"]LESScss[/url] and I love it!

Trying to remake my CSS with it now!

[Kwaq]

i always do

if 1 = 1
{
do stuff;
}
else
{
go home;
}

does it look cleaner and easier to read that way just to me? will people collaborating in code in future jobs etc care that i write everything like that?

e: that less css thing looks really fucking useful in that you can @declare anything like that :) thanks for showing me!

[Chuushajou]

An error occurred during client rendering.An error has occurred during report processing.
Query execution failed for dataset 'rs_my_attendance_tod'.
Login failed for user 'sa_XXXX1'.

My fucking college's intranet / report system is [U]fucking[/U] terrible. This error has been showing up since I started last September. Thought I'll share with you the clueless "technical" staff we have to deal with, oh and they think it is "working".

/rant