Variable Visions

CSS



CSS Mega Drop Down Menu

Use pure CSS for this drop down menu

Published on Fri. Jan. 25, 2013

Read other tutorials on CSS and Web-Development.




CUSTOM CURSOR USING ONLY CSS

Published on Sun. Dec. 09, 2012

Read other tutorials on CSS and Web-Development.




Turn CSS off for testing

A great way to see what search engines index without CSS and JS getting in the way.

Published on Mon. Nov. 19, 2012

Read other tutorials on CSS and Web-Development.




CSS Dropdown Menu

Published on Mon. Sep. 24, 2012

Read other tutorials on CSS and Web-Development.




Simple Sticky footer

Published on Mon. Sep. 24, 2012

Read other tutorials on CSS and Web-Development.




Dropdown menu parent item

Published on Thu. Sep. 20, 2012

Read other tutorials on CSS and Web-Development.




Border Radius in all browsers

IE8 and previous will just have to live without the rounded corners

Published on Thu. Sep. 20, 2012

Read other tutorials on CSS and Web-Development.




Box Shadows in all browsers

Published on Thu. Sep. 20, 2012

Read other tutorials on CSS and Web-Development.




CSS Gradients in all browsers

Published on Wed. Sep. 19, 2012

Read other tutorials on CSS and Web-Development.




Opacity in all browsers

Setting transparency levels for consistensy across all browsers

Published on Tue. Sep. 18, 2012

Read other tutorials on CSS and Web-Development.




Responsive Images

Published on Tue. Sep. 18, 2012

Read other tutorials on CSS and Web-Development.




CSS Selectors

Have you ever seen symbols like >, +, and ~ in CSS files but never fully understood what they meant?

Published on Mon. Sep. 17, 2012

Read other tutorials on CSS and Web-Development.




Firefox unwanted border around images

Firefox on a PC displays unwanted borders around linked images. Here is the very simple fix.

Published on Sun. Sep. 16, 2012

Read other tutorials on CSS and Web-Development.




Style your form fields with CSS3

The below CSS styles specific form types upon focus, hover and blur. The below form field with javascript also uses onfocus and onblur to remove the "Insert Text Here" from within the field.

Published on Tue. Sep. 11, 2012

Read other tutorials on CSS and Web-Development.




Pure CSS sliding garage door technique

Published on Tue. Jul. 24, 2012

Read other tutorials on CSS and Web-Development.




Responsive Web App for a European municipality

All of VV-CMS's sites are built responsive from the ground up. Tested on iPhones, iPads, Android devices and all monitor resolutions.

Published on Fri. Jun. 29, 2012

Read other portfolio on CSS and Web-Development.




CSS text select disable

Published on Tue. Apr. 24, 2012

Read other tutorials on CSS and Web-Development.