home | contact us
» Archive by category "Cascading Style Sheets"

category: Cascading Style Sheets


I do a lot front end development with Magento, and one of the biggest time sinks for this is waiting for a page to load when you want to change a line of CSS.

Whilst you can use Firebug / Chrome to edit CSS rules on the page, you still need check that the file is saved correctly. As this is Magento, this can take some time due to caching being disabled.

Thankfully there is an extension for Chrome which will just reload you CSS files and not the entire page. You can install it here and save a lot of time during development!


 

Came across this intriguing idea to create polygons using only CSS and basic HTML – very simple and practical.

Here is the code

 <html>
	<head>
		<style>
		div {
				width:0;
				height:0;
				border-left: 400px solid transparent;
				border-right: 400px solid transparent;
				border-top: 500px solid red;
				border-bottom: 0;
		}
		</style>
	</head>
	<body>
		<h3>The Triangle Below is a Single Div</h3>
		<div/>
	</body>
</html>

The original blog post is here.

Live example is here

More…

Ikreativ | cssWOW:: CSS Gallery
Stubbornella » Blog Archive » Object Oriented CSS, Grids on Github
1px Background Alignment Bug – Firefox/Safari/Chrome – Background
Tools – CSS Image Sprites — phpgamespace.com
Pacweb Internet » Blog Archive » CSS Image Rollovers with No
6 ways of styling a search form with css « CssFinest
CSS On-Hover Image Captions
Week 5: Advanced CSS: Part III, Site Outline, Production Schedule
Polygon and Sub-D Modeling in Maya | Free ebook download
30 free online image editing softwares
Best Web Design 2.0 Business Web Site Custom Design Services
Los Angeles Seo Services Include Web Design
Offshore Web Design and Development – Use Great Opportunities
Discover The Google Crush Method » Blog Archive » Custom Web


 
rss icon