Archive for the ‘HTML & CSS’ Category

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…)

25 Popular HTML/CSS Frameworks to Reduce Your Task Flow and Code LESS

css-3-iconHTML/CSS frameworks are pre-prepared libraries that are meant to allow for easier, more standards-compliant styling of web pages using the Cascading Style Sheets language. It has grown in popularity recently, a good CSS Framework can help developers rapidly speed up our development time. A well-built CSS framework or boilerplate can streamline the design process, save huge chunks of development time and ensure your website scales properly on all devices. Here’s a collection of very powerful responsive HTML and CSS frameworks which can help you to reduce your task flow and code less:

(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…)

To Be Continue 36 Wonderful HTML 5 Demos

Adium-Awake-iconIn previous article: 15 HTML5 Demos Perfact Effect No Less Than Flash, we have introduced 15 perfect HTML 5 demos. You may think it’s not enough. Of course, now we have hand-picked another 36 wonderful HTML 5 demos. It may give you more inspiration to create own works. Let’s start now, hope you enjoy them.

(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…)

15 HTML5 Demos Perfact Effect No Less Than Flash

contextual-menu-iconIn previous article 30+ Useful HTML5 Tutorials For Web Designers, we have showed you how to create HTML5.  You have probably seen a bunch of tutorials or articles about HTML5 on design blogs recently, but did’t try to use it still now because most users will not be able to view it anyway. Now to motivate you,  we have picked up a few HTML5 demos that should make you want to start learning this new markup. You will see its capabilities no less than Flash.

(more…)

31 Useful UI Resources For Web Developer

announcements-icon In previous article: 15 Fresh JavaScript Tutorials For Web Developers, we have introduced some useful tutorials for web developers. Currently there are a subtle set of UI toolkits, libraries, frameworks or patterns that not only greatly simplify application but also save time for web designers. Use these recommended sources to gain knowledge about a particular UI problem or to gain inspiration and insight on best practices, techniques, and examples of exemplary UI designs. Following we’ve prepared 31 UI resource for you to build your own wireframe: wireframing kits, browser windows, form elements, grids, Mac OS X elements. Then hope you can enjoy them.

(more…)