Skip to main content

Posts

Showing posts with the label CSS

Web Development Test bed

By
There are quite few test-bed online for your web-development . JSFiddle was on the top but now it is loosing its sheen. I have now moved most of my web-development tests to "plunker" which is much advanced than already available ones. Moreover you can integrate with your github.com id thus keeping version of your code Please find a sample Plunker embedded into google blogger (Sample below) Loading plunk... Code to embed is:
Read more

Arrow shapes using CSS

By df
CSS is wonderful when it comes to presentation. Its all about how you tweak the colours.  I have managed to created "Single Headed" arrows and "Double Headed" arrows using pure CSS. Very useful if you want to change colours of arrows dynamically based on given criteria.   Please download the file at:   cssArrow The two main components are : Arrow Head, Arrow Body   which will have horizontal and Vertical types.  Below is the full HTML to test out Arrows using CSS.   <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8″ /> <title>CSS Arrow Example</title> <meta name="revisit-after" content=" 30 days " /> <meta name="robots" content="index,follow" /> <meta name="rating" content="General" /> <meta name="MSSmartTagsPreventPar
Read more