Blog
Adding Custom Fieldsets to Gravity Forms
Fieldsets are important in ADA compliance because they help tell screen readers that a group of fields belong together and can share a label. This enhancement makes it easier for those using screen readers to use your site and navigate your forms, and you certainly don’t want to give anyone any obstacles in using your site! Now, what if you’re using Gravity Forms to create your forms? Gravity Forms allows you to add certain grouped fields that will automatically add a fieldset around them. These are fields like Address, Name, and other combined information. This can be helpful, but it also can be very restrictive. You must choose fields that are certain field types and only have a maximum amount. It is true that you can modify the title of a “name” field – such as “middle name” – to identify it as accepting an email address, but you’ll lose
Building a WordPress Theme
Building a WordPress Theme Part 1 – Setting up the stylesheet and the file structure There are many articles out there on building a WordPress theme, and many different techniques for doing so. I would like to tell you what I’ve learned, the best practices I’ve found, and the easiest path for creating a WordPress theme. If you want to include additional functionality, I suggest you use a plugin. If you’re just looking to style your website, then a template is what you’re after. The first step is to ensure that you have the latest version of WordPress installed on your server. Starting Out: Okay, WordPress is installed. Now what? Start by creating a directory in the wp-content/themes/ folder with an obvious and appropriate title. All of the theme’s work will go into this folder, such as your images, JavaScript, additional CSS, etc. The Stylesheet A theme’s default stylesheet is
Magento or OpenCart?
Anyone trying to open their own online store wants to know: Should I use Magento or OpenCart? Starting an online store is a tempting proposition. You can work from home, look to the future for products, and let your past work pay you by doing nothing more than being sold. There are a lot of things to take into consideration once you decide to open your own store. One of the more complex decisions is figuring out which ecommerce solution to employ. There are a lot of different content management systems that will help you run an online store. Two of the most popular choices are Magento and OpenCart. Both of these systems can run your store, take payments, and alert you when you need to ship those items. Everything you’d need from a store! Well, not exactly. There are many different aspects of each of these platforms that you’re
Using the HTML5 Audio and Video Elements
Using the new audio and video elements to enhance your web page Getting audio and video onto your web page in past years required a great deal of work. In order to get complete control over your audio or video and its appearance on the web page, you also required at least some knowledge of Flash. As recent events unfolded, Flash no longer became a viable option for any sort of media accessed via a mobile browser. So, how do we display audio and video now? With the advent of HTML5 and the additional tags it provides, we now have a relatively easy solution to the problem. This requires no additional programming language, no bulky objects to import, and even gracefully failing however you’d like (instead of an Adobe message). With the new <audio> and <video> tags, you are able to embed multimedia onto your web page and you get
New HTML5 Capabilities
Let’s take a look at some new HTML5 capabilities HTML5 has caused many ripples in the technology community over the past few years. There are a lot of different aspects of this that are still hazy, and a lot that change every day. That’s one of the exciting things about the technology field, there’s always something more to learn and there’s always information that changes. In this article, we’re going to take a beginner’s look into the new HTML5 elements and what they’re used for. In addition, we’re going to inspect one of our old favorites, the <input> element. Some additional attributes and types are now available to use with this that you could have a lot of fun with. New HTML5 Elements One of the most exciting parts of HTML5 is the semantic elements that will be used. These elements are meant to contain what their title implies, always.
Creating A Responsive Menu
Continuing on our article from last week, we’re going to create a responsive menu for your site’s theme This is a tutorial to help you create a responsive menu for the theme that we built in our tutorial last week. If you missed that tutorial, you can find it here. Responsive websites are made to be viewed on any tablet or phone and easily accessible on any device. Whether you think you need it or not, this means that you’re going to have to make sure that it’s navigable as well. What good is a responsive home page if that’s the only page you’re able to view? So, we’re going to need to make a responsive menu for our theme. In this tutorial, we’ll design a menu that can be shown on desktop sites. We’ll use media queries to hide this menu on phones or tablets. Then, we’ll use jQuery
Let’s Build a Responsive Website Design
Beginning responsive website design using the Less framework Smart phones are no longer a growing commodity that you need to plan ahead for, they are in every user’s hands. Phones and tablets are many consumer’s go-to device for checking out a link on the fly. Your website will be viewed in both a phone’s browser, a tablet’s browser, and a desktop browser, and they will be viewed that way today, not tomorrow. It’s time to start building responsibly with responsive design. There are a multitude of available plugins, themes for every CMS, and different scripts that you can now use in order to complete this action without giving much thought to the work. The problem with this is, what happens when something goes wrong? Are you familiar enough with the code to fix these problems quickly? If your client calls you wondering why their tablet site isn’t working correctly, how
Starting Out With the Flexible Box Model
Flexible Box Model, or Flexbox, is a CSS3 technique for styling web pages. This layout mode provides a simple and easy way to create your theme without messing with floats or attempting to style your boxes to be the same height. The Flexible Box Model will help you unify your layout, and even provide you with solutions that do not require addition, subtraction or determining the percentage of width for a certain object. This technique could be extremely beneficial if you’re attempting to design a responsive website. We’ll start with one simple <section> that will be the container for our flexible boxes: 123<section id="parentbox"> </section> I’ve written this article for Cequix Technology Solutions. You may read the rest of this article on the Cequix blog
WordPress Theme Tips and Tricks
A short list of WordPress theme tips and tricks to get you started This is not intended to be a concise and perfect tutorial for beginners to start their very own theme from scratch. There’s already a multitude of tutorials on the web available for this. For example, Line25 provides a list of the best 15 tutorials for starting out. This is meant to be more of a standards and best practices worksheet. This is meant to be amended and revised as new techniques are learned and discovered. WordPress is constantly updating, so so should our knowledge of best practices. The following WordPress theme Tips and Tricks are meant for beginners to get started creating a theme correctly. Starting Out: Okay, WordPress is installed. Now what? You’ve installed WordPress correctly and tested the database. You’ve played around with some of the features, looked at plugins, and even posted a page
Working With Structured Data Markup
This is the best introduction to Microdata, Schema, and Structured Data Markup I have been able to find. If you’re brand new to these practices, you might want to start here
Microdata is a form of identifier that can be combined with HTML as tags to further define your content to Google and other Search Engines. Microdata can be nested, much like standard HTML. We’ll use the example of an Unordered List and its List Items to correlate how microdata can be used.