Here you'll find an assortment of web development topics that don't fit elsewhere.

  • Webmaster Tips

  • Working with Cropper.js Previews

    The fengyuanchen Cropper.js library can provide a preview of the cropped image, thus providing real-time updates of the cropping container area. Learn how to modify a preview's size using a combination of CSS and JavaScript.

  • Create Modal Dialogs Using the Bootstrap Modal Plugin

    Learn how to use Bootstrap 3's Modals plugin to produce modal dialogs of different sizes.

  • Top 10 IoT Technologies for 2017

    The IoT will demand a wide range of new technologies and skills, including new hardware platforms, networks, as well as standards and ecosystems. This slideshow presents the top 10 most important IoT technologies for 2017.

  • Exploring Online Webmaster Tools

    One of the most exciting developments of the Web is the emergence of online tools. There is even a category of web tools that caters specifically to webmasters. Rob Gravelle examines the role of the webmaster and presents a few sites that provide useful tools.

  • A Guide for Creating Temporary Logins on WordPress Website

    Check out how to implement this quick and very useful WordPress administration tip for your WordPress console.

  • Guidelines for Testing Front-end Web Components

    In the world of front-end web development, testing is not espoused like it is with traditional programming languages such as C, Java, etc… Sometimes the hardest part is just getting started. Rob Gravelle explains how to test the various front-end components of a website using a variety of free tools.

  • Writing Solid Front-end Web Development Code

    Producing clean, semantic, and cross-browser code is more challenging than ever. Rob Gravelle presents a few guidelines for writing solid HTML, CSS, and JavaScript code.

  • Serving up Base64-encoded Custom Fonts

    Rob Gravelle presents some reasons for using embedded fonts, how to reference them from within your web pages, and how to encode font files as Base64 data.

  • 7 Things You Must Know Before Building a Website

    In this story Nathan Segal interviews John Overall, a professional web designer and WordPress expert, to discuss the essential topics required when building a web presence.

  • 10 Great Places to Find Designers Online

    Check out this slideshow listing ten sites that will give you a major boost in the right direction when it comes to finding the right designer for your next web project. 

  • 10 Strategies to Create Successful Social Media Campaigns

    In this article we’re going look at several different strategies, as well as things to avoid.

  • Top Five Free Web Page Accessibility Validators

    It's a lot easier to incorporate accessibility into your site while designing it than than after coding is done, and it often pays to run your pages through an HTML validator. Here is a slideshow showing five free options.

  • Intermediate Web Page Graphics

    Following on the previous article (Basic HTML: Adding Images), here is more information on the main web formats, which are JPEG, GIF, PNG, and PNG-8, along with examples of each. In addition you will learn more about SEO and some basic placement of images on your web pages with CSS3.

  • With the Contenteditable and DesignMode Attributes, You too Can Convert Your Browser Into a Basic HTML Editor

    In this article, we learn how to leverage the attributes that can convert a browser into a basic HTML editor that’s both free, and simple to use.

  • Responsive Design Cross-Platform

    In the last few years, responsive design has changed the way designers build websites and the way design programs work. In this article we look at how this has changed the workflow for designers and developers.

  • How to Use Text, Graphics and Styling in Adobe Edge Reflow CC

    In this article we continue our exploration of Adobe Edge Reflow CC and see what it can do with layout, images, fonts and styling.

  • Web Hosting Benefits And What They Can Do For You

    When your business is searching for a web hosting company, you need to be aware of the many options available to you. A Premium web hosting provider will typically have many benefits to offer making your businesses entire online experience easy and affordable. This article will help you to choose which benefits and options to consider.

  • Leverage Your HTML5 Savvy to Build Commercial, Cross-Platform Apps and Games

    An unexpected player has entered the fray with a tool that makes HTML5 mobile development easy while also directly addressing some of the shortcomings of Web technologies in mobile apps. See a demonstration of how quickly you can begin creating your own apps using HTML5.

  • Review Duda Mobile

    This article is a review of Duda Mobile. A mobile website develop tool which allows you to create custom mobile websites.

  • Want to Wow Your eCommerce clients? Give Them Something for Free

    One of the biggest challenges of online retailers is to build a list of customers who will come back over and over again. One way to do that is to give something away, something of value that the customer would be happy to pay for. If you show the customers you really care about them, you'll build trust and loyalty over time.

  • Review: HTML Pad

    In this article we're going to have a look at some of the new features of HTMLPad, an all-in-one HTML, CSS and JavaScript editor. A great feature of this product is the 30 day trial, which allows you plenty of time to test out all the aspects of this program.

  • Create an Static HTML5 Web Project in Eclipse

    Eclipse has been the editor of choice for Web Application Development for a while now - especially for Java-powered multi-tiered apps. The Helios release 2 of the Eclipse IDE for Java EE Developers added support for HTML5-specific development. In today's article, Rob Gravelle shows how to setup a static HTML5 Web project in Eclipse Juno.

  • Top Ten Tips for Building An Effective Blogging Site

    Have you ever wanted to start a blog but you've been uncertain how to get started? In this article we'll look at ten steps to get you up to speed. Some of the topics well cover are: Blog types, hosting options, security, SEO plugins, analytics and more.

  • A Review of the Web-Service: Mofuse

    In this article we review Mofuse a web-based CMS for creating mobile sites. This is a relatively easy program to use and will help build simple or complicated mobile sites. You can add forms, analytics, monetization and more.

  • Go - Bringing the Fun Back to Programming

    Go is an open source programming language that is efficient, expressive and at the same time concise. In short, it makes programmers more productive. Go's inception goes back to September 2007, this article explores the features during its progression along the way to current day.

  • How to Create a Custom Brush for SyntaxHighlighter

    A few weeks back we introduced the Guide to the SyntaxHighlighter JavaScript Library, a popular SyntaxHighlighter library created by Alex Gorbatchev's, and as the name suggests, it's purpose is to display source code or specially formatted text in color-coded schemes to highlight key syntactical elements. The code that determines which elements get assigned what color are called brushes. In this article, we're going to create our own custom brush and add it to the SyntaxHighlighter library.

  • Building an OptimizePress Layout

    A squeeze page is a short page or overlay that comes up when you visit a website and it's purpose is to capture your attention. Discover the process of setting up a "squeeze page" in OptimizePress (which can be used a WordPress add-in).

  • An Inside Look at OptimizePress

    In previous articles we've looked at different forms of ecommerce for the web. Many of these have dealt with shopping carts designed for multiple products. In this case we're going to look at a different approach, that of using sales letters as a way of selling products. And to be effective a sales letter is best focused on one product at a time. It is possible to do more than that, though you need an experienced copywriter on hand to make sure your message doesn't become diluted.

  • Tips for Crafting Helpful Validation Messages

    In previous articles we've discussed how validation plays a dual role of protecting your data and site from bad data, as well as a guide to your users' goal of submitting the form in as painless and quick a manner as possible. This article will focus on the message positioning, content, and visual cues required to complete a useful validation message. 

  • No longer available

  • How your Browser Speeds up Cross Domain Loading using DNS Prefetching

    You're no doubt familiar with image pre-loading. It's used in situations where you have links to images in your web page so that they appear immediately upon clicking the link. What works for images also applies to IP addresses. Most of the latest browsers now prefetch all the IP addresses of externally-hosted pages that are linked to the current page. That's called DNS prefetching, and most of the time, it is enabled by default. So, while you are reading a web page, your browser is looking up all the IP addresses of linked pages, so that when you click any of the links, it doesn't have to send requests back and forth between the ISP and DNS server. This sounds like a good thing at first glance, but closer inspection reveals that it isn't all upside. There have been numerous concerns raised over slow performance, partially-loaded pages, or "webpage cannot be found" messages as well as privacy and security concerns. In today's article, we'll take a closer look at the good and bad of DNS Prefetching in order to decide whether or not it's something that we want to take advantage of.

  • Adobe Edge Preview 4: How To Transition Text from Black to Red

    If you haven't heard of Adobe Edge yet, it's Adobe's tool-in-development that allows website designers and developers to create animations using HTML5, CSS3 and JavaScript. In this article we'll tell you all about Edge and how to use it to transition text from black to red.

  • Using Wishbox, the Free Feedback Tool with Screenshot Capability

    It's hard enough to get your site's visitors to leave you feedback, let alone get them to submit a screenshot. By using the free Wishbox script, however, you can easily add a feedback form to your site that has screenshot capabilities!

  • Choosing Between HTML-Kit 5.1 and HTML-Kit Tools

    After almost a decade and millions of downloads, Chami's HTML-Kit continues to be a favorite freeware HTML editor of web developers everywhere. In 2006, Chami released the $79 HTML-Kit Tools which contains advanced functionality for professional developers. Since the free HTML-Kit continues to be available from their site, is the HTML-Kit Tools worth the extra cash? That is the question that we shall attempt to answer in this article!

  • The Three Models of Web Form Validation

    Today's article will outline the different ways of validating form data and relaying validation error messages to the user. In doing so, we're going to see why it's time to consider preferable alternatives to the ole' one field at a time style of error handling such as displaying all the form errors at once and inline validation.

  • The Indispensable HTML5 Boilerplate Website Template

    HTML5 Boilerplate is a must have for web developers who want to take advantage of all that HTML5 has to offer. In this article, we will be delving into the pertinent issues that face developers and how the HTML5 Boilerplate Website Template deals with them.

  • Google+ API Basics: Adding the Google +1 Button To a Web Page

    Last month Google announced the release of the initial Google+ API, which is currently limited to providing read-only access to public data. To get started, in this tutorial we will show you how to add the Google +1 button to your web pages.

  • Use Hyperlinks Now in Adobe Edge Preview 3

    Adobe released their Preview 3 for Adobe Edge yesterday. I had a chance to download and install it this morning. This latest preview build boasts some impressive new features, like adding in loops and hyperlinks, as we will discuss in this article.

  • Aptana Studio 3 Guided Tour and Tutorial: Create a Web Project Using the HTML 5 Boilerplate Framework

    Aptana Studio is one of the most comprehensive tools in the free web editor market. In this tutorial, we're going to get better acquainted with Aptana Studio 3 by creating a hypothetical newsletter subscription page.

  • Adobe Edge Tips and Tricks

    I've recently discovered Adobe Edge, a developer's tool for creating animation in HTML5, CSS3 and JavaScript. My experience with creating my own animation using Edge taught me some tips, tricks and bugs to look out for, which I present to you here.

  • Adobe Edge: Creating Regions in Timelines

    In this article on Adobe Edge, we will pick up where our last article left off and will discuss a third mode of animation not yet discussed, which is to create regions in the timeline when you want an animation to take place.

  • Adobe Edge for Web Developers: Using the Timeline

    In the first article in this series, I discussed how to create objects in Adobe Edge and provided a primer on the Properties box. In this article, I will show you how to use the timeline and create an animation using Adobe Edge.

  • A Web Developer Takes Adobe Edge for a Spin, Part 1

    On September 7, 2011 Adobe released preview 2 for Edge, its new HTML5 animation tool. In this series of articles we're going to show you how to use Edge, what it can do, and potential issues you may run into while using it.

  • CAPTCHA: Image Verification for Web Developers

    The problem with most CAPTCHA image verification implementations is that they are so annoying that they often drive humans away. As we will show in this tutorial, there are ample ways to accomplish the task without testing a user's patience and dignity.

  • Sneak Peak: Adobe Muse for No Coding Web Design

    This week we're going to check out Adobe Muse, the no-code web design tool. Adobe Muse, recently released in beta, was created to allow non-programmers to create layouts much like they would do for print publication, use those layouts to create cross-browser compatible web pages, and publish those pages to Adobe hosted servers.

  • Creating 'Old-School' Web Page Indexes in Drupal

    One problem that many Drupal newbies struggle with is the creation of a simple directory listing or 'index' page of articles. In this tutorial we will guide you through the process, and give you some tips to save you time!

  • A First Look at Adobe Edge, an HTML5-based Animation Tool

    Naturally, when Adobe releases a tool that purports to create HTML5-based animations, we had to take a look. In this article we're going to install and try out Adobe Edge, which is currently in "pre-release" form.

  • More Free Web Page Accessibility Validators

    HTML validators are one of the most surefire ways to make certain that you haven't overlooked something crucial. In this article, we're going to be looking at some freely available validation tools and services that you can put to good use on your own web pages.

  • Review of Aptana Studio 3

    With the emergence of HTML5, there is a strong need for HTML5 aware IDEs. The California-based company Aptana has stepped up to the plate with version 3 of Aptana Studio. Touted as a "professional, open source development tool for the open web", we'll put it to the test in this review.

  • Making Your Website Fun with Games

    Everywhere you look you find games, games and more games. They are on your cell phone, connected to your TV via a gaming console and everywhere you look on the web. People love their games, even the corny ones. So, why not attract new visitors or keep visitors coming back with some games on your website? We'll show you how to do just that in this article!

  • Top Five Free Web Page Accessibility Validators

    It's a lot easier to incorporate accessibility into your site while designing it than than after coding is done, and it often pays to run your pages through an HTML validator. It's one of the most sure-fire ways to make certain that you haven't overlooked something crucial. In today's article, we're going to be looking at some freely available tools and services that you can put to good use on your own web pages.

  • Template Resources for Web Developers

    In this article is a list of all the resources I've discovered while writing this series on web development templates. The intention of this resource listing is to provide you with access to some great resources for building a website using templates.

  • Using Templates for Website Design: Dreamweaver

    As you can imagine, there are many ways of building a standard website, or a CMS site which makes use of other template designs, such as Joomla! or WordPress. In this series we're going to look at different methods of creating websites using templates, both commercial and free. We'll start out by looking at Adobe Dreamweaver's layout capabilities.

  • Move Over Google Analytics, Here Comes Woopra!

    In the past, I’ve always relied on Google Analytics as my go-to tool.  I’ve used and recommended Google Analytics most of all because it is free and feature rich. However, there’s a relatively new player in town called Woopra, and it provides real-time as-it-happens analytic reporting for your website.

  • How To Add Social Networking Buttons To Your Site

    By adding social networking buttons to your site, you are providing your current audience with a means to provide word-of-mouth advertising to their friends, who will hopefully become your future audience. In this article we will show you how to add social networking buttons to your website.

  • Third Party CSS Apps to Speed Up Your Workflow

    In this article we're going to look at some third party applications that will allow you to create some cool CSS effects without breaking the bank.

  • How to Build a Native Mobile Application in Dreamweaver CS5.5

    In earlier articles we covered HTML5 Semantics and multiscreen authoring in Dreamweaver. In this article we're going to look at the process of building a native phone application in Dreamweaver CS5.5.

  • HTML5 Semantics in Dreamweaver CS5.5

    Prior to the development of HTML5 sematics, building a web page could be a real headache, mostly due to all the <div> elements through the page and little, if any idea what they were. Introduced in Dreamweaver 5. HTML5 starter layouts appeared and in Dreamweaver CS5.5, that continues, as you will see in this article.

  • Multiscreen Authoring in Dreamweaver CS5.5

    A common problem when building a website is when the layout looks just great on your computer but when the client views it on their system, the design appears to be "off." By using Dreamweaver's Multiscreen Preview Panel, you can pro-actively solve any such issues before your site goes live!

  • Five Essential HTML5 Editors

    HTML5 has garnered plenty of attention in the last two years, and for good reasons. The internet as we know it is changing, and HTML5 is at the forefront of those changes. If you are eager to jump into the HTML5 mix, you will be interested in the tools we have found for creating websites and web apps using HTML5.

  • Working With E-commerce Plugins for WordPress

    WordPress is versatile piece of software. Not only can you blog with it, add galleries, video and other cool effects, you can also use it to make money. In this article we will look at an e-commerce WordPress plugin you can use, and show you how to secure your digital downloads.

  • Which Adobe Creative Suite is Right for You?

    It's no secret that Adobe is at the top of the heap when it comes to graphics and publishing software. Their software is typically also among the most expensive, as well. In this article we're going to look at the current group of Creative Suite 5.5 software packages by Adobe, as well as their new subscription model.

  • A Web Developer Looks at Interactive Mapping Solutions From

    In our last article, we looked at flashmap APIs from Yahoo, Google and MapQuest. This time we're going to look at the mapping tools that are used by sites including eBay, FoxNews, Adobe and Verizon--and the extensive and flexible options they provide developers.

  • WordPress 3 Custom Menus: Adding a 2nd Level Menu

    In the previous article on creating custom menus in WordPress 3 we looked at how to setup a custom menu in a simple, straightforward way. In this article we will customize things a bit more and add a second level menu.

  • An Introduction to Flash Maps for Interactive Mapping

    Most of us have seen or used a Flash-based map on a website that allowed us to drill down by clicking on the map, with each "level" providing us with additional information. In this article we're going to look at free flashmap Application Programming Interfaces (APIs)  from Yahoo, Google and MapQuest.

  • Categories, Pages, and Posts in WordPress

    So far we've looked at WordPress themes, templates, headers and pages. In this article we're going to explore WordPress categories, pages and posts in more depth.

  • Customizing Your WordPress Installation

    Setting up your initial WordPress installation is only the beginning. In this article we're going to do some more tweaking to customize your WordPress installation. Some of the topics we'll cover are: Pages, Posts Categories.

  • How to Add Images, Galleries and Video to Your WordPress Blog

    In our previous tutorials we looked at WordPress Categories, Pages and Posts and showed you how to set up the structure of your blog. This time we're going to show you how to add images, galleries and videos to your WordPress blog.

  • How to Move a Module from One Joomla! Template to Another

    Not all Joomla! templates are created equal. Templates that you buy or download for free online have different features. At some point you may need to move a module from one Joomla! template to another, and we're going to show you how to do just that in this tutorial.

  • Installing and Configuring a Theme in WordPress

    When you install WordPress, it comes with one theme built in, but what if you want to use a different theme for your website? In this tutorial you'll learn how to install and configure a new WordPress theme.

  • How to Create a Menu for Your Joomla! Template

    If you're creating your own Joomla! template from scratch, you'll want to know how to add in a menu. In this tutorial I'm going to walk you through creating a menu off the default and pre-installed Main Menu.

  • How to Add Advertising to a WordPress Theme

    In this tutorial, we're going to look at adding advertising to our WordPress theme, and we're going to work with one of the most popular forms of advertising, AdSense, which allows you to make passive income.

  • Create Custom Page Templates in WordPress

    One of the most effective ways to create a custom website with WordPress is using the custom page templates feature. In this tutorial we will look at how to access custom page templates and then how to create your own templates.

  • Web Developer Class: Security and the WordPress CMS

    WordPress is a great CMS. Unfortunately, with flexibility comes a down side--a vulnerability to attacks and exploits. In this article you'll learn several methods which you can use to secure your WordPress blog.

  • Getting Started with the WordPress CMS

    WordPress is one of the most popular content management systems (CMS's) and is quite full-featured, out-of-the-box. In this tutorial we will show you how to get started with WordPress, and will walk you through the installation process.

  • How to Work With WordPress 3 Custom Menus

    WordPress 3 has a revamped menu system which allows developers to do a lot more with the menu and do it with a lot more ease. You can, for example, rearrange your menu with a simple drag and drop. In this tutorial we will look at how to do this and much more!

  • Web Developer Tools for Low Cost Web Development

    In our last article we showed you some free online web development tools as well as a free open source shopping cart CMS. In this article we will look at some economical web development tools that, while not free, are well worth the cost to the developer on a tight budget.

  • Web Development On the Cheap: Free Tools and Shopping Carts

    In our last article we looked at several ways a web developer could create and develop websites on a shoestring budget. In this article we are going to look at some of the free resources that are available for developers, as well as PrestaShop, a free full-featured shopping cart CMS. 

  • A Web Developer Looks for Useful Joomla! FTP Extensions

    Previously we looked at several useful extensions for Joomla!. In this article we'll search for Joomla! extensions that are useful for transfering files via FTP.

  • Defining Joomla! Module and Article Titles in CSS

    This article will fill in some of the missing details about creating a Joomla! Template from scratch, show you how to get module and article titles to appear as well as how to define them in the CSS.

  • Social Media Extensions for the Joomla! CMS

    Social networking is another tool in the developer's toolbox, and is an important aspect of SEO. In this article we'll look at some social media extensions for the Joomla! CMS. 

  • Customizing Joomla!: Adding a New Position to a Template

    Let's say you scoured the internet looking for that perfect Joomla! template and you found one that fits 99% of your needs--but you need a left position. This article will show you how to add that a new position into your Joomla! template so that you can fill the left column with modules.

  • How To Combat Spam on Your Joomla! Website

    In this tutorial we will look at how to add contact information to your Joomla! site, while keeping spam out of your inbox. While that seems simple on the surface, it can lead to a major problem if you aren't proactive about spam. 

  • How To Develop Websites on a Shoestring Budget

    Although the economy may be improving, web developers are increasingly being asked by clients about low cost web development. In this article we will show you how it is possible for developers to create, host and maintain websites cheaply, using free software, open source content management software and economical web hosts. 

  • Web Development Primer: E-Commerce with Joomla!

    While many people are interested in creating a basic website, others are more interested in building a more advanced ecommerce site where they can sell their products. In this article we're going to look at using E-Commerce with Joomla! 

  • Crash Course: Refining Your Joomla! Template

    In our last article, we provided a rough outline and introductory code for creating a Joomla! template from scratch. In this article we continue the process, and fine tune our new Joomla! template. 

  • Crash Course: Create a Joomla! Template from Scratch

    Once you've worked with the out-of-the-box features of Joomla!, it's time to dig into templates. In this tutorial we'll show you how to create a Joomla! template from scratch!

  • Useful Joomla! Extensions for Web Developers

    One of the best things about Joomla! CMS is that there are so many extensions that can be added to enhance a website. In this article we're going to have a look at some useful Joomla! extensions for web developers.

  • Developers Embrace Drupal and Microsoft Technology Synergy

    By combining Drupal with Microsoft technology, Microsoft and the Drupal Community have made using Drupal on Windows even easier, with all the features developers have come to expect.

  • Joomla! On a Windows System Opens a World of Extensibility

    Joomla!, the award-winning content management system (CMS), enables web developers to create websites and powerful online applications. Microsoft has joined with the Joomla! community with the goal of making Joomla! on Windows an easy-to-use combination, even for beginners.

  • Web Design Class: How to Add a Photo Gallery to Joomla!

    You may have used a photo gallery that allowed you to easily scroll through multiple images on a website, and wondered how you could add this feature to your own website. In this article we're going to look at the process of adding a photo gallery to Joomla! using an extension. 

  • WordPress and Windows A Powerful Combination

    Microsoft is working with the WordPress Community to make WordPress on Windows even easier--the synergy from the combination makes it a great choice for everyone. Take the plunge now!

  • Adobe Converts Flash to HTML5 With Wallaby

    Adobe doesn’t want to be left behind when the world eventually moves past Flash and embraces new standards, so this week they announced Wallaby, an experimental technology that converts the artwork and animation contained in Adobe&reg; Flash&reg; Professional (FLA) files into HTML.

  • Joomla! for Web Developers: How to Secure Your Joomla! Installation

    Security is one of the most important issues facing both web users and web developers. It becomes even more important when you're using a CMS such as Joomala!. In this article you'll find out how you can secure your Joomla! website.

  • Web Development Class: Adsense in Joomla!

    One of the most common forms of advertising is the Adsense program by by Google. It's relatively easy to set up a variety of ad formats. In this article we're going to show you how to use the Google Adsense Easy Extension with Joomla!.

  • Editing CSS and Joomla! Templates: Logos and Banners

    When you first start working with Joomla!, you're likely to start with a pre-designed template. In this article, I'll show you how to adjust the CSS top banner area of a template to accommodate the specifics of your logo and to allow for a banner advertisement. 

  • Web Developer School: Working with CSS in Joomla!

    To become familiar with Joomla! CSS files, it’s important to learn how they differ from the typical CSS layout that you might be accustomed to working with for static HTML sites. In this tutorial we will get you up to speed when working with cascading style sheets in Joomla!

  • Content Management 101: Building a Joomla! Site

    After many articles on how to use Joomla! now we're ready to actually build a site. In this tutorial we will begin the process of getting our website up to speed from a fresh installation of Joomla! 1.5.

  • Web Developer Class: How to Use Extensions in Joomla!

    When you set up a site with Joomla! you have enough information to build a basic site, but if you want more options, you'll need to use extensions. In this article you'll learn how to browse the Joomla! extensions directory, and download, install and configure an extension.

  • A Web Developer Looks at PrestaShop, an Open Source Instant eShop Script

    After struggling to use a CMS such as Drupal or Joomla! to create an ecommerce site, I came across PrestaShop, a free "instant storefront" CMS that seemed to have all the features I was looking for. In this review we'll take a look at PrestaShop, walk you through the installation process, and tell you what it can do. 

  • Web Development Newsletter Signup

    Invalid email
    You have successfuly registered to our newsletter.
Thanks for your registration, follow us on our social networks to keep up-to-date