Applications






tablette CSS


http://www.instantshift.com/2010/03/15/47-css-tips-tricks-to-take-your-site-to-the-next-level/

http://stevesanderson.github.com/fixed-height-layouts-demo/two-columns.html

http://www.inwebson.com/css3/pure-css3-icons-logos-graphics/

http://fluidbaselinegrid.com/
http://www.amazium.co.uk/

http://www.getskeleton.com/ hot

http://mir.aculo.us/2010/06/04/making-an-ipad-html5-app-making-it-really-fast/

http://www.red-team-design.com/how-to-create-slick-effects-with-css3-box-shadow

http://codecanyon.net/item/css3-mega-drop-down-menu/126387

menu tablette:



Intéressant pour site normal http://rezoner.net/labs/jorbital/

Vidéo

http://msdn.microsoft.com/en-us/library/ff975073%28v=VS.85%29.aspx

https://github.com/etianen/html5media



jquery effets

http://webdesignerwall.com/tutorials/jquery-tutorials-for-designers

http://docs.jquery.com/UI/Accordion

http://sandbox.scriptiny.com/javascript-accordion/index.html

http://www.pensamientosdivergentes.net/tests/accordion_menu.html

http://tympanus.net/codrops/2010/11/25/overlay-effect-menu/


navigation: http://www.comparenetworks.com/developers/jqueryplugins/jbreadcrumb.html


dock: http://net.tutsplus.com/tutorials/javascript-ajax/jquery-os-x-style-dock-and-stack-navigation/

http://www.stunningmesh.com/2010/12/100-excellent-jquery-plugins-for-navigation-and-menus/




spip et slidetoggle (effet deroule) de jquery

ne fonctionne pas si ligthbox.js

ajout dans article-normal.html après #INSERT_HEAD
<script type="text/javascript">
$(document).ready(function(){
	
	$(".deroule h3").click(function(){
		$(this).next("div").slideToggle("fast");
	
		$(this).toggleClass("active");
		$(this).siblings("h3").removeClass("active");
	});

});
</script>

<style type="text/css">

.deroule {
	width: 90%;
	margin: auto;
}
.deroule h3 {
	background: #fff url("#CHEMIN{jquery/arrow-square.gif}") no-repeat 7px -51px;
	padding: 7px 15px 7px 35px;
	margin: 0;
	font: bold 120%/100% Arial, Helvetica, sans-serif;
	border: solid 1px #c4c4c4;

	cursor: pointer;
margin-bottom: 10px;
}
.deroule h3:hover {
	background-color: #e3e2e2;
}
.deroule h3.active {
	background-position: 7px 5px;
}
.deroule div {
	background: #fff;
	margin: 0;
	margin-left: 10px;
	margin-bottom:10px;
	padding: 10px 15px 20px;
	display: none;
	border-left:1px dotted #ccc;
}
</style>





block clicable http://www.webdesignerwall.com/demo/jquery/block-clickable.html


text-shadow IE http://blog.pastel.pro/pastel-shadow-plugin-jquery-pour-afficher-un-ombrage-de-texte-css3-text-shadow-sur-internet-explorer/

dans header.html
<script type="text/javascript" src="#CHEMIN{jquery/PastelShadow.js}"></script>
    
    <script type="text/javascript">
        jQuery(window).ready(function(){
            jQuery("h3").PastelShadow(
                {
                    x: 1,
                    y: 2,
                    blur: 1,
                    color: "#000"
                }

            );
        });
    </script>

    <script type="text/javascript">
        jQuery(window).ready(function(){
               jQuery("h2").PastelShadow(
                {
                    x: 1,
                    y: 2,
                    blur: 1,
                    color: "#000"
                }

            );
        });
    </script>
Il n'y a pas de commentaire sur cette page. [Afficher commentaires/formulaire]
 
IMP :: RSS :: HTML :: TXT :: Clone :: Historique :: Propriétaire : PierreLachance