Target audience Before I begin, I’d like to clarify who my target audience is. These next series of tutorials are for absolute beginners who have no insight or knowledge into making and creating websites with HTML and CSS or have no coding experience at all. In these next couple of tutorials, I’ll be targeting people who fall within […]
One of the more advanced topics of setting up you local development environment on your Mac, especially when using third-party software like Xampp, is to set up Virtual Hosts. Virtual Hosts allow you to create your own url (within the browser) and point it to your local directory on your hard drive. This means, instead […]
One of the new features(quirks) that Apple had currently implemented in iOS was the page zooming on input form fields when a user taps or focuses on the input field itself. The whole purpose for this was to help alleviate the strain of small font sizes on mobile screens, thus allowing the screen to zoom […]
Some of the new CSS3 features that is really popular today is being able to use multiple background images. Before CSS3 came along, you would have to have several elements or divs stacked on top of each other to create a similar effect. With CSS3, we’re now able to apply several backgrounds into one element.
One of the most common elements, that a lot of websites use to help users get back to the navigation menu without having to continuously scroll, is a “back to top” button. Most websites, especially those that contain a lot of content and vertical space, usually have a “back to top” button floating near the […]
Ever since the introduction of HTML5, the compliance for modern web standards have continuously been a debacle when dealing with older browsers, particularly with Internet Explorer. While IE9 and newer has had considerable support for modern web standards, older versions of IE have just been a pain to design around.
Tooltips are a great way to create context for users, especially when they require some more information. Tooltips are actually very easy to make, and can greatly help to provide information on your site. In this tutorial, I will go through the process of creating a very simple, and easy-to-use tooltip that you can apply […]
With the new HTML attributes added to text inputs in HTML5, there have been few ways to style some of the new features such as the placeholder attribute added to input text fields.
Contact forms are a great and simple way to show others how they can contact you without having to directly open up their email client and send you an email directly. In this tutorial, I’ll be going over how to create a very simple contact form (that you can use on your own website) and […]
UI form elements, such as select dropdown lists, have always been difficult to design in CSS. The issue is based on the fact that UI form elements are not necessarily part of the web standard specs. This also includes other form elements such as radio buttons, checkboxes, etc. However, select dropdown lists are one of […]