Subbu in Design
Hypertext Markup Language (HTML) was created to give content providers a way to display information on the World Wide Web in a organized and structured manner. HTML’s limited ability to format and style information...
Cascading Style Sheets, known as “CSS,” is a Web design language that is used to control the look and feel of Web pages. CSS files are created separate from the Web pages during the...
Grid systems are a key component of graphic design, but they’ve always been designed for canvases with fixed dimensions. Until now. Today we’re designing for a medium that has no fixed dimensions, a medium...
So you’ve launched your own creative business, and you’re starting to grow. That’s great! But good growth won’t just happen. Just like a junior designer starts with small projects and slowly builds her skills, a...
1) Tell me about yourself? 2) Why you are looking for a change? 3) Are there any problems in your current job? 4) What is your strength? 5) What is your Weakness? 6) What...
‘.htaccess’ is the filename in full, it is not a file extension. For instance, you would not create a file called, ‘file.htaccess’, it is simply called, ‘.htaccess’. This file will take effect when placed...
The .htaccess is a configuration file for use on web servers running the Apache Web Server software. When a .htaccess file is placed in a directory which is in turn ‘loaded via the Apache...
$(“form :input”).focus(function() { $(“label[for='” + this.id + “‘]”).addClass(“labelfocus”); }).blur(function() { $(“label”).removeClass(“labelfocus”); });
In general the CSS Sticky Footer is the best way to go, as it works perfectly smoothly and doesn’t require JavaScript. If the markup required simply isn’t possible, this jQuery JavaScript might be an option. HTML...
The code uses PHP to resize an image (currently only jpeg). Using this method, the resized image is of much better quality than a browser-side resizing. The file size of the new downsized image...
Check if value is in array and outputs Yes or No <?php $names = array( ‘Bob’, ‘Jim’, ‘Mark’ ); echo ‘In Array? ‘; if (in_array(‘foo’, $names)) echo ‘Yes’; else echo ‘No’; ?>
formatcharacter Description Example returned values Day — — d Day of the month, 2 digits with leading zeros 01 to 31 D A textual representation of a day, three letters Mon through Sun j Day of the month...
.center { width: 300px; height: 300px; position: absolute; left: 50%; top: 50%; margin-left: -150px; margin-top: -150px; } Negative margins are exactly half the height and width, which pull the element back into perfect center....
nav { background: #444; border-bottom: 8px solid #E6E2DF; overflow: hidden; position: relative; width: 100%; } nav:after { content: “”; position: absolute; left: 0; bottom: 0; width: 100%; height: 2px; background: white; } nav ul...
WordPress 2.1 is almost here and you know what that means for developers. It’s time to pull out those old plugins you’ve had stashed, blow off the dust and start applying some spit and...
This is software still in development and we really don’t recommend that you run it on a production site — set up a test site just to play with the new version. To test WordPress 3.6, try the WordPress...
The element needing multiple borders should have its own border and relative positioning. #borders { position: relative; border: 5px solid #f00; } The secondary border is added with a pseudo element. It is set...
ul.box { position: relative; z-index: 1; /* prevent shadows falling behind containers with backgrounds */ overflow: hidden; list-style: none; margin: 0; padding: 0; } ul.box li { position: relative; float: left; width: 250px; height:...
That would be pretty useful, right? Right now it’s very common to User Agent “sniff” when you want to make a server-side decision about what to give the client. But UA sniffing has always...
$(“form :input”).focus(function() { $(“label[for=’” + this.id + “‘]”).addClass(“labelfocus”); }).blur(function() { $(“label”).removeClass(“labelfocus”); });
Very easy way to preload images which are needed later (e.g. when a hover is performed) <script type=”text/javascript”> $.preloadImages = function() { for(var i = 0; i<arguments.length; i++) { $(“<img />”).attr(“src”, arguments[i]); } }...
Find all links that start with the sites domain, a slash, relative file path, or a hashtag. var siteURL = “http://” + top.location.host.toString(); var $internalLinks = $(“a[href^='”+siteURL+”‘], a[href^=’/’], a[href^=’./’], a[href^=’../’], a[href^=’#’]”);
The issue is 1) custom fonts are awesome and we want to use them 2) custom fonts slow down our pages by being large additional resources. Dealing with this has been in the air...
Despite the super fun sounding name, magic numbers are a bad thing. It is an old school programming term for “unnamed numerical constant”. As in, just some number plunked into the code that is probably vital...
Do you want to learn how to Joomla? We can help! With our Joomla Tutorials, you will learn how to use Joomla, guaranteed! We have the best online Joomla training with the very latest Joomla 2.5 tutorials, online Joomla...
Reprinted with permission from Compass Design: Valid W3C joomla template designs for your website So we are about to begin design the site for real, but first we need a few tools. Now, everyone probably...
You know what’s great about being a freelance developer building Joomla websites? The convenience technology can provide, such as Joomla templates. You know what’s NOT great about being a freelance developer building Joomla websites? Getting stiffed by...
What is an Online Community? For the purposes of this discussion, I am going to make the following definition: A group that communicates online to fulfill a need The naturally poses the question for...
This week’s tutorial is the first of a two-parter. We’ve had several students in our classes looking to build websites with multiple content authors … blogs, newspapers, university sites and more. A common request...
In honor of the upcoming 10th anniversary celebrations, we’ve put a special 10th anniversary tshirt in the swag store at cost — $10 per shirt plus shipping. They’ll be on sale at this price...