Codes, snippets, tips and tricks for web designers using Adobe Business Catalyst, jQuery, CSS3, HTML5 and Respsonsive Design.
HTML <div id="sunday"> <h3>Sunday</h3> </div> <div id="monday"> <h3>Monday</h3> </div> <div id="tuesday"> <h3>Tuesday</h3> </div> <div id="wednesday"> <h3>Wednesday</h3> </div> <div id="thursday"> <h3>Thrursday</h3> </div> <div id="friday"> <h3>Friday</h3> </div> <div id="saturday"> <h3>Saturday JavaScr ..
JavaScript <script type="text/javascript"> function getSeconds() { var now = new Date(); var time = now.getTime(); var midnight = new Date(now.getFullYear(), now.getMonth(), now.getDate(), 0, 0, 0); var ft = midnight.getTime() + 86400000; var diff = ft – time; diff = parseInt(diff / 1000); if (diff > 86400) { diff = diff – 86400 } startTimer(diff); } var timeI ..
HTML example <h2 class="myClass" id="trigger1">Click here to expand</h2> <div class="hide-container"> <p>Here goes whatever you want to expand/collapse</p> <p>Here goes whatever you want to expand/collapse</p> <p>Here goes whatever you want to expand/collapse</p> <p>Here goes whatever you want to expand/collapse</p> </div> CSS .myClass {font-size:20px; color: #FF0000;} div#hide- ..
<script type="text/javascript"> $(document).ready(function(){ $("#Select").change(function(){ if ($(this).val() == "Other" ) { $("#OtherField").show(); } else { $("#OtherField").hide(); } }); }); </script> ..
A high quality Photoshop PSD file of a slider with side navigation, easy to edit and customize. Perfect for jQuery 'Coda'-like slider interface. (/freebies/slider-with-navigation.zip) Download the PSD here! (/freebies/slider-with-navigation.zip) ..
Web Design Blog by Fabrizio Michels | © All Rights Reserved 2012