Which Web Development Programming Languages Should I Learn?

I am often asked this question by other Web developers. In fact, I regularly need to figure decide which web programming languages and technologies I need to learn next as part of my life long learning. Start with Web Browser Technologies Did you know? Even after over 20 years of mainstream web technology, web browsers only natively understand 3 things: HTML, CSS and JavaScript. That’s it, that’s all! There actually used to be a fourth, vbScript, but it was only available in Internet Explorer and Microsoft finally deprecated it as of IE11. Anything more and it is usually an add-on, plugin or … Continue reading

Developers – How to get started in Moodle development

For developers just getting started in Moodle development, testing and fixing 3rd party Moodle plugins which are not currently supported the latest version of Moodle is a great way to get started on your way to learning how Moodle works. These plugins often just need simple fixes, updates to deprecated API calls and stuff like that. Start by browsing through the list of 3rd party plugins and choose a plugin that is of interest to you. If you think it would be useful for you, chances are there are others who would think so too. Next contact the author before you start just to make sure … Continue reading

Debugging in JavaScript

One of the most popular ways of debugging in JavaScript when you are just getting started is to use the JavaScript alert() and input() functions. However there are times when clicking OK repeatedly can become tedious not to mention time consuming. Here are a few additional advanced JavaScript debugging techniques you can use to help increase your productivity. JavaScript Console API Functions Unlike the alert(), this the console API functions just displays a message in the debugger console and continue execution. For example: console.log(“Total is now: ” + t); There are other useful console API functions for debugging: console.group() console.info() console.log() … Continue reading

Introduction to JavaScript Debugging Techniques using Developer Tools

Most modern web browsers today, like Chrome, Firefox and Internet Explorer, come with an integrated JavaScript debugger. If you’ve never one of these debuggers but do program in JavaScript, it will be well worth the few minutes of your time to learn how to use them and save hours of web development effort. The browsers Developer Tools are typically accessible by pressing F12. Each browser has a similar set of tools but are not all created equal. Some are definitely stronger for some tasks when it comes to JavaScript development. For example Internet Explorer (IE) has a split screen so you don’t … Continue reading

Changing Notepad++’s default source code language for new documents

Notepad++ is a great editing tool for web developers. I know many, including myself, who use this together with Adobe Dreamweaver for their HTML development because there are just some things that Notepad++ does better than Dreamweaver including syntax colouring and HTML tag  matching. When you first start using Notepad++, it tries to determine the language of your source code using the filename extension. If you are just using a blank unsaved document, it may just treat your HTML code as plain text, offering no syntax colouring or tag matching. To enable these features, you either need to save your file with a … Continue reading

Bookmarklets for Web Developers and Webmasters

Bookmarklets are short pieces of Javascript that can add useful functionality to your browser without installing any additional software on your computer. Installing a Bookmarklet Modern browsers: Simply drag and drop the link to the bookmarklet onto your browsers links bar. If this doesn’t work for you: Create a bookmark/favourite to any web page, saving it on your browsers links bar. Rename your bookmark/favourite to something meaningful to you. Edit the bookmark, copying the JavaSscript listed below and pasting it in the URL of the bookmark, replacing all of its content. Be sure to allow it to save your changes if your browse … Continue reading

Media Queries with Older Browsers

Did You Know? Media queries are part of CSS3 and allow web designers to customize CSS definitions for the layout depending on the device and screen width thereby creating a single Responsive Web Design that adapts to the visitors environment which is important, especially if you have a lot of visitors on mobile devices. Unfortunately media queries like the following line were not supported in Internet Explorer 9 (IE9): @media screen and (min-width:960px) and (min-device-width:960px) { style definitions here … } If you are using a series of lines similar to this in your responsive website theme, you may be surprised … Continue reading

Using jQuery Dropdown to Display Select Content

Here is a technique that uses jQuery to reduce the length of web pages containing repetitive formatted information. You can use it to display images as seen below or information such as people profiles. This is flexible too because the HTML select tag can be organized into categories. If JavaScript happens to be disabled, all of the div sections will be displayed but the pull down pick list will not. Example Select an image category: AbstractAnimalsBusinessCatsCityFashionFoodNatureNightlifePeopleSportsTechnicsTransport Examples of Lorem Pixels — Abstract Category Sample image Examples of Lorem Pixels — Animals Category Sample image Examples of Lorem Pixels — Business … Continue reading

Add Terms and Conditions Checkbox to PayPal button

There are times when you will want your clients to read and accept terms and conditions before making a payment in PayPal. The great thing about the following approach is that it will work for just about any website, whether the site is simply written in HTML or uses a CMS like WordPress, Joomla or Drupal. Here is how to add a checkbox to your PayPal button. STEP 1 — Add the following Javascript code on your page: STEP 2 — Replace the following piece of code in the PayPal form created by the PayPal button generator: <form action=”https://www.paypal.com/cgi-bin/webscr” method=”post”> …with… STEP 3 … Continue reading

Resources for Web Developers

Image Repository Canaidan Tourism Commission Media Centre Fotolia iStockPhoto Shutterstock Images StockFreeImages Stock.Xchng On-line Tools Photo Editor Text Comparison Tool Text QuickDiff Tool Subtitle Horse Converters Real-time HTML Editor Programming Languages ASP.Net CSS HTML Javascript SQL VB.net Search Engine Optimization SEO Tutorial SEO Tutorial (Video) SEO Tips SEO Checklist Google Adwords Keyword Tool Google Webmaster Tools Bing Webmaster Tool … Continue reading