http://outsourceage.com

  • Home
  • About Us
  • Portfolio
  • Blog
  • Services
  • Contact Us

Archive for the ‘JS JQuery Ajax’ Category

CSS Browser Selector

Saturday, July 17th, 2010

I got so stuck with a 1px margin making my layout look weird on safari. i have a well written code and understood only a hack like.

<!–[if Safari]> ??? possible?

no it is not but following example really helped me. I much appreciate

Clever technique to help you on CSS hacks.

CSS Browser Selector is a very small javascript with just one line which empower CSS selectors. It gives you the ability to write specific CSS code for each operating system and each browser.

http://rafael.adm.br/css_browser_selector/

<style type="text/css">
.ie .example {
  background-color: yellow
}
.ie7 .example {
  background-color: orange
}
.gecko .example {
  background-color: gray
}
.win.gecko .example {
  background-color: red
}
.linux.gecko .example {
  background-color: pink
}
.opera .example {
  background-color: green
}
.konqueror .example {
  background-color: blue
}
.webkit .example {
  background-color: black
}
.example {
  width: 100px;
  height: 100px;
}
.no_js { display: block }
.has_js { display: none }
.js .no_js { display: none }
.js .has_js { display: block }
</style>

Tags: , cross browser compatibility, css safari issue, Safari Exception script
Posted in HTML CSS, JS JQuery Ajax | 4 Comments »

Jquery best simple image slider

Thursday, June 17th, 2010

Introduction

jCarousel is a jQuery plugin for controlling a list of items in horizontal or vertical order. The items, which can be static HTML content or loaded with (or without) AJAX, can be scrolled back and forth (with or without animation).

Examples

The following examples illustrate the possibilities of jCarousel:

You need JavaScript enabled to see the carousel

  • Static Examples
    • Simple carousel
    • Vertical carousel
    • Circular carousel
    • Carousel with autoscrolling
    • Carousel illustrating the callback functions
    • Carousel with external controls
    • Carousel with custom start position
    • Multiple carousels on one page
  • Dynamic Examples
    • Carousel with dynamic content loading via JavaScript
    • Carousel with dynamic content loading via Ajax
    • Carousel with dynamic content loading via Ajax from a PHP script
    • Carousel with dynamic content loading via Ajax from the Flickr photo stream
    • Carousel with dynamic content loading via Ajax from the Flickr API
  • Special Examples
    • Circular dynamic carousel
    • Using jCarousel as a Textscroller
    • Flexible carousel
    • jCarousel and Thickbox 3
    • Carousel with custom animation effect

jCarousel

Riding carousels with jQuery

Author: Jan Sorgalla
Version: 0.2.4 (Changelog)
Download: jcarousel.tar.gz or jcarousel.zip
Licence: Dual licensed under the MIT and GPL licenses.

Tags: image slider, Jquery best image slider, simple
Posted in JS JQuery Ajax | 3 Comments »

Topics

  • Categories
    • Adobe Photoshop
    • Compatibility
    • Dreamweaver
    • HTML CSS
    • JS JQuery Ajax
    • News
    • OSCommerce
    • PHP MY SQL
    • Psd to wordpress
    • Search Engines
    • wordpress
  • Our Portfolio - The stuffs what we did

    PSD to Wordpress, OS Commerce, Wordpress Plugin Development. Please, browse our portfolio.

    View Our Portfolio

  • What our customers say about us?

    Read our customer testimonials to find out why our clients keep returning to Glue for their projects.

    View Testimonials

Wordpress website design, Theme Customization, plugin development

Facebook LinkedIn Twitter Flickr Odesk eBlogger

About Us

A User Interface Design Lab dedicated in producing impeccable and stunning Websites, we not only get your message across; but with a dedication to aesthetic beauty and cutting edge functionality, you are ensured the highest quality worldwide. Our Joy is exceeding web 2.0 (UI) User interface standards with sublime usability, bridging your Business/Organizational needs to your target audience in an impactful and dynamic way.

Sitemap

  • Home
  • About Us
  • Services
  • Portfolio
  • Testimonials
  • Contact Us
  • Sitemap

Explore

  • Delicious
  • Digg
  • StumbleUpon
  • Ask
  • CSS Beauty
  • CSS Mania
  • Isometric.sixsided.org
  • slashdot.org
  • Smashing Magazine
  • Web 2.0
  • Joomla
  • WordPress
  • Valid XHTML
  • Valid CSS

© 2009 All Rights Reserved. Outsourceage Tel: +92 333 555 74. Email: info@outsourceage.com

Privacy Policy. Terms of use. Valid XHTML & CSS