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

  • Webmaster Tips

  • How to Search a JavaScript String Array Using a Binary Search

    The binary search algorithm is just the thing for searching through a long list of sorted items. Rob Gravelle describes two binary search functions that are well suited to a variety of applications, including String searches.

  • Continuous TDD in JavaScript with Node.js and Gulp

    Learn some good practices to better understand how to apply continuous TDD in your JavaScript project along with Node and Gulp frameworks.

  • The Advantages of Backwards Iteration as Demonstrated in JavaScript

    There have been many of exchanges between JS developers on the efficacy of backwards looping versus the usual forward kind. The purpose of this tutorial is not to put every loop type to the test. Rather, Rob Gravelle describes what kind of scenario might logically benefit from backwards iteration and how to recognize such a situation should you come across one in the future.

  • 7 Ways to Get the Most Out of HTML5

    Learn how to get the most of out HTML5 from three industry experts.

  • 7 Essential Tools Every Web Developer Needs to Succeed

    Nathan Segal walks you through the mindset and business structure you need for success in Web development.

  • So You Want to Do SEO on Your Siteā€¦

    You've been told it is important for your web site, but what exactly is SEO?

  • Using Media Queries in AMP Pages

    AMP pages permit the use of media queries to control how the page layout looks and behaves, much as you would do on a "regular" web page. Rob Gravelle covers how media queries' usage differ in AMP pages.

  • How to Clean Your Hacked WordPress Site Without a Backup

    Learn more about the important steps to identify if your site has been hacked, how to clean the malware or the hack--and how to enhance the security of your website going forward.

  • How to Animate Your Website Using the HTML5 Canvas

    With the Canvas HTML5 API, you can write JavaScript code that can access the canvas area through a set of drawing functions, resulting in dynamic generated graphics.

  • CSS3 Transformations and Animations

    Learn how to transform a standard HTML element into a spatial transformation module to 2D and 3D with CSS3 transformations.

  • Display Cross-domain Data Using postMessage()

    Perhaps there is no greater bane to a web developer's existence than the same-origin policy. Rob Gravelle shares a relatively new technique for sharing data across two domains that utilizes the JavaScript postMessage() method.

  • Creating a Hamburger Menu with HTML, CSS and jQuery

    Learn how to develop a burger-type menu that consists of a fixed button on the navigation bar that, when clicked, displays or hides the side menu containing a list of links.

  • How to Add Multiple Backgrounds and CSS Gradients

    Learn how to add multiple background images and how to create CSS gradients.

  • Fetch Cross-domain Content Using a PHP Proxy

    The same-origin policy prevents scripts from accessing data that is served from a different domain. Rob Gravelle explains one workaround that utilizes a local proxy.

  • Making AMP Page Elements More Responsive

    Rob Gravelle highlights some of the differences between Accelerated Mobile Pages (AMP) and Responsive Web Design (RWD), along with how to achieve responsive layouts in your AMP pages.

  • Tips for Improving JavaScript Performance

    Take advantage of the best practices and tips that can be adopted to improve JavaScript performance to help you build applications that are fast, responsive and can scale.

  • Best HTML5 Website Builders for eCommerce in 2017

    In previous articles, we listed just a few of the best online website builders in 2017. In this installment, Rob Gravelle focuses on sites specifically devoted to eCommerce.

  • Referencing the jQuery Store Locator from Your Web Pages

    In the "Configure Location Data and the Google Maps API for the jQuery Store Locator" tutorial, we extracted location data from our MySQL database as JSON and set up a free Google Maps API account. In today's follow-up, Rob Gravelle shows us how to construct a search for nearby toy stores using the jQuery Store Locator plugin.

  • 5 Great Tools to Help You Build Your Own HTML5 Forms

    Learn more about some of the most important tools used for creating HTML5 forms. Cristian Ionescu guides you through some of the form and resource design tools to help you optimize your Web form designs.

  • 7 Leading SEO Trends

    The guidelines and best practices for the search engine optimization (SEO) industry are constantly changing. Let's have a look at some of the newest trends that are driving SEO.

  • A Few of the Best Online Webmaster Tools

    One of the coolest trends is the emergence of online tools. In this follow-up, Learn about a few tools that are of particular interest to webmasters.

  • Amp Up Your Responsive Design Skills

    Learn how to create an optimal user/viewer experiences across multiple devices by employing responsive design concepts to your Website.

  • 10 Things You Must Know When Creating Responsive Web Layouts

    Standards and best practices have been developed over time that help you to design better websites. Here are 10 things you must know to keep your site responsive.

  • 6 Things to Consider When Using jQuery with WordPress

    Get some tips on how to get the most out of using jQuery and WordPress together to build a great site.

  • Add Simple Search to Your Site with Quicksearch and Bootstrap

    Explore how to use Quicksearch, a plugin developed on top of the jQuery library, that allows querying functionalities in lists, tables, among other HTML elements.

  • Get an Element's Applied Styles

    Learn how to use Erhan Karakaya's MeJsX JavaScript Extension Functions library to retrieve an element's applied styles as defined in a variety of CSS rules.

  • Create Case Studies to Impress Potential Clients

    Learn how build an image of trust in the minds of potential clients with case studies that show that you can solve their issues.

  • 9 Essential SEO Tips for Web Developers

    Take a look at 9 things you need to know when applying Search Engine Optimization (SEO) tactics to increase your rankings and page views.

  • Choosing an CSS Framework: Bootstrap vs. Foundation

    Bootstrap and Foundation are currently the most popular front-end CSS frameworks. Let's compare the characteristics, advantages and disadvantages of each.

  • Office Fabric Jumpstarts Your Add-in Efforts

    Learn more about how the Office UI Fabric can help you build eye-pleasing and solid user interfaces.

  • Best Practices for Combining JavaScript with HTML

    Discover some best practices for combining JavaScript with HTML

  • Configure Location Data and the Google Maps API for the jQuery Store Locator

    Rob Gravelle shows us how to prep our location data by exporting it from a MySQL database as JSON, as well as how to set up a free Google Maps API account.

  • Top 7 On-Site SEO Recommendations

    Learn more about what you can tweak on your website in order to improve your SEO ranking.

  • The Many Uses of the Bootstrap 3 Modal

    Rob Gravelle presents more uses for Modals, specifically a timed alert and video player.

  • Best HTML5 Website Builders for Webmasters in 2017

    In this follow-up to the "Revolutionary HTML5 Online Website Generation Tools: SILEX, Weebly, and Wix" article, Rob Gravelle examines a few more popular online website generation tools (a.k.a. website builders), namely Website Builder, Simbla, and SiteKreator.

  • Using the WordPress Theme Customization API

    Learn how to easily create custom theme configuration options that can be changed through the WordPress admin panel.

  • Customizing Bootstrap Modals

    Explore how to customize Bootstrap Modals to position them, as well as change their appearance in a number of ways.

  • Using Custom Post Types in WordPress

    Learn why custom post types make WordPress suitable for creating any type of Web site.

  • Responsive Design: 9 Tips for Your WordPress Site

    Responsive layouts are one of the most crucial factors that enable companies to offer a fantastic user experience to their customers. Now, you must be thinking, how? Learn more about every aspect of creating a fantastic, responsive WordPress site.

  • Step-by-Step Guide to Migrating a WordPress Site with Zero Downtime

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

  • 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