What recommended WIDTHs for joomla responsive templates

What is Joomla responsive Teamplate The Template controls the overall look and layout of your site. It provides the framework that brings together common elements, modules and components as well as providing the cascading style sheet for your site. Both the Front-end (Site) and the Back-end (Administrator) of your site have templates. When Joomla! is […]
Continue reading…

 

Rel nofollow – What does this mean? How does it work?

What is nofollow? nofollow is a value that can be assigned to the rel attribute of an HTML a element to instruct some search engines that a hyperlink should not influence the link target’s ranking in the search engine’s index. It is intended to reduce the effectiveness of certain types of internet advertising because their […]
Continue reading…

 

The best Joomla – wordpress meta tags you need to know

Meta elements are the HTML or XHTML <meta … > element used to provide structured metadata about a Web page. Multiple Meta elements with different attributes are often used on the same page. Meta elements can be used to specify page description, keywords and any other metadata not provided through the other head elements and […]
Continue reading…

 

How to cut (string) text after (x) amount of characters

You have long texts (string) and you want to display limited characters for introtext and readmore button to see details. Some time you see anywhere with questions like that:  40 down vote favorite 18       What’s the fastest way to trim a string to a specific number of characters, and append ‘…’ if needed? […]
Continue reading…

 

Read Images from a Directory using PHP

Basically if you have a directory in your website called “photos” that consists of one to many images (as these images can change), that I would like to read from within a PHP file into a carousel setup, i.e. something similar to this:

Hope the above makes sense, but basically want to somehow with php read total amount of images in my promo directory and then use this total in my loop max value and read each image file name in the promo directory and pass into your code


Continue reading…

 

Multiple Nice Pure CSS speech bubbles

Speech bubbles are a popular effect but many tutorials rely on presentational HTML or JavaScript. This tutorial contains various forms of speech bubble effect created with CSS 2.1 and enhanced with CSS3. No images, no JavaScript and it can be applied to your existing semantic HTML.

The CSS file used in the demo page is heavily commented so that you can see which lines of code are responsible for each part of the effects.

Support: Firefox 3.5+, Safari 4+, Chrome 4+, Opera 10+, IE8+.

Example code

This is an example of how to create a basic speech bubble with a few enhancements. For further examples see the demo page and the heavily commented CSS file that it uses.

 


Continue reading…

 

10 CSS Tips from a Professional CSS Front-End Architect

I have been working with web standards based design for many years now and I see many rookie mistakes. When newbies get started with CSS/XHTML based web design, most of their work is focused on just getting the page to look like the Photoshop comp. While this translation is important to keep the client happy, considerable thought process should be involved in creating the semantic markup and marrying that with CSS. CSS is not a collection of hacks to get the browsers to bend to your will. Style sheeting is more of an art form. The difference between choosing inline elements and background selectors is a delicate procedure. How will I manipulate the structure? What is the client brand and how does this work into my markup? Simply thinking through your process before starting each project will save you headaches as the site grows.

Continue reading…