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 […]
What are Responsive Frameworks? Responsive frameworks are used to help develop and design websites quickly using CSS selectors and classes and allow us to easily create responsive websites with ease.
If you know CSS Preprocessor languages such as Sass, then you definitely know the value of having a few mixins to help you develop and design your web pages faster without having to repeat the same code over and over again.