Sprite Based Images and Maintinance

Using a sprite instead of individual images for every single section of our page that requires an image saves space and is much more economical when it comes to loading. Normally if we wanted an image for our anchor tags we would need a different image for every single state of the anchor. Load your…

One Page Scroller

In week twelve we learned about one page scrolling websites and about slick navigation. This is just a site with all the content on one page, and we want all the links in the navigation bar to go to the different sections of the page. So first I set up a regular HTML page with…

Videos, Icons, and Online Resources

During week eleven we how to take advantage of some free online resources to enhance the look of our site with icons and videos. Icons are images that can be entered as text in HTML so that you can style it just like texts end fonts in CSS. There are free icon resources online like…

Liquid

In week ten we learned two ways of making our websites responsive (liquid) so that they can expand or shrink to different widths to accommodate different sized monitors and different devices like phones or tablets: By defining a “max-width {}” and “min-width {}” instead of just “width {}” “#container {max-width: 1280px; min-width:768px; margin: 0 auto;…

Reset Your Style

Over the past eight weeks we have learned how to design a basic website and how to post links and publish it. But normally before designing a website, the proper protocol to follow is to first design mock up of your website before you begin programing. The mock up includes the wire frame (sketch of…

Links

On the fourth week, we delved deeper into link and how to utilize them properly. To link to a files, webpages and e-mails to your Web Page you must first know exactly where the files or information you are linking to are located . This is why organization is important when adding links to in…

Web Design

HTML code is just text that has no power to do anything on its own. Browsers, like Googles Chrome, Mozilla’s Firefox, Windows Explorer, ext. are programs designed to read text and with a specific logic, interprets that text as HTML code to display it for the user. You can find the latest and greatest browsers…