Tips & Tricks to Coding

Age : 31 Posts : 73

Okay, so I'm under the impression that those who know a bit of coding were able to learn it as they went along or go to school for something of the sort. I am one of the few who started with not fully understanding BBCode and had to hone my knowledge as I moved from forum to forum.

There is a vast number of things you can do with coding... more things than even I know how to do. However, this is where the idea I have to create this guide comes along. This is a place where anyone looking to do something... anything can share what they know or just ask questions pertaining to coding.

I've had a person ask me before how I did something in an app I made, so this is where I will share my knowledge and ask others to do the same. For this guide, I'm not going to go over extreme basics here, but if you have a question about anything, feel free to ask.

Easy Resizes

Code:: <img src="http://sites.psu.edu/aray17/wp-content/uploads/sites/6171/2013/09/Movie-Anime.jpg" width="400" height="300">

An advantage of HTML is the ability to easily resize unusually large images just by specifying a width and height in a string. Easy to do and better than using the image tags.

Easy Colors

Link

While the colors bar offered here is alright, it offers colors in their coded format. Here is where I find my colors whenever I need to find something for a character.

HTML Links

This section pertains to links... well some differences you might not be aware of.

Ever been irritated by links that bring the tab you have open to a new page? The easiest way to specify that is to use HTML links.

Adding target="_blank" to an HTML link causes it to open a new tab instead of changing the open one.

This Link opens in another tab

You can also change the color of a link easily by adding style="color:(name here)" to the link as such.

This Link opens in another tab

Code:: <a href="http://www.w3schools.com/tags/att_a_target.asp" target="_blank" style="color:DarkRed">This Link opens in another tab</a>

<a href="http://www.w3schools.com/tags/att_a_target.asp" target="_blank">This Link opens in another tab</a>

Spoiler Replacement

Okay, so I was working on an app one day when I decided that 'The stupid spoiler looks soooo ugly... can I improve on it?'

I searched through the internet and came up with an imperfect substitute. It only works on Google Chrome and Safari... but it is so far the best that I can find. Let me show you:

This is a Title (Click Me)

If you are reading this without clicking on the Bold text, you are not using Chrome or Safari.

This, for all intents and purposes, is the details tag. It acts much like a spoiler will in BBCode,without adding in a horribly gray background, so I dig it as an improvement. Anything typed into the summary tag will be displayed as the title. Unfortunately, anyone not using chrome or safari will see the text as it ordinarily appears... and the spacing will be horrible.

Code:: <details><summary>[b]This is a Title (Click Me)[/b]</summary>
000
</details>

You can also apply this effect to images, making them clickable drop-downs without using the spoiler. Click the image below to see what I mean.

If you are reading this without clicking on the image, you are not using Chrome or Safari.

Cool effect no? Simple to use and not too hard to remember.

If you have any further questions or anything to add to this guide, post below to let me know what you think.