You have for sure already seen impress.js, a really great JavaScript library for creating extraordinary 3D presentations. The jQuery port jmpress.js let’s you use this library as a jQuery plugin with some added options. We want to show you today how to use this great plugin to create a responsive slideshow with 3D effects. The Markup We will have a main container which is a section with the class
we’ll learn how to code a fancy social networks menu with HTML5 and CSS3 and absolutely no images. Yup, that’s right! No images at all. We’ll also learn how to convert a normal font to a web-font. In order to complete this tutorial you’ll need to download a mandatory resource (a font) and if you’re also aiming to fix this menu for users with older versions of IE, there’s also an optional part that
Camera slideshow is an open source project, based on Diapo slideshow ( no more supported, sorry), but improved a lot. You can suggest changes or improvements if you want. You can download it and use for free, you can also include it in your projects and sell it as part of a bigger work (in this case please consider a donation). Camera slideshow (as Diapo) is tested on new browsers, but I tried to
this demo will show you how to create some neat sliding image panels with CSS only. The idea is to use background images for the panels and animate them when clicking on a label. We'll use radio buttons with labels and target the respective panels with the general sibling selector. he beautiful images are by Joanna Kustra and they are licensed under the Attribution-NonCommercial 3.0 Unported Creat
Free Dhtml scripts, Jquery plugins ,Javascript, CSS, CSS3, Html5 Library The HTML Our page will consist of 6 sections: header, footer and 4 articles. On the right, we’ll place an unordered list that links between the articles and remains fixed on the page so it doesn’t move. <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script> <script type
Usage Include js files. <link href="css/style.css" rel="stylesheet" type="text/css" /> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.0/jquery.min.js"></script> <script src="js/desSlideshow.js"></script> Add html. <div id="desSlideshow" class="desSlideshow"> <div class="switchBigPic"> <div> <a title="" href="#"><img class="pic" src="./images/006.jpg" /></a> <p><strong>Description Tit
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く