Dynamic Web Lab

Blog

Hidden elements using HTML5

HTML5 introduce the hidden attribute, which will allow you to hide a specific element. So no need to use css display:none anymore! [php]<div hidden>You can’t see this text.This is hidden by HTML5 hidden attribute.</div>[/php] Source: http://html5demos.com/hidden

Read More
  • March 25, 2013
  • CSS

css only tooltip

Here is the html structure for tooltip [php][/php] Lorem ipsum dolor sit [php][/php] And here is the css styles [php][/php]/* base CSS element */ .tip { background: #eee; border: 1px solid #ccc; padding: 10px; border-radius: 8px; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); position: relative; width: 200px; } /* arrows – :before and :after […]

Read More

9 Signs You Shouldn’t Hire THAT Web Guy

My employer specializes in creating websites for middle-sized businesses. We rarely create “Mom’n’Pops” websites and generally don’t pursue contracts with major corporations. Working with mid-size business has given me the opportunity to speak with executives and “decision-makers” within each business. Our discussions eventually end up with the other person telling me about their previous web […]

Read More

HTML5 Audio

Previously we uses flash to play audio files.Now HTML5 support a new element called Audio.It will give web developer much controls to do funny stuffs with audio.No need to use flash any more! [php] <audio controls> <source src="horse.ogg" type="audio/ogg"> <source src="horse.mp3" type="audio/mpeg"> <!– add your fallback solution here. Like you can add flash here for […]

Read More
get post publish date outside the loop in wordpress

get post publish date outside the loop in wordpress

To get post publish date outside the loop in wordpress use the following code. [php] $all_posts = get_posts(array(‘numberposts’=>-1, ‘post_status’=> ‘publish’)); //Get all published posts foreach ($all_posts as $single_post){ echo get_the_time(‘Y-m-d’, $single_post->ID); //The date is on Y-m-d format echo ‘<br />’ ; } [/php] Hope this code will help you. Thanks

Read More

Journal – Free wordpress Bootstrap theme

I have lunched a new free WordPress Bootstrap theme. This theme is packed with features : Using Bootstrap framework Theme option panel Video support Widget ready Language support And best of all free to use Here is the live theme demo Download from Github https://github.com/maidulcu/JOURNAL.git

Read More
google cdn

Load jquery library from google CDN in wordpress

Add this code on wordpress theme functions.php to deregister the urgent jquery and load jquery library from google. [php] function load_cdn_jquery() { // only use this method is we’re not in wp-admin if (!is_admin()) { // deregister the original version of jQuery wp_deregister_script(‘jquery’); // discover the correct protocol to use $protocol=’http:’; if($_SERVER[‘HTTPS’]==’on’) { $protocol=’https:’; } […]

Read More

Removing extra p and line breaks from shortcodes in WordPress

Some time shortcodes add some some extra <p> and <br /> after of before post.This is happend because of the wpautop filter. You can easily prevent this by changing the execution priority of wpautop filter. Simply use this code on your theme functions.php [php] remove_filter( ‘the_content’, ‘wpautop’ ); add_filter( ‘the_content’, ‘wpautop’ , 12);[/php]

Read More