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

Everything related to the visual and coding aspects of websites.
Mikari
Posts: 3159
Joined: Thu Jun 21, 2012 6:30 pm
Location: Coruscant
Contact:

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

Post by Mikari »

For me full tutorial, notes and tricks list please see this page, all new updates will be linked there!
Last edited by Mikari on Thu Feb 09, 2017 6:25 pm, edited 12 times in total.
Masao
Host
Posts: 579
Joined: Thu Jun 16, 2011 12:29 am
Contact:

Re: HTML/CSS/PHP/JS - Newest: Progress Bar

Post by Masao »

For the PHP dates, rather than manually printing what the textual representations of months are, it's better and easier to just use the php date() function to format it.

So instead of $thismonth = date("n"); and then echo it out later, just echo date("F"); for the full month name. The same principle for the days of the week, just echo date("l");

The full list of date format strings are here.
THE FATE OF DESTRUCTION IS ALSO THE JOY OF REBIRTH.
Mikari
Posts: 3159
Joined: Thu Jun 21, 2012 6:30 pm
Location: Coruscant
Contact:

Re: HTML/CSS/PHP/JS - Newest: Progress Bar

Post by Mikari »

@AdriCULOUS: Thank you! I'm happy they're helpful. I hope to cover more little tricks in the future as well as some explanations about the "logic" behind certain codes to make them easier to understand.

@Masao Thank you for pointing that out! I'm not sure how I forgot to review the full list for the php date. It's probably a left over from when I first started learning a bit of PHP by comparing it to Java Script and used more numerical data (though I'm still a PHP/JS rookie really. XD)
Robin
Events Staffer
Posts: 3072
Joined: Thu Aug 07, 2014 3:15 pm
Location: North Carolina, USA
Contact:

Re: HTML/CSS/PHP/JS - Newest: Progress Bar

Post by Robin »

THIS IS AWESOME

/reads all the things
/drools over shiny code
~ 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: Progress Bar

Post by Mikari »

@AdriCULOUS: I'm just barely getting familiar with PHP in general so I'm not really comparing versions right now, though I plan to run stuff through a validator when I revise it to make sure I have code that works with the latest. This reminds me of when I went from XHTML to HTML5, only more complex.

@Robin: Thank you! I have a few neat little tricks in mind to share soon! :D
Mikari
Posts: 3159
Joined: Thu Jun 21, 2012 6:30 pm
Location: Coruscant
Contact:

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

Post by Mikari »

Update!

* Birthday PHP - PHP powered automatically updating birthday wishes that appear on the right day and are hidden the rest of the time. I've seen a lot of people talk about their domain and website birthdays. Combining this with the Progress Bars can provide a countdown to your or your site's next birthday.
nyxmidnight
Communications Staffer
Posts: 1078
Joined: Sat Oct 13, 2012 7:55 pm
Location: Canada
Contact:

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

Post by nyxmidnight »

Oooooooooooooooooooo!!!
Join in the Tale, in the Blight, of Conquest and Lies
Come the Sun, to Tarnish in the Sky
Vow that we shall Tear the Light - Dark seizes the Throne
Lost in thoughts, all alone
Lethe
Posts: 1342
Joined: Thu Jul 19, 2012 1:20 pm
Contact:

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

Post by Lethe »

That Birthday PHP is the cutest tutorial ever LOLOL. I love that you (and Adriculous in the other topic!) have set up your own tutorial topics in this part of the forum - that's so neat!
Both despair and ecstasy are part of the elements that compose a person.
Mikari
Posts: 3159
Joined: Thu Jun 21, 2012 6:30 pm
Location: Coruscant
Contact:

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

Post by Mikari »

@nyxmidnight: :D

@Lethe: Thank you! I hope to post lots more ^^ especially for little codes like that, which can be used to add a neat detail to a site.

Updates:

Added my old otome event JS to the list and elaborated on the css parallax examples.

Parallax - An experiment I made to learn more about parallax. I also have some notes explaining some of the concepts about how parallax works. The experimental code can be downloaded for study. I also added some extra notes and an example for a parallax div.
Mikari
Posts: 3159
Joined: Thu Jun 21, 2012 6:30 pm
Location: Coruscant
Contact:

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

Post by Mikari »

I like the interactive parts of JS, though I also don't think php is going away. XD I got into the habit of the / and never fell out of it. XD I'll take a while to adapt if it stops being valid in the future. ^^;;
Post Reply