HTML/CSS/PHP/JS Tutorials, Tricks & Scripts [Updated Feb 8]

Everything related to the visual and coding aspects of websites.
dubiousdisc
Administrator
Posts: 2535
Joined: Thu Jun 21, 2012 5:49 pm
Contact:

Re: HTML/CSS/PHP/JS - Newest: CSS Classes

Post by dubiousdisc »

LOL THAT'S FUNNY

Well I'm obviously right so you should listen to me! 8)

Jokes aside, I think that the easiest and most obvious example could be if you make it change color instead of be bold or italic, since there's nothing that could clash with that and I don't know how more basic than CHANGING COLOR can you go, lol. So if you decide to change that for the sake of not confusing anyone, I'd vote on doing it with color and then nobody can complain, I think. But, I mean, it's alright as it is, conceptually; it's just that someone might be a bit confused if they know already about <b> and <i> and what they do, or if they learn about that later and they get the mistaken idea that classes are for applying things that are meant for other tags to random things.
Mikari
Posts: 3159
Joined: Thu Jun 21, 2012 6:30 pm
Location: Coruscant
Contact:

Re: HTML/CSS/PHP/JS - Newest: Cursor Special Effects

Post by Mikari »

lol XD

Time to revive this topic! I added a very short vertical centering example, but it's rather well known at this point and I think someone might have mentioned it before, so I didn't bother announcing it, though I wanted to make it anyway, since it's a neat trick.

The other update is about cursors and gifs... Cursors are less used now that more devices rely on touch screen, but I still love them, so I might as well play around with them. Here's a Cursor Special Effects tutorial. There are many different scripts that can be used for similar effects, this one focuses on keeping the java script simple and allowing the gifs and css to do most of the work.
Robin
Events Staffer
Posts: 3072
Joined: Thu Aug 07, 2014 3:15 pm
Location: North Carolina, USA
Contact:

Re: HTML/CSS/PHP/JS - Newest: Cursor Special Effects

Post by Robin »

Awesome tut, Mikari! :D
~ a dream is a wish your heart makes ~
withinmyworld.org
dubiousdisc
Administrator
Posts: 2535
Joined: Thu Jun 21, 2012 5:49 pm
Contact:

Re: HTML/CSS/PHP/JS - Newest: Cursor Special Effects

Post by dubiousdisc »

Oooh, neat! :D That's a really nice one!
Megan A
Posts: 480
Joined: Mon Feb 02, 2015 10:54 am

Re: HTML/CSS/PHP/JS - Newest: Cursor Special Effects

Post by Megan A »

Wow, this is so cool! I had no idea that you could do that.
Mikari
Posts: 3159
Joined: Thu Jun 21, 2012 6:30 pm
Location: Coruscant
Contact:

Re: HTML/CSS/PHP/JS - Newest: Cursor Special Effects

Post by Mikari »

Thanks everyone! :D

I also have to thank Amanda, her comment in the updates forum motivated me to make that tutorial.
Mikari
Posts: 3159
Joined: Thu Jun 21, 2012 6:30 pm
Location: Coruscant
Contact:

Re: HTML/CSS/PHP/JS - Newest: Cursor Special Effects

Post by Mikari »

Moving Background - A CSS tutorial about how to make a moving background effect like the one used on AzureLight.net version Uroko.
Robin
Events Staffer
Posts: 3072
Joined: Thu Aug 07, 2014 3:15 pm
Location: North Carolina, USA
Contact:

Re: HTML/CSS/PHP/JS - Newest: Moving Background

Post by Robin »

YAAAAAAAAS I WAS WONDERING ABOUT THISSS
~ a dream is a wish your heart makes ~
withinmyworld.org
Mikari
Posts: 3159
Joined: Thu Jun 21, 2012 6:30 pm
Location: Coruscant
Contact:

Re: HTML/CSS/PHP/JS - Newest: Moving Background

Post by Mikari »

It's not too complicated, but it can really make a difference :D
Mikari
Posts: 3159
Joined: Thu Jun 21, 2012 6:30 pm
Location: Coruscant
Contact:

Re: HTML/CSS/PHP/JS - Newest: top banner and navi bar css tr

Post by Mikari »

New css trick added!

* Banner and Navigation Bar - A banner that scrolls and reveals a navigation bar which stays on top of the page as it continues to scroll. It's useful if you have a larger navigation on the top banner and want to constantly keep a small one on the screen for easy accesses. The code can also be modified to make the navigation bar visible before the banner scrolls off. No JS required, just CSS. The download has the code, not really any notes on it, but it's a simple trick so it should be easy to understand.
Post Reply