Welcome to our website!

1stwebdesigners is a miniature site focused on building nice web-based applications. It is currently run by two human in his spare time, the Bilal Ahmed and Janitor Jesse. If you are interested in learning programming, you can watch Video Tutorials to learn. You can also download Open Source files to help you on your way.
Showing posts with label CSS Video Tutorials. Show all posts
Showing posts with label CSS Video Tutorials. Show all posts

Thursday, 7 June 2012

CSS 3 Selectors



These are tricky to figure out at first, and there are more than what I demonstrated. But learn these, practice them, you will also use them in JQuery and Prototype in the future!

CSS Layout Application



A quick run through of Microsoft Expression Web 4 SuperPreview - Whew, Long title!

CSS Button Hover



This was requested so here is how you make a workable button hover with HTML and CSS. It's very easy and makes your site a LOT better.

CSS 960 Grid



I'll quickly show you how a grid layout works in CSS. This is pretty cool and if you put more than 5 minutes of effort into it like I did in this video you could get some fast and easy layouts out of it. It's very easy to figure out so have fun and see which way you like laying out a site the most! CSS 960 Grid Tutorial

HTML + CSS Site From Scratch



We'll build a site layout and a small folder structure in 25 minutes. This is a slower tutorial and a hand-holding walk through to put your HTML and CSS together. Website from scratch tutorial

Learn CSS Tutorial 11 | Liquid Layout



In 3 minutes we will create a CSS Liquid Layout that stretches with your browser as you resize it. Thanks for watching this CSS Liquid Layout Tutorial

Learn CSS Tutorial 10 | Fixed Layout



In only 5 minutes we can create a Fixed Layout for an entire website. Easy Peezy. Fixed means that the area stays the same size when someone resizes the page. CSS Fixed Layout Tutorial

Learn CSS Tutorial 9 | Position: Relative/Absolute



Now we will try out some CSS Floats with Relative, Absolute, and a little bit of Fixed. This is pretty easy to follow, hope you have fun! CSS Position Tutorial

Learn CSS Tutorial 8 | Floats



Since we understand the Box Model from the previous lesson lets move on to floats. These are great for all types of layouts, static or fixed. CSS Float Tutorial

Learn CSS Tutorial 7 | Box Model



This is one of the most IMPORTANT lessons for CSS, because if you do not know this you might drive yourself bonkers trying to fix layouts! CSS Box Model Tutorial

Learn CSS Tutorial 6 | Fonts



Formatting Fonts and Text with CSS. This is very basic and not much description is needed :) Hey Hey! CSS Fonts Tutorial

Learn CSS Tutorial 5 | Backgrounds and Links



Working with CSS Backgrounds and Links. A gentle introduction into Pseudo classes, but only for the links. You'll learn how to use short-hand CSS and save a lot of time typing! CSS Background Tutorial.

Learn CSS Tutorial 4 | Hierarchy and Grouping



Lets increase productivity by briefly learning about the CSS Heirarchy (Inheritence, or DOM Document Object Model), as well as Grouping CSS elements together and overriding groups. CSS Heirarchy Tutorial

Learn CSS Tutorial 3 | External Stylesheet & Organization



Before we get too busy, lets keep organized. This time we learn how to use a CSS Reset file for browser consistency, and we also learn about Inline, External, and Embedded stylesheets. The rule of thumb is: Always use External stylesheets. CSS External Stylesheet Tutorial

Learn CSS Tutorial 2 | ID's and Classes



Here we learn how ID's and Classes work in CSS. They are very simple and you will be happy you know now! CSS ID and Class Tutorial.

Learn CSS Tutorial 1 | Fundamentals



In this tutorial I introduce you to CSS and give you a quick rundown. It isn't necessary to try and explain too much at once, we will jump right into writing some CSS. CSS Fundamentals.