Joomla

27
August
2012

An Amazing way to do Rollover Effects and Transitions via CSS3 - A Must See Tutorial

CSS3 transitions are awesome! They basically allow you to make changes to the values of a property during a particular time incrementally.

An Amazing way to do Rollover Effects and Transitions via CSS3 - A Must See Tutorial

This allows you to make super nice rollover effects in the properties of an element by eliminating the need to use javascript.

Syntax for CSS 3 Transitions:

The specification of the CSS3 introduces the new ownership transition which allows you to clearly specify the transitions you want. The basic syntax is:

.style {
   transition: property time easing;
}

Where:

  • Property: is the property to be applied (color, width, etc.).
  • Time: duration in seconds of the transition
  • Easing: type of acceleration of the animation (ease, linear, ease-in, ease-out, ease-in-out, etc)

 

Obviously this code only works in browsers that have implemented the CSS3 specification, then so that the current browsers could interpret it, it is necessary to add specific lines in accordance with every browser.

Example:

.style {
    -webkit-transition: property time easing; /* Safari 3.2+, Chrome */
    -moz-transition: property time easing;    /* Firefox 4.0+ */ 
    -o-transition: property time easing;      /* Opera 10.5+ */
    transition: property time easing;
}

This ensures that the transitions will be properly seen in chrome, safari 3.2+ , Firefox 4.0+ and Opera 10.5+. In the other cases, including IE 9 and earlier, you will not see the transition, you will see an abrupt change from one to another state, which is not big deal.

 

Categories: Web Design, Web Development, Drupal, Joomla, WordPress, Graphic Desing

05
July
2012

How to Create an Amazing Color Scheme for Your Website

Kitchener-Waterloo - Here are some fantastic Web design tools I found on the Internet to help you modify your current color scheme, create new pallets or just gain more knowledge on color harmony.

How to Create an Amazing Color Scheme for Your Website

What Colors to Use?

If you're thinking of creating a new Web design theme for your business, you're probably wondering what colors to use. This is one of the first decisions you need to make when creating the perfect “look and feel” for your application, whether you are designing a business Website, a product showcase or a corporate intranet.

Categories: Web Design, Web Development, Drupal, Joomla, WordPress, Graphic Desing, Digital Trends

17
April
2012

Gantry – By far the best Joomla CMS Development Framework

Kitchener, Waterloo - This powerful Joomla templating framework makes designing websites so much easier.

Gantry – By far the best Joomla CMS Development Framework

What is a Web Design Framework?

First of all, I think we need to clarify a little what a framework is. For those who are just starting in Web development and are not familiar with the term, a framework is basically a pre-defined set of already developed tools that will make you programming job (and life in general) much easier.

Categories: Web Design, Web Development, Joomla, Graphic Desing

09
April
2012

Web Development in Kitchener - The Agile Way!

Kitchener, Waterloo - Real-life project experiences in Web Development.

Web Development in Kitchener - The Agile Way!

Agile Web Development, in its simplest form, offers a lightweight framework for helping teams, given a constantly evolving functional and technical landscape, maintain a focus on the rapid delivery of business value (i.e., “bang for the buck”).

As a result of this focus and its associated benefits, organizations are capable of significantly reducing the overall risk associated with Web development.

Categories: Web Design, Web Development, Drupal, Joomla, WordPress

newsletter
iconYoutubeOP iconLinkedInOP iconTwitterOP Facebook

COPYRIGHT NOTICE: You are allowed to copy and paste this article on your own stuff provided you publish it in its entirety and put an active hyperlink to our company (http://www.bwired.ca) as the source. We continuously check for plagiarism.

Latest Comments

Vimax

Vimax

05. September, 2012 |

Thanks for sharing your thoughts about CSS.
Regards

Oslo

Oslo

04. September, 2012 |

Pretty nice post. I just stumbled upon www.bwired.ca and wanted to say that I have truly enjoyed browsing your blog posts. After all I'll...