Archive: css
-
Jul 28, 2011
Comments OffCSS and jQuery Tutorial: Fancy Apple-Style Icon Slide Out Navigation
1. The HTML The markup just consists of a div with an unordered list inside. The list elements contain a span for the icon and the link element: 01 <div class="navigation"> 02 <ul class="menu" id="menu"> 03 <li><span class="ipod"></span><a href="" class="first">Players</a></li> 04 <li><span class="video_camera"></span><a href="">Cameras</a></li> 05 <li><span class="television"></span><a href="">TVs</a></li> 06 <li><span class="monitor"></span><a href="">Screens</a></li> 07 <li><span class="toolbox"></span><a...
-
Jul 28, 2011
Comments Offhow to add Beautiful Slide Out Navigation: A CSS and jQuery Tutorial
1. The HTML Structure The only thing we will need for the navigation is a simple unordered list with links inside of the list elements: 1 <ul id="navigation"> 2 <li class="home"><a title="Home"></a></li> 3 <li class="about"><a title="About"></a></li> 4 <li class="search"><a title="Search"></a></li> 5 <li class="photos"><a title="Photos"></a></li> 6 <li class="rssfeed"><a title="Rss Feed"></a></li> 7 <li class="podcasts"><a title="Podcasts"></a></li> 8 <li...
-
Jul 22, 2011
Comments Off
-
Jan 11, 2011
Comments OffQuick Calendar Using AJAX and PHP
Online calendars are often used in many web applications. Though popular, the logic behind creating a calendar can be scary especially for those who are new to programming. There are many web calendars in the market but some of them are quite complicated. If we are not able to understand the code, it becomes harder...
-
Jan 11, 2011
Comments OffHow to Create a Calendar in PHP
PHP date functions make it easy to generate calendars on-the-fly. calendar image by Christopher Hall from Fotolia.com // The PHP programming language features date and time functions that simplify creating a monthly calendar. The “date()” function returns a formatted date, or parts of a date, for a given UNIX timestamp. The “mktime()” function returns a...
-
Nov 30, 2010
Comments OffPrevent Your CSS and JavaScript Files From Being Cached
Some websites use highly volatile, oft-changing CSS and JavaScript files. In the case of these files, it’s important that the developer prevent browsers from caching them. How do we do that? By using a phantom querystring, of course. We’ll use PHP to tack the current time onto the file reference. The PHP <link href=”/stylesheet.css?<?php echo...
-
Nov 10, 2010
Comments OffTop Floating message box using jQuery
I’ve shown you how to create a alert box using jQuery. This time, I’ve come up with another tutorial to show you how to display floating message box in the top of the browser using jQuery. The message box always get displayed at the top of the browser although you move across the document with...
-
Nov 09, 2010
Comments Offall Post of ajax javascript php magento jquery and all web developement related tutorials
Sleek and Smooth animated menu using jQuery by Bagesh singh 1 person liked this Today, I’m going to show you something interesting with jQuery. Yesterday I was thinking something to post something programming related stuff in blog after long time and I came across a website, whose menu impressed me a lot. But checking it...
-
Mar 19, 2010
Comments OffHow to make rounded corner textbox using css
In this post,...
-
Mar 19, 2010
Comments OffAnimated content navigation effect using jquery
I always get bored with the same stuffs. And, I see same kind of content navigation to the different websites. Click a link,...
-
Mar 19, 2010
Comments OffHow to control the case of characters using CSS?
How are you controlling the case of the characters in your project. Talking about me, I was using ucwords() function of PHP to control the case of the characters when required. Today, I come to...
-
Mar 19, 2010
Comments OffTop Floating message box using jQuery
Last time,...
-
Mar 19, 2010
Comments OffMaking dashed or dotted link using CSS
Today, one of the friend of my office asked me how to make dotted or dashsed link as he was looking...
-
Mar 19, 2010
Comments OffW3c markup validation and Big websites
FREE Article Submission Today, I would like to talk about W3C XHTML validation service.This service checks the XHTML of your website and reports you if your web page have any error or warning according to standard of W3C. If you are talking about this website currently...
-
Mar 19, 2010
Comments OffGet the book
Are you a web developer ? Are you a web designer? The you must not leave this offer. I...
-
Mar 19, 2010
Comments Off