Alfonse Surigao

How To Create Your Own Responsive Framework Using Sass – Part 1

How To Create Your Own Responsive Framework Using Sass – Part 1

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.

Read more

Free Sass Mixins For Your Next Project

Free Sass Mixins For Your Next Project

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.

Read more

Using Extensible CSS Preprocessor Languages: Sass or LESS

Using Extensible CSS Preprocessor Languages: Sass or LESS

What are Extensible CSS Preprocessor Languages?

Sass or Less
So you’re probably wondering to yourself: What are these extensible CSS preprocessor languages and why should I use them? You might also be asking to yourself, why I should even learn a new way of writing CSS when I already know how to write it well? The answer is simple… It’ll make you write CSS even faster, more proficient, and will also let you split up your CSS so you can re-use some of it in another section of your site without having to re-write your CSS again.

Read more

How To Create A Beautiful Dropdown Menu Using Only HTML and CSS3

How To Create A Beautiful Dropdown Menu Using Only HTML and CSS3

Dropdown lists as a navigation menu is commonly used as a way to help users navigate through a website. Creating them can sometimes be a bit difficult and some require more code than necessary, especially when you include jQuery or other JavaScript functionality into them. However, today I’ll show you a quick, easy, and beautiful way of creating a dropdown navigation using only HTML and CSS3.

Read more

How to Create an Overlay Popup Box Using HTML, CSS, and jQuery

How to Create an Overlay Popup Box Using HTML, CSS, and jQuery

popup_tutorial

Have you ever wondered how to some websites create an overlay popup when they click on a link or button? Perhaps you are wondering how to create an error overlay or even a simple ad popup (not recommended since those are really annoying).

Read more

How to Change The Default Text Selection Color Using CSS3

text_selection

Before CSS3, there wasn’t really a way to change the default blue text selection color when you highlight some text on a webpage. With current browsers and more support for CSS3, it has been really simple to change the look and color of the text selection.

Read more

How to Use CSS3 :before and :after Pseudo Elements

When you’re trying to work with HTML content that you are unable to edit (perhaps partially because of technical, work-related, or project-based), the only option to add other content without touching the HTML structure is to use the :before and :after pseudo-elements.

Read more

How To Prevent Page Zooming on Mobile Browsers

pinch to zoom

Page zoom using mobile browsers can be a great way to view certain areas on a webpage, especially if it’s difficult to see a certain area of the page. However, with mobile versions of certain websites, it may not be a useful feature if your website is already optimized for mobile viewing.

Read more

How To Use CSS3 Transitions

What are CSS3 Transitions?

As with many CSS3 features that have been used as of late, many of them have dealt mainly with stylizing static properties. However, with the new CSS3 transitions, you can now do some really cool transition effects for various elements.

Read more

How To Center A Website

Here’s a quick and dirty way to center a website.

It’s simple really. You just need to provide two basic properties in your CSS to include in order to center the content on your website.

Read more

A place for web design and inspiration. Whether you are a seasoned web designer or developer, or someone who wants to learn how to create websites, you can find ideas and inspiration to help you with your designs.