Web Dev Questions That Don't Need Their Own Thread v4

[KmartSqrl]

[QUOTE=bootv2;43898795]I guess that'll do.
I would say it's a missing feature in plain HTML, but programming a filter shouldnt be too hard.[/QUOTE]

Definitely not a missing feature. If you want to display html in an html document you can espace your bracket characters by replacing them with > and <

HTML shouldn't contain security features because it's just a markup language. Security also shouldn't be clientside because you can never trust the client (especially when all the clientside code is open like it is on the web).

[supersnail11]

[QUOTE=TrinityX;43899610]Well if you don't want to make your own, i reccomend [URL="http://www.wordpress.com/"]Wordpress[/URL] or [URL="http://www.squarespace.com/"]Squarespace[/URL].[/QUOTE]

Please don't use Wordpress as a CMS. Wordpress is a blogging engine, trying to hack together anything else will make you cry.

[Gnomerz]

What was the thing going around for a while, where it was how to learn programming, but while making a game? I forget the name, and can't find anything

[TrinityX]

[QUOTE=supersnail11;43900301]Please don't use Wordpress as a CMS. Wordpress is a blogging engine, trying to hack together anything else will make you cry.[/QUOTE]

I don't think he was intending on using it for a CMS...

[QUOTE=Moofy;43899091]I've been considering switching out Wordpress for some other [B]blogging tool[/B] with potential...[/QUOTE]

[slater]

I'm by no means a web designer or developer, but I'm having issues getting some CSS3 running on Internet Explorer (Oh, that age old issue!). Anyone have any ideas on how to get the images to render animation on IE? I've tested on Safari, Firefox and Chrome and it's fine.

[URL="http://ryanslater.co.uk"]http://www.ryanslater.co.uk[/URL] - live demo available here but ignore the domain.

[CBastard]

Vendor prefixes. Nothing starting with -webkit, -moz or -o is going to work in IE. Add a prefixless one for properties that are supported properly, or -ms prefixed one.

[slater]

Looks like I broke it in Chrome too! :-P

[CBastard]

.hovergallery img{
    opacity: 0.7;
    margin: 0 10px 5px 0;

    -ms-transform: scale(0.8);
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
    
    -ms-transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
}

.hovergallery img:hover{
    opacity: 1;
    
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);

    -webkit-box-shadow:0px 0px 30px gray;
    -moz-box-shadow:0px 0px 30px gray;
    box-shadow:0px 0px 30px gray;
}

If you want to support IE8 and lower you'll need to use Javascript.

[slater]

Absolutely great stuff there, CBastard - thanks for that.

Do you know why it works on Chrome locally, but when I load it from the site the text drops below where it's supposed to be?

[CBastard]

[QUOTE=Slater;43909917]Absolutely great stuff there, CBastard - thanks for that.

Do you know why it works on Chrome locally, but when I load it from the site the text drops below where it's supposed to be?[/QUOTE]

Able to reproduce it on the first time the page is open, doesn't happen again after refreshing.

I'd suggest more explicitly defining what you want it to do like so:

.companysection, .lastcompanysection{
    clear: both;
}
.companysection a, .lastcompanysection a{
   float: left;
}
.contenttext{
    float: right;
}

[slater]

[QUOTE=CBastard;43910031]Able to reproduce it on the first time the page is open, doesn't happen again after refreshing.

I'd suggest more explicitly defining what you want it to do like so:

.companysection, .lastcompanysection{
    clear: both;
}
.companysection a, .lastcompanysection a{
   float: left;
}
.contenttext{
    float: right;
}

[/QUOTE]

That solved the issue. Thanks again, CBastard you're a star. Just read up on the clear command too - not seen that before.

[Flapadar]

I know a lot of people here are fed up with hosting/advertisement threads so I thought it would be a good idea to ask first:

We/Afterburst removed our thread here as generally people seemed to dislike hosting threads - but since then we've been getting a lot of PM's,visitor messages and messages on steam asking for details. We're also going to have a few things to announce in the near future which may be of interest.

So, my question: would you guys mind us having a thread?

[Coment]

Maybe there could be a subforum for server advertising, a la Rust subforum?
Advertisers post there, the rest post here, everybody's happy.

[manolis]

Does anybody have any website project ideas their willing to share?

[Maqtiah]

