MKProgramming | Website Design, Development and SEO | Rochester, Webster, Penfield, Fairport and New York http://mkprogramming.com Web. Mobile. Print. (We do just about everything) Sun, 19 Feb 2012 02:05:51 +0000 en hourly 1 http://wordpress.org/?v=3.3.1 JA Elastica – FREE Joomla Responsive Template http://mkprogramming.com/ja-elastica-free-joomla-responsive-web-design-template/ http://mkprogramming.com/ja-elastica-free-joomla-responsive-web-design-template/#comments Thu, 19 Jan 2012 15:09:11 +0000 admin http://mkprogramming.com/?p=744 JoomlArt just released one of the first Joomla responsive templates I’ve seen so far and it’s beautiful!

http://joomla17-templates.joomlart.com/ja_elastica/

For those of you who are not familiar with responsive web design, the page layout adapts to different screen widths, even as you re-size your screen. From different monitor sizes on desktops to different mobile devices.

Let me know what you think!

]]> http://mkprogramming.com/ja-elastica-free-joomla-responsive-web-design-template/feed/ 0 Using jQuery to Modify First Word of a Sentance http://mkprogramming.com/using-jquery-to-modify-first-word-of-a-sentance/ http://mkprogramming.com/using-jquery-to-modify-first-word-of-a-sentance/#comments Thu, 01 Dec 2011 16:12:20 +0000 admin http://mkprogramming.com/?p=697 Recently when upgrading a clients website from Joomla 1.5 to 1.7 (don’t get me started about 2.5) I found the need to add a “<span>” to each and every “<h3>” tag on the page, which would normally be pretty easy. Due to how one of the artists designed it years back, we needed only the first word wrapped in the “<span>” tag (so we could add some color) which proved to be more challenging. Time for some jQuery Magic!

So in case anyone else reading needs to know how to modify the first word of a sentence (or header).. here it is:

{code type=javascript}
$(‘h3′).each(function(){
var t = $(this);
t.html(t.html().replace(/^(\w+)/, ‘$1‘));
});
{/code}

Obviously you could change the “$(‘h3′)” to be anything your heart desires.

Want to fiddle with this chunk of code a little bit ?!
Here:  http://jsfiddle.net/bUPfb/

]]> http://mkprogramming.com/using-jquery-to-modify-first-word-of-a-sentance/feed/ 0 One of the Best JQuery Slideshow Plugins (Ever) http://mkprogramming.com/one-of-the-best-jquery-slideshow-plugins-ever-to-be-written/ http://mkprogramming.com/one-of-the-best-jquery-slideshow-plugins-ever-to-be-written/#comments Tue, 13 Sep 2011 20:28:35 +0000 admin http://mkprogramming.com/?p=611 I use JQuery all the time. It’s hands down my favorite javascript library (though Ext3 is pretty impressive). One of my most used and favorite plugins is malsup’s cycle plugin.

Here are a few reasons why this ranks in at my favorite plugin:

1) Easy to install / utilize
It’s incredibly simple to use. The minimal setup required would be something like this.

{code type=xhtml}

<div class="slideshow">
	<img src="wonderful_walrus_and_tucan_sam.jpg" width="200" height="200" />
	<img src="image_2.jpg" width="200" height="200" />
	<img src="pretty_cow_4.jpg" width="200" height="200" />
</div>

{/code}

Then all you need to do is throw this the <head> section of your page:

{code type=xhtml}

<!-- include jQuery library -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
<!-- include Cycle plugin -->
<script type="text/javascript" src="http://cloud.github.com/downloads/malsup/cycle/jquery.cycle.all.latest.js"></script>
<script type="text/javascript">
$(document).ready(function() {
    $('.slideshow').cycle({
		fx: 'fade' // choose your transition type, ex: fade, scrollUp, shuffle, etc...
	});
});
</script>

{/code}

2) Simple to modify and customize

Not only are there easily over 40 examples of different implementations but the code is well written and simple to understand. I can’t even begin to tell you how many times I’ve used cycle as a starting point to code a different slideshow plugin. It’s so useful!

3) It’s 100% Free

Yep, it’s free and open source. Check it out here:
JQuery Cycle

]]> http://mkprogramming.com/one-of-the-best-jquery-slideshow-plugins-ever-to-be-written/feed/ 1 QR Code Overview http://mkprogramming.com/qr-code-overview/ http://mkprogramming.com/qr-code-overview/#comments Mon, 05 Sep 2011 23:46:51 +0000 Matt Kirkpatrick http://thedeveloper.wpmu3.layeredpixels.ca/?p=147 Using QR codes for marketing purposes is becoming much more common than it was a few years ago. With the advent of smart phones and increase in mobile activity QR codes are becoming quite useful. My hope is to share with you a brief overview of how they work and why they might be useful for you or your company.

1) A QR code is a 2D barcode.

Quite unlike typical barcodes you see at your local supermarket, the QR code is a 2D barcode. Resembling somewhat of a maze, QR codes are able to store a variety of data both vertically and horizontally.

2) 2D Barcodes can store quite a bit of data.

A typical 1D barcode can store around 30 numbers for use. QR codes on the other hand can store 7,089 numbers which is much more useful for storing information such as:

  • Hyperlinks
  • Text
  • Email
  • Contact Information (vCard or similar)
  • Calendar Entry (vCalendar)
  • SMS/MMS Message

 

The ability to store a hyperlink gives virtually endless possibilities. Once the user scans the code, they can be taken to a video, “like” a Facebook page, download an application or even enter contests.

3) QR Codes Can Be Placed Just About Anywhere.

Once the code has been created it can be printed on just about anything you can think of. While ease of scanning must be taken into consideration, QR codes can easily be printed on:
Business Cards, Newspapers, Magazines, Posters, Tattoos, Clothing and I’ve heard of people using cake frosting! This allows marketing to truly become creative and engaging. Driving traffic and conversions from virtually anywhere.

4) QR Code Scanning Is Becoming Common

Large companies like BestBuy, Kodak, Xerox and even libraries are begging to use 2D Barcodes. Don’t take my word for it, check out some of these reports:

 

5) Generating QR Codes Is Quick and Easy

Google has made if very simple to create and track QR codes with their link shortening service goo.gl. Check it out:

You’ll then be able to click the “more details” button below to view your QR code and click analytics.

6) Seek Experts to Ensure Success

While creating, printing and maintaining a QR code campaign may seem simple, there is a lot more than meets the eye. We suggest you consult an expert before you get started and make sure you’re getting the most out of your mobile marketing with 2D codes.

]]> http://mkprogramming.com/qr-code-overview/feed/ 0