SUBBUINDESIGN Blog

How to create Multiple Borders to an image with CSS3?

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...

How to create Page Curl Shadows using CSS3?

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:...

How to get Image Preloader using jQuery?

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]); } }...

How to Find all Internal Links using jQuery?

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^=’#’]”);

Preventing the Performance Hit from Custom Fonts

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...

How to get Magic Numbers in CSS?

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...

Joomla Tutorials and Joomla Training Resources

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...

Free Tools for Joomla Design

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...

How Freelance Web Developers & Designer Get Paid Faster?

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...

How to Build Online Communities With Joomla?

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...

How to install Workspace to Our Drupal Site?

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...

WordPress 10th Anniversary Tees at $10

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...

How can We make Joomla better for SEO?

Joomla has something called SEF (Search Engine Friendly URL’s) that turns complex url’s into easy to understand ones. Google doesn’t care now anywhere, so SEO is not SEF. Keyword Use in Title Tag (4.9)...

How to Organize Content in Joomla?

The main “meat” content is made up of articles. Content, or articles need containers, these are called Sections and Categories, and must be set up first. Section Category Article

How to install Joomla?

To install Joomla, you need a web account with a MySQL database. Or you can set up what is know as a localhost. Download Joomla files Either Upload file package to server then extract...

How to unsubscribe from spam e-mails?

With 2012 just round the corner, you might be planning on being efficient with the time you spend in your inbox in 2012. If that’s the case, today’s post should prove helpful! In this...

How to Download Themes from CMS Made Simple?

Download themes for CMS Made Simple, you can use with the Theme Manager. These themes are uploaded here are contributed by independant third parties as a free service. The CMS Made Simple project make...

How to target Specific Browsers?

To Target Specific Browsers: #ID or .class is like div#main or div.main * html #ID or .class { ie6 } NOTE: sometimes IE6 requires… * html body #ID or .class { ie6 } *:first-child+html #ID or .class { ie7 } #ID...

How to Underline Individual Words with jQuery?

There is no CSS for applying an underline (text-decoration: underline;) only to individual words in a multiple-word element. The best way would be to wrap each word in a span (not the spaces, just...

How to Turn on WordPress Error Reporting?

Comment out the top line there, and add the rest to your wp-config.php file to get more detailed error reporting from your WordPress site. Definitely don’t do this live, do it for local development and testing....

Working with Attributes using jQuery

Setting Single Attribute $(“img”).attr(“src”, “/images/banner.jpg”); Setting Single Attribute (with function) $(“div”).attr(“id”, function (arr) { return “div-id” + arr; }) Setting Multiple Attributes $(“img”).attr({ src: “/images/banner.jpg”, title: “banner”, alt: “banner” }); Getting Attribute var $source...

Useful tips about Custom Fields in wordpress

Dump out all custom fields as a list <?php the_meta(); ?> Display value of one specific custom field <?php echo get_post_meta($post->ID, ‘mood’, true); ?> “mood” would be ID value of custom field Display multiple...