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

20
August
2012

The Beauty of Developing Native Mobile Apps for iOS and Android with PhoneGap

Kitchener-Waterloo - PhoneGap is an Open Source framework that lets you create beautiful cross-platform applications for mobile devices using JavaScript, HTML5 and CSS3.

The Beauty of Developing Native Mobile Apps for iOS and Android with PhoneGap

This new technology supports application development for Android systems, IOS, BlackBerry, Symbian and Windows Phone. This tool manages APIs that allow access and control of elements such as the accelerometer, camera, contacts on the device, network, storage, notifications, among others. PhoneGap has two great advantages at the time of development: you can run applications in our web browser, without relying on a simulator dedicated to this task, and you have the ability to support features for frameworks like jQuery Mobile or Sencha Touch.

Categories: Graphic Desing, Digital Trends, Mobile Apps

13
August
2012

There will be more Android tablets in 2015 than IOS

Kitchener-Waterloo - IDC recently released the results of a study on the number of tablets that circulate throughout the world and those that will circulate in the coming years.

There will be more Android tablets in 2015 than IOS

The conclusions may or may not put pressure on Apple, because according to these estimates, it is expected that by 2015 the Google OS (Android) will be crowned as number 1 in terms of tablet sales.

Categories: Web Design, Digital Trends, Mobile Apps

08
August
2012

Is Your Website Ready for the Tablet Domination? Amazing Stats on the Tablet Market

Kitchener-Waterloo - Nearly three years after its launch, the tablet has established itself as the new device

Is Your Website Ready for the Tablet Domination? Amazing Stats on the Tablet Market

"Over 70 million iPad and Android devices in Canada and the United States"

On January 27, 2010 Steve Jobs launched the iPad, creating a new market segment. Today, it is estimated that at the end of year, 1 in 5 North American will nown a tablet device. This means that there will be over 70 million iPad and Android devices in Canada and the United States, an amount double the previous year.


Far from being a niche product exclusively for technology enthusiasts, tablets are now increasingly consumed by the three main age groups (below), while its usage ranges widely from playing games to sending email to checking a patient’s vitals.

 

Categories: Web Design, Web Development, Graphic Desing, Digital Trends, Mobile Apps

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...