[QUOTE=Coffeee;43940076]Does anybody have any website project ideas their willing to share?[/QUOTE]

Knock yourself out
[url]http://moofyisafaggotlivinginthe.eu/[/url]

[manolis]

[QUOTE=Moofy;43944431]Knock yourself out
[url]http://moofyisafaggotlivinginthe.eu/[/url][/QUOTE]

I will

[Maqtiah]

[QUOTE=Coffeee;43945754]I will[/QUOTE]

Make something for it and tell [URL="http://www.facepunch.com/member.php?u=244195"]Goz3rr[/URL], he's the holder of the domain but if it's insulting enough he'll probably put it up :suicide:

[Shadow801]

[QUOTE=supersnail11;43900301]Please don't use Wordpress as a CMS. Wordpress is a blogging engine, trying to hack together anything else will make you cry.[/QUOTE]

So I'm curious, what's the better open source alternative, other than coding it yourself, which is not a viable option for a lot of companies?

[KmartSqrl]

[QUOTE=Shadow801;43946638]So I'm curious, what's the better open source alternative, other than coding it yourself, which is not a viable option for a lot of companies?[/QUOTE]

There are tons of CMSes out there, some better suited to certain projects than others. It really depends what you need it to do.

[lkymky]

So I really hate that I have to write double the CSS for webkit related browsers for animations and @keyframes

	@keyframes fadeIn {from {opacity:0.2;} to {opacity:1;} }
	@-webkit-keyframes fadeIn {from {opacity:0.2;} to {opacity:1;} }

Is there any to cheat this? or even detect user agent with js/jquery/php? I really hate this shit

 @keyframes fadein, @-webkit-keyframes fadein {from {opacity:0.2;} to {opacity:1;} } 

unfortunately doesn't work...

[KmartSqrl]

[QUOTE=lkymky;43947806]So I really hate that I have to write double the CSS for webkit related browsers for animations and @keyframes

	@keyframes fadeIn {from {opacity:0.2;} to {opacity:1;} }
	@-webkit-keyframes fadeIn {from {opacity:0.2;} to {opacity:1;} }

Is there any to cheat this? or even detect user agent with js/jquery/php? I really hate this shit

 @keyframes fadein, @-webkit-keyframes fadein {from {opacity:0.2;} to {opacity:1;} } 

unfortunately doesn't work...[/QUOTE]

Use a CSS preprocessor like SASS and then mixins to generate vendor-prefixed versions of selectors automatically.

If you're not using something like SASS you're creating a ton of extra work for yourself.

[lkymky]

[QUOTE=KmartSqrl;43948640]Use a CSS preprocessor like SASS and then mixins to generate vendor-prefixed versions of selectors automatically.

If you're not using something like SASS you're creating a ton of extra work for yourself.[/QUOTE]

I've been wanting to use LESS for a while but never got into it for reasons non other than it doesn't provide syntax highlighting in IDE's and that bugs my OCD.
I currently use Sublime, I'm' almost sure that supports it for syntax highlighting so that is no excuse now. is there a PHP SASS/LESS processor that you can recommend?
I don't want to expand past PHP to do this and I'm not using JavaScript for something this small.

[inaba]

[QUOTE=lkymky;43948934]I've been wanting to use LESS for a while but never got into it for reasons non other than it doesn't provide syntax highlighting in IDE's and that bugs my OCD.
I currently use Sublime, I'm' almost sure that supports it for syntax highlighting so that is no excuse now. is there a PHP SASS/LESS processor that you can recommend?
I don't want to expand past PHP to do this and I'm not using JavaScript for something this small.[/QUOTE]

Netbeans has (gotten) it natively, and there are a [URL="https://github.com/danro/LESS-sublime"]few[/URL] custom styles out there.

[lkymky]

[QUOTE=lkymky;43948934]I've been wanting to use LESS for a while but never got into it for reasons non other than it doesn't provide syntax highlighting in IDE's and that bugs my OCD.
I currently use Sublime, I'm' almost sure that supports it for syntax highlighting so that is no excuse now. is there a PHP SASS/LESS processor that you can recommend?
I don't want to expand past PHP to do this and I'm not using JavaScript for something this small.[/QUOTE]

Actually is there a hack/cheat or shorthand way to do this? Because that is what I would prefer.

Even though I would only programming a little, the laziness factor is only part of it.
It bothers me that I am sending double the CSS to the browser just so the website is rendering correctly. This is not the right way to be coding these things.

