Posts Tagged ‘CSS’

8 Open Source HTML5 audio/video players in HTML and CSS

Windows-Media-Player-iconAs we all know HTML5 is a revolutionary language that has totally changed how things were done before, and we had collected 23+ Useful HTML5 Open Source Online Video Players & Libraries, today we are going to share 8 open source HTML5 audio/video players.

(more…)

4 Ways To Preload Images With CSS or JavaScript

File-Adobe-Dreamweaver-CSS-01-icon If you use an image for the background image of an element on a mouseOver or :hover event(for example, navigation menu which images are used), the image will not load until the first :hover event if you only apply that background-image in the CSS for the :hover state. The preloader will help you with this! It’ll load those images when the page loads and stores them in your browsers cache. So avoid delays with rollover effects. In this article, you’ll learn 4 ways to preload images with CSS or javascript technique.

(more…)

28 Excellent Tutorials Help You Create Tabbed Content With CSS or Javascript

Apple-Menu-items-iconTabbed Interface or Tabbed Structure Menu is getting really famous in web design & development. One of the biggest challenge to web designers is finding ways to place a lot of information on a page without losing usability. Tabbed content is a great way to handle this issue and has been widely used on blogs recently. It will help you to show as much content and navigation as possible. If you are looking for the tutorials how to create tabbed content by using of CSS or Javascript, then following list will be helpful to you. Now let’s start.

(more…)

30+ Pure CSS Menu Tutorials For Web Developers

CSSEditLogo CSS is an very useful and effective tool which help you separate the representation definitions of such structured documents as HTML, XHTML, XML from content. It opens the doors to a lot of powerful and rich opportunities such as create a whole new look, feel, and effect of sites.

We introduced some useful CSS skills, helpful CSS tools and most useful CSS resource in pervious articles.  In this article, we collected 30+ pure CSS Menu tutorials for web developers. Enjoy!

(more…)

30+ Useful HTML5 Tutorials For Web Designers

Earth-icon Although Adobe Announced Dreamweaver CS5 HTML5 Pack Preview Download Available some weeks ago, as most of us know HTML 5 has created a big buzz on internet and is sure to give Adobe a hard time. HTML 5 is aimed to create a comprehensive and all-in-one markup language for front-end development, able to provide a qualitative information on the different elements of the page.Below are over 30 useful tutorials to get you started with HTML 5.

(more…)

60+ Useful CSS Resources You Should BookMark

folder-customer-iconIn the previous articles 10 CSS Essential Skills Save Your Time and 10 Useful CSS Skills Maybe You Don’t Know, even HTML5 + CSS + JavaScript To Be Flash And Silverlight Killer will be probably. In fact, the following is some CSS related resources be bookmarked in my browsers. Hope you will enjoy them too. :)  

(more…)

8 Very Useful CSS3 Generators Help Lazybones To Write Clean Code

css-icon We introduced 10 Useful CSS Skills Maybe You Don’t Know and 10 CSS Essential Skills Save Your Time, write CSS manually is not tough if you know the properties. However, if you are lazy people, then there are lots of CSS code generators available. CSS3 become more and more popular with lots of new porperties, the following are 8 web apps that generates a semantic css3 code.

(more…)

Tips: What’s The Difference Between “Display” And “Visibility” Properties In CSS?

bluetooth-Vista-icon There are two properties in CSS which can be used for selectively hiding and revealing information: the Visibility and Display properties. They may seem to do the same thing on the surface, but in fact, they are very different and often confuse those new to web development. What’s the difference between display: none and visibility: hidden?

(more…)