Monday, July 23, 2012

3D Flipping Circle with CSS3 & jQuery

3D Flipping Circle with CSS3 & jQuery

The idea is based on the sweet paper effect found in the video of the Google Developer Stories. We’ll create a circle with a handle which will open once the little handle is clicked, creating a realistic 3D flipping effect with the help of CSS 3D transforms and shadows/gradients.

Dannys Code Snippets: How to use CSS3 Pseudo Classes on IE7 and IE8

Dannys Code Snippets: How to use CSS3 Pseudo Classes on IE7 and IE8: It is a real shame when you have to drop using Pseudo classes and add another class into your CSS just to combat IE7 and IE8. Sure it's no...

Thursday, July 05, 2012

Cross Browser Testing

Cross Browser Testing is technical term in web designing field. It is the most common thing followed by genuine web designers OR UI developers for each and every client projects globally. And if you do not follow obviously that will be affect on your future business.


WHAT IS CROSS BROWSER TESTING?

When we start converting designs for HTML or HTNL5, we just convert it using a particular browser. And at the end of finishing we check in other browsers probably. If I take my example I used to previewing output for my Markups in Mozilla Firefox 3.6  and then I check in Internet Explorer 6, Internet Explorer 7 and so on. I also check on Opera, Safari and almost all famous browsers to deliver quality of code.

Sometimes I found some code will be break in IE, Safari or Opera. That time we need to look into code again and maintain the same output for all browsers availab

WordPress 3.4 “Green” Released


WordPress is really very well known CMS that doesn’t need any introduction. It has been updated simultaneously and as a FREE open source we can have benefit of having latest features for free as well.
Last month I came to know about new release of WordPress 3.4 GREEN. Couple of days before I have downloaded and I am really surprised to have kind of features those being updated. They’re really amazing and user friendly too.



Features: Users

  • Live Preview
  • In build Twitter
  • HTML Captions
  • Front side template editing

Wednesday, June 06, 2012

Gridpak: The Responsive Grid Generator

Gridpak: The Responsive Grid Generator

Gridpak is the starting point for your responsive projects, improving your workflow and saving time. Create your responsive grid system once using the simple interface and let Gridpak do the heavy lifting by generating PNGs, CSS and JavaScript.

Monday, June 04, 2012

Animated 3D Bar Chart with CSS3

Animated 3D Bouncing Ball using CSS3 Transitions and Animations

Animated 3D Bouncing Ball using CSS3 Transitions and Animations

Sequence.js: A jQuery Slider Plugin with Infinite Style

 Sequence.js: A jQuery Slider Plugin with Infinite Style

Sequence is the jQuery slider plugin with infinite style. It provides the complete functionality for a website slider without forcing you to use a set theme. In fact, Sequence has no in-built theme, leaving you complete creative control to build a unique slider using only CSS3 — no jQuery knowledge required!


Features

  • Unique transition styles created using CSS3
  • Supports all modern browsers
  • Gracefully degrades in older browsers*
  • Supports responsive layouts
  • Supports touch devices and swiping
  • Many developer features with even more to come
  • Semantic and easy to use markup
  • Open source

Mosaiqy - A HTML5 + CSS3 + jQuery Photo Gallery Plugin

Mosaiqy – A HTML5 + CSS3 + jQuery Photo Gallery Plugin viewing and zooming photo working on Opera 9+, Firefox 3.6+, Safari 3.2+, Chrome and IE7+.

Mosaiqy - A HTML5 + CSS3 + jQuery Photo Gallery Plugin

jQuery UI CoverFlow 2.0 Using $.widget

jQuery UI CoverFlow 2.0 Using $.widget  jQuery UI CoverFlow 2.0 Using $.widget and CSS3 transforms. It’s highly extensible, supports click, keyboard and mousewheel interaction and works with the latest versions of both jQuery and jQuery UI 

jQuery Collapse: A Lightweight jQuery Plugin that enables Expanding and Collapsing Content

jQuery Collapse: A Lightweight jQuery Plugin that enables Expanding and Collapsing Content

DzineGeek: 50+ Excellent Posters about Design

DzineGeek: 50+ Excellent Posters about Design : An excellent poster on our wall would certainly catch our attention and even inspire us. For...