[inaba]

[QUOTE=lkymky;43948998]Actually is there a hack/cheat or shorthand way to do this? Because that is what I would prefer.

Even though I would only programming a little, the laziness factor is only part of it.
It bothers me that I am sending double the CSS to the browser just so the website is rendering correctly. This is not the right way to be coding these things.[/QUOTE]

You could always minify your CSS

[01271]

You could detect the browser type and send different stylesheets for it depending on browser.

[lkymky]

[QUOTE=gokiyono;43949136]You could always minify your CSS[/QUOTE]

I write all of my IDs and Classes etc on one line, so in that way it is somewhat minified. [URL="https://github.com/Almost-There/almostThere/blob/master/sty/style.css"][link][/URL]
I just like to code that way, In the future I will be using minification scripts and such to ensure faster loading. But right now source code readability is needed.
However I wish there was a way to write this shorter

	@keyframes fadeIn {from {opacity:0.2;} to {opacity:1;} }
	@-webkit-keyframes fadeIn {from {opacity:0.2;} to {opacity:1;} }

[QUOTE=01271;43949188]You could detect the browser type and send different stylesheets for it depending on browser.[/QUOTE]

I am wondering, is it possible to have a <link rel="stylesheet" type="text/css" href="[B]style.php[/B]">

What problems would that cause, is there a way to get it to redirect to an outputed CSS file?

[Goz3rr]

[QUOTE=lkymky;43953229]
What problems would that cause, is there a way to get it to redirect to an outputed CSS file?[/QUOTE]

header("Content-type: text/css");

extensions shouldn't matter

[KmartSqrl]

[QUOTE=lkymky;43948934]I've been wanting to use LESS for a while but never got into it for reasons non other than it doesn't provide syntax highlighting in IDE's and that bugs my OCD.
I currently use Sublime, I'm' almost sure that supports it for syntax highlighting so that is no excuse now. is there a PHP SASS/LESS processor that you can recommend?
I don't want to expand past PHP to do this and I'm not using JavaScript for something this small.[/QUOTE]

SASS is more powerful than LESS, I'd stick with SASS. You don't need anything in PHP to use SASS (you wouldn't want to have PHP compile the SASS down to CSS every request anyways). You compile the sass on your side before you upload it and when you want to preview it (or automatically as part of a deploy script). You can use the sass command line tool to automatically recompile your sass every time you save the file using 'sass --watch' (details: [url]http://sass-lang.com/documentation/file.SASS_REFERENCE.html#using_sass[/url])

You'll need to install ruby for sass to run, but you don't need to know or write any ruby at all.

It's so easy to get running and to use that you reaaaally have no reason not to.

[QUOTE=lkymky;43953229]I write all of my IDs and Classes etc on one line, so in that way it is somewhat minified. [URL="https://github.com/Almost-There/almostThere/blob/master/sty/style.css"][link][/URL]
I just like to code that way, In the future I will be using minification scripts and such to ensure faster loading. [B]But right now source code readability is needed[/B].
However I wish there was a way to write this shorter

	@keyframes fadeIn {from {opacity:0.2;} to {opacity:1;} }
	@-webkit-keyframes fadeIn {from {opacity:0.2;} to {opacity:1;} }

[/QUOTE]

If code readability is important why are you writing code that is hard to read? I wouldn't do CSS rules all on one line unless you're only using one rule. The amount of filesize that you're saving by doing that is incredibly minimal and it makes it a lot harder to scan through your rules. I'd be irritated if someone handed me CSS like that. If you want it minified, minify it, but don't keep your source like that.

[Maqtiah]

[QUOTE=lkymky;43948934]I've been wanting to use LESS for a while but never got into it for reasons non other than it doesn't provide syntax highlighting in IDE's and that bugs my OCD.
[B]I currently use Sublime, I'm' almost sure that supports it for syntax highlighting so that is no excuse now.[/B] is there a PHP SASS/LESS processor that you can recommend?
I don't want to expand past PHP to do this and I'm not using JavaScript for something this small.[/QUOTE]

[url]https://github.com/danro/LESS-sublime[/url]

[QUOTE=gokiyono;43949136]You could always minify your CSS[/QUOTE]

[url]https://github.com/bistory/Sublime-Minifier[/url]