Articles tagged with: HTML 5

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

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

12
July
2012

19 Free HTML5 Resources for Designing Modern Websites

Kitchener-Waterloo - HTML5 has revolutionized Web Design. In this post you will find several free resources where you can study the documentation and experiment with examples of Websites made with HTML5.

19 Free HTML5 Resources for Designing Modern Websites

Documentation

As we begin to the into the documentation for HTML5, we will discover a new layout, new tags and seamless integration with CSS and JavaScript. These resources below present us with great learning opportunities.

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

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