Before uploading images or photos to a website, they need to be checked and optimized. This is important not only to avoid long downloads – especially important when viewed on alternate media – and can to boost SEO results. Things to consider and optimize as needed: The actual size of the image in pixels – set it at…
Widgets are an integral part of any WordPress theme, and their locations and options change depending the theme structure. Widgets are small pieces of functionality (PHP code) that can be placed in widget locations within a theme. Widgets can be simple text (a text widget can contain hand-coded HTML or PHP), or ‘WYSIWYG’ functions with…
Populating the WordPress website, adding pages, posts, categories and setting up menus. Pages are static pages that can be edited, but generally remain the same. Pages do not get archived, once edited the old content is overwritten. Posts are texts that are displayed in a post template ‘page’. They are saved in chronological order and (depending…
WordPress uses “themes” to display the content of the database. The theme determines what the end user sees. Deciding which theme to use is determined by the site requirements, and some research may be needed to find the perfect fit. Whether it’s a free or fee-based theme, a child theme is created to contain the…
Gone are the days when a website could get away using simple static HTML code. With the ever increasing use of ‘alternate media’ websites now need to be responsive for a good viewer experience. They also need to be dynamic, easily managed (often by multiple contributors), SEO optimized, and regularly updated. This calls for a CMS installation….
When it comes to Search Engine Optimizing, knowing how a site is performing is critical. One of the top tools these days is Google Analytics. This free software is constantly evolving and offering more information – which can be quite a challenge to decipher. Let’s go over the initial setup, and then dive into an…
Bootstrap is a set of tools including CSS, (& LESS) and jQuery that are designed to provide a the basis for a grid based responsive website. Download the files from http://getbootstrap.com/ (version 3) Version 3 is structured to be “mobile first” – all CSS is designed to flexible, in contrast to version 2 where much of…
When your website has it’s main navigation as tabs across the top of the page, how will these appear when viewed on alternate media? If the design is to be “responsive”, ie: elements wrap down into columns depending on the available screen width, the links can also wrap down – OR, they can change into…
Window Dressing – You can design a website, and then worry about content, or you can get the content up-and-running in a rudimentary fashion, and worry about the ‘design’ later. But it’s more than just window dressing. Usability is key. Join us as we tackle a quick make-over to an existing and functioning site, adding…
Using CSS and Div’s for layout. Div’s contain the information to layout the site, but making them behave in a predictable manor is not always easy. Floats are used to control positioning, (left or right) but multiple elements will need to be “cleared” to line up correctly. http://www.sitepoint.com/using-css-grid-layout-and-blend-5-to-build-a-game/ http://960.gs/ http://unsemantic.com/ http://caniuse.com/css-grid http://designfestival.com/design-organized-websites-rapidly-with-960-grid/ http://layouts.ironmyers.com/ http://css-tricks.com/all-about-floats/ http://www.quirksmode.org/css/clearing.html