Sådan ender det jo når man sidder og surfer.
Jeg faldt lige over http://cssglobe.com/post/9801/easy-paginate-jquery-plugin-for-pagination. herudover er der mange andre fede scripts og tutorials
Og denne her http://superdit.com/category/freebies/
TOOLTIPS
http://superdit.com/2011/01/20/jquery-tooltip-plugins-and-tutorial-collection/
http://vadikom.com/demos/poshytip/
13 gode jQuery-slider-links
http://webdesignledger.com/tutorials/13-super-useful-jquery-content-slider-scripts-and-tutorials
TEMPLATES
http://www.os-templates.com/
fredag den 30. september 2011
Ajax, jQuery tips and tricks
Keywords:
Ajax,
css,
CSS3,
HTML,
HTML5,
javascript,
jQuery,
Stylesheet,
webdesign
torsdag den 29. september 2011
HTML5
Surfede lidt rundt efter inspiration til HTML5 og lavede denne liste:
- Dive Into HTML5
http://diveintohtml5.org/ - HTML5 Rocks
http://slides.html5rocks.com/#landing-slide - Latest in HTML5
http://html5-demos.appspot.com/static/html5-whats-new/template/index.html - The Expressive Web
http://beta.theexpressiveweb.com/ - HTML5 WoW
http://www.htmlfivewow.com - Frontend Developer
http://www.front-end-developer.com/ - HTML5 Boiler Plate
http://html5boilerplate.com/ - HTML5 Doctor
http://html5doctor.com/ - HTML5 Gallery
http://html5gallery.com/
CSS3 utilities
Nogle links omhandlende CSS3 - nogle bedre end andre :-)
- 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/
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
Keywords:
LinkedIn,
privat note
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
Keywords:
browser,
css,
Firefox,
HTML,
Internet Explorer,
javascript,
jQuery,
script,
Stylesheet,
webdesign
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>
Keywords:
browser,
css,
Firefox,
HTML,
Internet Explorer,
javascript,
script,
solution,
Stylesheet,
webdesign
Abonner på:
Opslag (Atom)