- CSS3 Please- http://css3please.com/
- Ultimate CSS Gradient Generator - http://www.colorzilla.com/gradient-editor/
- CSS3 Generator - http://www.css3generator.com/
- CSS Desk - http://cssdesk.com/
- CSS Prefixer - http://cssprefixer.appspot.com/
- Normalize.css - http://necolas.github.com/normalize.css/
- CSS Crush - http://the-echoplex.net/csscrush/
- CSS3 Sandbox - http://westciv.com/tools/gradients/
- Ceaser CSS Easing Tool - http://matthewlein.com/ceaser/
- CSS3 Transformer - http://westciv.com/tools/transforms/index.html
- When can I use - http://caniuse.com/
- CSS3 Playground - http://css3.mikeplate.com/
- CSS3 Button Generator - http://css3button.net/
- CSS3 Maker - http://css3maker.com/
- Layer Styles - http://layerstyles.org/
torsdag den 29. september 2011
CSS3 utilities
Nogle links omhandlende CSS3 - nogle bedre end andre :-)
lørdag den 24. september 2011
Så har jeg tilmeldt mig LinkedIn. Egentligt burde jeg ha' gjort det for lang tid siden, men glemte det ligesom.
Men nu er det gjort ... se http://www.linkedin.com/pub/jacob-jensen/3b/a69/352
Men nu er det gjort ... se http://www.linkedin.com/pub/jacob-jensen/3b/a69/352
tirsdag den 13. september 2011
Webfont
Font-face webfont generator - genialt værktøj - upload dine fonte og få den konverteret til diverse formater og stylet i én samlet pakke lige til download. Super genialt
http://www.fontsquirrel.com/fontface/generator
http://www.fontsquirrel.com/fontface/generator
torsdag den 8. september 2011
jQuery pop-up
Her er et rigtig godt script til at lave CSS-popups.
http://flowplayer.org/tools/demos/overlay/index.html
<title>Test Document</title>
<script src='http://code.jquery.com/jquery-1.4.2.min.js'></script>
<script src='http://plugins.jquery.com/files/jquery.koverlay.1.3.js.txt'></script>
</head>
<body>
<a href='javascript: void(0);' onclick="$('#my_hidden_div_id_1').koverlay({title: 'OVERSKRIFT HER'});$('.css_koverlay').css({'background-color':'#9c183a'});">Link Text</a>
<div id="my_hidden_div_id_1" style="display: none;">INDHOLD HER...</div>
</body>
</html>
http://flowplayer.org/tools/demos/overlay/index.html
CSS popup centreret
Faldt lige over dette script. Eneste problem er at man ikke kan anvende billeder i pop-up'en, da den ligger inden i #displaybox. Har prøvet mig lidt frem, men kan ikke få vist billeder som baggrund i pop-up'en.
<head>
<style>
#displaybox {
z-index: 10000;
filter: alpha(opacity=50); /*older IE*/
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); /* IE */
-moz-opacity: .50; /*older Mozilla*/
-khtml-opacity: 0.5; /*older Safari*/
opacity: 0.5; /*supported by current Mozilla, Safari, and Opera*/
background-color:#000000;
position:fixed; top:0px; left:0px; width:100%; height:100%; color:#FFFFFF; text-align:center; vertical-align:middle;
}
<script>
function clicker(){
var thediv=document.getElementById('displaybox');
if(thediv.style.display == "none"){
thediv.style.display = "";
thediv.innerHTML = "TEXTEN<a href='#' onclick='return clicker();'>LUK</a>";
}else{
thediv.style.display = "none";
thediv.innerHTML = '';
}
return false;
}
</script>
<body>
<div id="displaybox" style="display: none;"></div>
<a href='#' onclick='return clicker();'>ÅBEN VINDUE</a>
</body>
Abonner på:
Opslag (Atom)