What are you working on? v6

[Jelly_]

[QUOTE=TerabyteS_;33036851]I honestly don't see what's good in using a css library to make your website look as dull and as generic as possible. It completely wears out the concept of web design.[/QUOTE]

I'd rather see Twitter Bootstrap then a UI from a shitty web developer.

[TerabyteS_]

[QUOTE=Jelly;33036885]I'd rather see Twitter Bootstrap then a UI from a shitty web developer.[/QUOTE]Yes but what I mean is; if you can make your own, make your own.

[miceiken]

[QUOTE=TerabyteS_;33036851]I honestly don't see what's good in using a css library to make your website look as dull and as generic as possible. It completely wears out the concept of web design.[/QUOTE]

This isn't entirely true. You're basicly saying that you only can have 1 layout with 1 set of colors. Twitter's Bootstrap has the functionality to structure a unique multi-browser compability website with a few lines of html.

[BrettJay]

[QUOTE=miceiken;33037265]This isn't entirely true. You're basicly saying that you only can have 1 layout with 1 set of colors. Twitter's Bootstrap has the functionality to structure a unique multi-browser compability website with a few lines of html.[/QUOTE]

It honestly doesn't take that many lines of html and css to structure your own original layout.

[spidersdesign]

Could someone enlighten me as to the actual differences between ::before and ::after.

ul.nav li:hover::after, ul.nav li.active::after
{
    content:"";
    position:absolute;
    bottom:0px;
    border:10px solid transparent;
    border-bottom-color:white;
    left: 50%;
    margin-left: -10px;
    z-index:21;
}

This doesn't display but when I use ::before it does. I would just use ::before except I am using that for something else.

[hzy]

[QUOTE=spidersdesign;33037750]Could someone enlighten me as to the actual differences between ::before and ::after.

ul.nav li:hover::after, ul.nav li.active::after
{
    content:"";
    position:absolute;
    bottom:0px;
    border:10px solid transparent;
    border-bottom-color:white;
    left: 50%;
    margin-left: -10px;
    z-index:21;
}

This doesn't display but when I use ::before it does. I would just use ::before except I am using that for something else.[/QUOTE]

:before applies the style to before the element, while :after applies it after the element.

[spidersdesign]

There has to be more to it than that - this is absolutely positioned so its location in relation to the contents is irrelevant.

[russelg]

[QUOTE=spidersdesign;33037750]Could someone enlighten me as to the actual differences between ::before and ::after.

ul.nav li:hover::after, ul.nav li.active::after
{
    content:"";
    position:absolute;
    bottom:0px;
    border:10px solid transparent;
    border-bottom-color:white;
    left: 50%;
    margin-left: -10px;
    z-index:21;
}

This doesn't display but when I use ::before it does. I would just use ::before except I am using that for something else.[/QUOTE]

[url]http://css-tricks.com/14325-videos-of-my-psuedo-elements-talk/[/url]

This video might enlight you on those elements, it sure enlightened me.

[spidersdesign]

I have made a jsFiddle to show the problem: [url]http://jsfiddle.net/volcanicpixels/YjZ2R/3/[/url]

If you scroll down to "/*THIS IS WHERE THE PROBLEM IS --------------------------------------------------------------*/" in the CSS

you will see 2 declarations (one above and one below).

The one above creates the dark triangle on the active element. The one below should create a white triangle however it doesn't.

If you switch the two declarations around so that the one which is currently ::before is ::after and vice versa it displays the white but not the dark triangle.
There must be another difference with the ::after to cause this behaviour.

[editline]30th October 2011[/editline]

Found it - the problem was that the clearfix declaration was interfering with the visibility of the ::after.

[eddy-tt-]

[QUOTE=Ac!dL3ak;33015375]uhhh

[url]http://drderp.net/gf/[/url]

[editline]28th October 2011[/editline]

you're not terrible i am[/QUOTE]

You're not terrible. [url=http://tf2r.com/ke-PAN.html]I am.[/url]
(Page source).

[KmartSqrl]

[QUOTE=TerabyteS_;33011138]They dumbed it down a lot. They even hid the terminal and you can't open it without pressing ctrl+alt+t, had me looking for a solution for quite a long time to find it. I think the best way would be going for a good compromise, not trying to make dumbasses happy by stepping on power users' feet.[/QUOTE]

You can click the program search thing and start typing in terminal and it pops up, you don't have to press any sneaky hot keys to find it.

[bbang]

[QUOTE=eddy-tt-;33038863]You're not terrible. [url=http://tf2r.com/ke-PAN.html]I am.[/url]
(Page source).[/QUOTE]

It takes so long to load the site.

[eddy-tt-]

[QUOTE=zzlawlzz;33039254][QUOTE=eddy-tt-;33038863]You're not terrible. [url=http://tf2r.com/ke-PAN.html]I am.[/url]
(Page source).[/QUOTE]

It takes so long to load the site.[/QUOTE]

That one page is a monster, should have picked another really, try this one [url]http://tf2r.com/kpsy5b.html[/url]

[TerabyteS_]

I'm really starting to consider using less to make my stylesheets and compiling before deploying. I've always been skeptical about it but it's starting to look nice to me. Is there anything wrong about using it?

[KmartSqrl]

I use SCSS all the time. There's not really any reason to avoid CSS... languages/extensions/whatever like that unless you're really concerned about having CSS selectors that are sometimes overly specific, which is an issue you can completely avoid by not nesting things more than you normally would.

Just make sure that you're compiling them before the client gets them or that you're compiling and caching them correctly on the server side. I usually do the later since I'm normally using it as part of a sinatra or rails application.

Once you start using one of them you will feel like an idiot for not doing it sooner.

[ptown2]

