Warning: file_put_contents(): Only 0 of 79904 bytes written, possibly out of free disk space in /var/www/html/cach3.com/read_page.php on line 125
Tips and Tricks for the Webmaster and Web Developer from HTMLGoodies

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

  • Webmaster Tips

  • So You Want to Disavow Another Site

    Sometimes you have to disavow a link to your site to protect its SEO rankings. Bradley Jones shows you how.

  • Tools for Building Backlinks

    Learn more about several tools for building backlinks without damaging your SEO value.

  • Working with HTML Forms

    Learn how to create, implement and style HTML Forms via CSS.

  • How to Figure Out the Top 10 Keywords for Your Site

    Learn more about the basics of keyword research using Google and Market Samurai.

  • Creating Drop Caps in HTML and CSS

    Learn more about different methods of employing drop caps to make your web pages more visually appealing.

  • So You Want Backlinks!

    Just because you built the best site ever known to humankind, the masses didn't automatically come flocking to your pages. Learn how to amp up the volume on your site traffic.

  • A Guide to Responsible Monkey Patching in JavaScript

    Learn about the basics of Monkey Patching in JavaScript, such as updating an existing function with new functionality that builds on the existing implementation. Rob Gravelle also offers a few tips on when, and how, to go about it.

  • What Is Semantic HTML and Why Should We Use It?

    Learn more about the top HTML5 semantic tags, markups that add more meaning to HTML by providing a link between content and the document structure of that type.

  • Creating Layers on Your Web Pages with Divs

    Learn how you can control positioning and layers on your HTML pages with a little creativity and div tags.

  • Using Padding, Outlines, Borders and Margins in CSS

    Check out this overview to learn more about setting styles for your pages in CSS.

  • How to Secure WordPress Theme and Plugin Code

    Follow these steps to help you effectively beef up the security levels of your WordPress website.

  • Modify jQuery Autocomplete Widget Response Data

    Rob Gravelle shows us how to customize the jQuery Autocomplete widget's menu content and appearance using the response event and _renderItem extension point.

  • How to Use a Flexible Box Layout in CSS

    Learn how to use the CSS Flexbox Layout module to change the visual appearance of your pages.

  • So You Don't Want to be Hacked with Cross-Site Scripting (XSS)

    If you are creating a site that allows users to enter information, then you need to avoid basic mistakes that can leave your site vulnerable to being hacked.

  • Exploring Values, Units, Fonts and Text Properties in CSS

    Get a brief overview of the units of measurement used in Cascading Style Sheets along with fonts and text properties.

  • Materialize CSS: Creating Responsive and Stylish Tables

    Learn how to work with tables in web pages, taking advantage of the visual styling and responsiveness features of the Materialize framework.

  • Loading External Fixtures with the Jasmine-jQuery Library

    Rob Gravelle shows us how to use the jasmine-jquery library's set() function to provide a pre-initialized fixture.

  • How to Get 10,000 Pageviews in a Week

    You've built your site, but how do you get traffic? Can you get 10,000 pageviews in a week? Bradley Jones goes over some things you need to do.

  • Bind Event Handlers to a Dynamic Form

    Learn how to bind event handlers to the form and child elements in order to to allow users to upload Excel spreadsheets to the server.

  • Top 10 Web Design Trends for 2018

    Take a look at ten different web design trends for 2018, as presented by top designers from around the world.

  • Ten Simple Tips to Make Your Site More Mobile Friendly

    There are many vague tips available on the Internet for building mobile friendly sites and apps. These ten tips should be a bit more actionable!

  • Best Practices for Inlining Frames in HTML Pages

    The <iframe> tag is an inline frame that is used to insert an HTML document into another HTML document within a rectangular perimeter inside the page. Learn more about how this is done and what pitfalls to avoid.

  • Ensure Responsiveness for Web GUIs with CSS Grid Layouts

    The grid provides a flexible way to move the position of the elements using only CSS without having to modify the HTML code. Learn how you can make major changes to web layouts without touching the HTML markup via the CSS Grid Layout module.

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

  • Web Development Newsletter Signup

    Invalid email
    You have successfuly registered to our newsletter.

    By submitting your information, you agree that htmlgoodies.com may send you HTMLGOODIES offers via email, phone and text message, as well as email offers about other products and services that HTMLGOODIES believes may be of interest to you. HTMLGOODIES will process your information in accordance with the Quinstreet Privacy Policy.

  •  
  •  
  •  
Thanks for your registration, follow us on our social networks to keep up-to-date