Search Result for: Design Category

Articles

Center DIV vertically within another DIV

This is one way to center a DIV vertically, however, this is not compatible with IE8 to all our disadvantage is still in use in
Read More

Using For loop with animation delay

The following way is an easy SCSS for loop that will generate child classes to delay animations of divs with the same class. .service{ position: relative; padding: $padding_l 0px;
Read More

Advertising banner sizes

The following are the most common sizes used in advertising banners, and they're commonly used
Read More

Creating a template object

This might come in handy when using elements such as creating a menu on a page you want to show on different layouts. Go to windows symbols Select and group the object that you
Read More

CSS Transition

Using CSS transition makes things super easy to animate objects with just some simple CSS. Note that this is not supported in
Read More

Setting the SCSS Output Folder

Use the code to set the output directory of a SCSS file. sass --watch input-dir:output-dir
Read More

Getting input and textarea fields to match up in width.

Both input and text area fields seam to use different measures of width. To get them to match up add this to the style of a Text and Input fields: width: 100%; -webkit-box-sizing:
Read More

Adding a @mixin

Mixins are one awesome little tool you can use in SCSS, to pull in code that could be commonly used in a variety of locations. Mixins do act like mini CSS functions. This is a
Read More

Adding text to a tag using CSS

Add extra content before or after a
Read More