So, in order to finish my small project which it involved me to look at tons of tutorials and such (including copy and pasting, but don't worry, credits were given). Also, some codes were made by trial and error. So yeah, it's a big mess of a project to be exact...

Note: The images are really big, so I've decided to not place them img tags or it would extend this page to heaven land.

Slightly Better (or not so better) display.
[url]http://dl.dropbox.com/u/6917336/screens/calcscreen1.png[/url]

No more slidable div, a pop-able div is made...
[url]http://dl.dropbox.com/u/6917336/screens/calcscreen2.png[/url]

with sliding mechanics!
[url]http://dl.dropbox.com/u/6917336/screens/calcscreen3.png[/url]

Link: [url]http://dl.dropbox.com/u/6917336/virtualcalculator/vircurcalc.html[/url]

EDIT: I had to use the FP Background in order to remove that eye-raping white background.

[TerabyteS_]

[QUOTE=KmartSqrl;33040030]I use SCSS all the time. There's not really any reason to avoid CSS... languages/extensions/whatever like that unless you're really concerned about having CSS selectors that are sometimes overly specific, which is an issue you can completely avoid by not nesting things more than you normally would.

Just make sure that you're compiling them before the client gets them or that you're compiling and caching them correctly on the server side. I usually do the later since I'm normally using it as part of a sinatra or rails application.

Once you start using one of them you will feel like an idiot for not doing it sooner.[/QUOTE]What's the difference between SASS and LESS?

[hzy]

[QUOTE=TerabyteS_;33040533]What's the difference between SASS and LESS?[/QUOTE]

I find some simple googling usually helps with those types of questions [url]http://stackoverflow.com/questions/3133204/less-or-sass-scss-when-doing-non-ruby-projects[/url]

[KmartSqrl]

[QUOTE=ptown2;33040437]EDIT: I had to use the FP Background in order to remove that eye-raping white background.[/QUOTE]

The FP background is hideous on every single website I have ever seen it on. Don't take design inspiration from garry's websites, he's not a very good designer.

[jaybuz]

Somebodies jealous

[StinkyJoe]

[QUOTE=KmartSqrl;33042038]The FP background is hideous on every single website I have ever seen it on. Don't take design inspiration from garry's websites, he's not a very good designer.[/QUOTE]

Hello, I'm here on behalf of the Understatement Committee, mind if I come in?

[acpm]

[QUOTE=StinkyJoe;33042258]Hello, I'm here on behalf of the Understatement Committee, mind if I come in?[/QUOTE]

Made my day

[editline]30th October 2011[/editline]

Content

[t]http://i.imgur.com/kCZge.png[/t]

idk, just experimenting

[Jelly_]

[QUOTE=spidersdesign;33037988]I have made a jsFiddle to show the problem: [url]http://jsfiddle.net/volcanicpixels/YjZ2R/3/[/url]

If you scroll down to "/*THIS IS WHERE THE PROBLEM IS --------------------------------------------------------------*/" in the CSS

you will see 2 declarations (one above and one below).

The one above creates the dark triangle on the active element. The one below should create a white triangle however it doesn't.

If you switch the two declarations around so that the one which is currently ::before is ::after and vice versa it displays the white but not the dark triangle.
There must be another difference with the ::after to cause this behaviour.

[editline]30th October 2011[/editline]

Found it - the problem was that the clearfix declaration was interfering with the visibility of the ::after.[/QUOTE]

It's :after and :before not ::after and ::before.

[TerabyteS_]

I'm really starting to love Ubuntu and *nix systems in general. It's clean, easy, functional, does what you want it to do if you know how to tell it to do so and best of all the UX is way better than the last time I used it 4 years ago. Plus, you can completely operate from a terminal and that's something I really love.

If only I wasn't tied to the commercial apps (and games) that only run on Windows (Wine is not good enough sadly) I'd switch instantly.

On a side note, I'm starting to learn Ruby! :dance:

[thumb]http://gabrielecirulli.com/p/20111030-223921.png[/thumb]

[iamacyborg]

Supra team still screwing up their HTML emails:

[img]http://a.yfrog.com/img864/9453/6pvo.png[/img]

/edit

RusselG would be proud.
[url]http://www.brandonbibleforum.com/[/url]

[TerabyteS_]

Oh God I hope that's just a joke.

[iamacyborg]

[QUOTE=TerabyteS_;33054904]Oh God I hope that's just a joke.[/QUOTE]

Doesn't look like it. Either way, it's rather funny, I'd personally be much more mean about it and put cocks all over their site.

[Phantoml994]

Not sure, whether I'm in the right section, but I've created a:

[URL="http://www.hrackyucapa.cz/pong/pong.html"]HTML 5 Canvas Pong game[/URL] :dance:

please bear in mind, that this is my first canvas "app" and my first game-ish "program" and that I know, that it could have been written much better and I still plan to add more features..

Oh and btw, it's mouse controlled..

[bbang]

[QUOTE=Phantoml994;33055942]Not sure, whether I'm in the right section, but I've created a:

[URL="http://nazkouseni.comyr.com/pong.html"]HTML 5 Canvas Pong game[/URL] :dance:

please bear in mind, that this is my first canvas "app" and my first game-ish "program" and that I know, that it could have been written much better and I still plan to add more features..

Oh and btw, it's mouse controlled..[/QUOTE]

What did you do? [url]http://www.000webhost.com/admin-review[/url]

[editline]31st October 2011[/editline]

oh wait.

[Phantoml994]

[QUOTE=zzlawlzz;33056432]What did you do? [url]http://www.000webhost.com/admin-review[/url]

[editline]31st October 2011[/editline]

oh wait.[/QUOTE]

Sorry, try this [URL="http://www.hrackyucapa.cz/pong/pong.html"]http://www.hrackyucapa.cz/pong/pong.html[/URL]