Choosing a text editor – what are my options?

By on Jan 25, 2014 in Beginners, CSS, HTML, jQuery

So you want a text editor, cool let’s talk about text editors. As you start working more hands on with code: HTML, CSS, Java Script and any other language, you are going to want to use a good text editor because notepad simple doesn’t do the job any more. So… choosing a text editor, where to start? There are a few things to take into consideration when choosing a text editor, you want something that is reliable, easy to use and popular. Popular because that mean there is going to be tons of support and blogging  about using that editor, in addition to possible open source add ons. But at the end of the day it all comes down to personal preference, what ever makes you happy. So I have put together a list of good text editors I have used in the past, hope this helps you find your way to the perfect text editor. Sublime Text 2 Platforms: Windows/Mac/Linux Sublime Text 2 is a sophisticated text editor for code, html and prose. You’ll love the slick user interface and extraordinary features. Sublime Text 2 is a great text editor, it is actually one of my favorites text editors. I has many nice features that definably makes writing code easier. One of my favorite thing about Sublime Text 2 is that you can install all sorts of open source plugin. One of my favorite plug in is ZenCoding (really makes HTML coding a lot easier) read more about...

Adding a CSS file to your HTML page

By on Jan 25, 2014 in Beginners, CSS, HTML, Intermediate

CSS is very useful, it allows you to style your website to your taste. It is ideal when the style is applied to many pages. With an external style sheet, you can change the look of an entire Web site by changing one file. There are multiple was of using CSS and adding it to an HTML page. In this short tutorial I will show you a few ways of adding CSS to your website. First things first, Create a CSS file Open your favorite text editor (if you don’t have one get one choosing a text editior) and create a new file with extension .css. Once you have the file you can start declaring your styles using ‘tags’, ‘classes’, ‘ids’ and or a combinations of all of them. What are classes, ids, and tags The class selector is used to specify a style for a group of elements. The class selector is most often used on several elements.This allows you to set a particular style for many HTML elements with the same class.The class selector uses the HTML class attribute, and is defined with a “.”In the example below, all HTML elements with class=”red-background” will have a red background: ?View Code CSS1 2 3 4 #para1{ text-align:center; color:red; } You can also declare global attributes for HTML tags such as p, div, li, ul etc. And this is done in the same format as above: ?View Code CSS1 2 3 4 p{ text-align:center; color:red; } You can also...