Genesis – Comment Title

VERSION 1.0.0
Download This Plugin

Genesis – Comment Title allows you to change the default title of ‘Speak Your Mind’ on the comments area on WordPress posts and pages built on the Genesis framework.

This is done easily through a very simple dashboard widget which the plugin automatically creates for you.

Please note this plugin requires the Genesis theme framework.

Web Design Tutorials: Introduction to CSS3 PIE

CSS3 PIE (Progressive Internet Explorer) is a new web toolkit created by Jason Johnston, It is an open source community project that allows anyone to contribute to it.

The aim of PIE is to bring the new css3 features to Internet Explorer 6+ through the behavior property in CSS. This allows us to move forward in web design and use new CSS3 techiques without needing to worry what it would look like to users of Internet Explorer.

These techniques include: (either fully or partially at the time of writing)

  • Border-Radius
  • Box-Shadow
  • Border-Images
  • Multiple Background Images
  • Linear-Gradient as a background image

[Read more...]

Web Design Tutorials: CSS Animated Button

This web design tutorial will demonstrate how to create buttons that are animated when clicked using only HTML and CSS (this tutorial also uses CSS3 techniques)

This Is My Button

First create your link that will act as the button, here we are using a standard anchor tag with a class:

<a href='#' class='myButton'>This Is My Button</a>

This is really all the html needed to create the button, the rest is CSS,
[Read more...]

Web Design Tutorials: HTML and CSS Dropdown Menus

This web design tutorial will demonstrate how to create drop-down menus that work using only html and css. Step One – The Basic Template

Set your top level menu up as an unordered list within your navigation container. Here we have used #navigation for the navigation container. [Read more...]

Mobile Devices Website

Mobile Devices is a company that specialises in vehicle embedded electronics and software.

Mobile DevicesThey have sold nearly 250,000 units world wide, more than 450 successful integration projects under their belts and round one funding of more than €3,1 Million.

Hit Reach were commissioned to build a website for the company which required an easy-to-use, open source content management system.

The new website design, which uses the WordPress content management system, required php, html and an up-coming technology called PIE which is used to add CSS 3 features to Internet Explorer to make the design appear identical to how it’s displayed in the other browsers.

The technology enables gradients, rounded corners and shadows to be rendered in CSS instead of images making the site lighter in file size and easy to change in the future.

The overall site consists of multiple blog channels for Press Releases, Event News, Partner News, Product News and Case Studies about their products.

Mobile Devices LogoMobile Devices Page SampleMobile Devices Image

This website also utilised multiple sidebars which are selected on a page by page basis.

We also created a WordPress plugin to allow the editors to embed some of their most frequently used snippets of code on the site by inserting simple shortocdes. This allows them to re-use the same snippets in multiple locations on the site whilst only having to update it in one place to effect a sitewide change.

Simple Breaks

VERSION 2.1.0
Download This Plugin

Simple Breaks adds in shortcodes for everyday html elements that get removed by visual mode such as [ br ] and [ hr ], as well as providing support for Clear left, clear right and clear both css attributes.

Usage

To use Simple Breaks, place the shortcode below into your post or page to get the desired result (without the spaced next to the [ and ]).

[ br ]Adds in a line break, accepts the attributes id and class
[ clearright ]Pushes all the content below it down until no content is floating to the right, accepts the attributes id, class and span.
[ clearleft ]Pushes all the content below it down until no content is floating to the left, accepts the attributes id, class and span.
[ clearboth ]Pushes all the content below it down until no content is floating to the right or the left, accepts the attributes id, class and span.
[ hr ]Horizontal Rule, draws a line across the page, accepts the attributes id, size class and color
[ space ]Blank space, empty, nothing, pushes content down, accepts the attributes id, size and class

The span attribute in [ clearleft ] [ clearright ] [ clearboth ] allows an override of the default tag used. when span=false (default) the tag used will be a div, however when span=true the tag used will be a span.

for example [ clearleft span=true ] will use a span tag instead of a div tag, and [ clearleft ] will use a div tag as default

Installation

Installation is Quick, just upload the Simple Breaks files to a Simple Breaks folder within wp-content/plugins and then activate the plugin through the admin dashboard, or find the plugin using the WordPress plugin search and click install

Frequently Asked Questions

Q. Where can the plugin be used?
Currently the plugin can be used anywhere that allows shortcodes.
Q. How can I customise the elements?
To customise the elements you can apply a css class using the “Class” attribute, or an ID using the “ID” attribute.

Pure HTML

Pure HTML is a WordPress plugin that allows you to add html markup, such as the code to embed Google maps, that is normally stripped out and removed by visual mode in the page/post editor.

It also comes with the ability to save code snippets for use on multiple pages without needing to update all pages when making a change to that particular snippet.

Usage

Using pure HTML is simple; either place your html inside the pure HTML shortcode or save your html as a snippet and call it using the ID attribute inside the shortcode tag, e.g. [pureHTML id=1]

When inserting your html directly into the page using the pure html shortcode you will need to change ALL < and >’s to [ and ] respectively. These prevent WordPress removing them when the view is changed to visual mode. These square brackets are then changed back at run time.

At run time ALL square brackets are converted to their < > counter parts so to add in a square bracket that isn’t to be converted you need to ‘escape’ it using a \ so it will be \].

Saved Snippets

Using saved snippets is simple, on the Pure HTML Snippets page you can see a list of the snippets you have saved. On this screen you can add, modify and remove snippets.

There is no limit to the number of snippets you can save except for the maximum size of your database! To add a new snippet simply enter a name for it in the name field, this name is used to find and identify it easily, this could be a description of the snippet or just a name, however there is a character limit of 100 characters. Next, add your HTML to the text box, this HTML does NOT use the square bracket replacement system that the inline html does. Once saved the snippet will be shown at the top of the page with an ID. It is this ID that you place into the shortcode to use that snippet. For example: [pureHTML id=1] will use the snippet ID 1.

Installation

Installation is Quick, just upload the 2 PHP files to a PureHtml folder within wp-content/plugins and then activate the plugin through the admin dashboard, or find the plugin using the WordPress plugin search and click install

FAQ

Q. What Tags Are Automatically Removed?
Currently all <br /> and <p> (and its closing counterpart) tags are removed from the input code because these are the tags that WordPress automatically add.

Q. How Do I Add Tags Without Them Being Stripped?

If you want to echo a paragraph tag or a line break, or any other tag (strong, em etc) instead of enclosing them in < and > tags, enclose them in [ ] brackets for example [p] instead of <p> The square brackets are converted after the inital tags are stripped and function as normal tags.

Q. How Do I Include a [ or ] In My Output Without It Being Removed

To prevent [ or ] being changed to the < or > (respectively) you will need to ‘escape’ it using a \, so ] will become \] and [ will become \[.

Q. What Happens To The Output If I Delete The Snippet It Uses?

If you delete a snippet that is being used in a page then the output generates a 404 error that displays in its place.

What Our Clients Say

James AgateJames Agate
Managing Director
Skyrocket SEO

Chris and his team (particularly Jamie) are patient, responsive and have a sense of humour even when I asked them to change something that I'd insisted upon initially. Would definitely recommend to anyone looking for an awesome WordPress development and design team.

Richard SedleyRichard Sedley
Director
Seren

Hit Reach were really easy to deal with and provide exemplary service. They implemented exactly what we wanted and guided us when we were uncertain about the solution. A highly professional and cost effective solution – what's not to love.

Roger GreenRoger Green
Director
Best4tyres.com

Hit Reach got it absolutely right. They embraced the challenge and complexity of the site, and exceeded expectation with quick response times and great service.

Our Key Services