Tag Archives: CSS

CSS Colors Tools

css-color-tools




In this Article we tell about top css color tools. these tools are very usefull fol color schema. If you wish to design your WordPress blog’s appearance by yourself, you can rely on CSS. Here are 6 useful CSS color tools that could help get you started. Color Scheme Designer Color Scheme Designer provides colors in color wheel form.  It has different color variations in percentage ratio like mono, tetrad, triad, analogic, accented analogic and complementary. This is especially useful […]

Complete SEO Tutorial Part-2

seo1




2. Internal ranking factors Several factors influence the position of a site in the search results. They can be divided into external and internal ranking factors. Internal ranking factors are those that are controlled by seo aware website owners (text, layout, etc.) and will be described next. 2.1 Web page layout factors relevant to seo 2.1.1 Amount of text on a page A page consisting of just a few sentences is less likely to get to the top of a […]

jQuery Mistakes you can fix

jquery




jQuery is so easy to use that sometimes we just forget that it’s not CSS. While using CSS, we don’t have to give much thought to performance, because it’s so fast that it’s not worth the effort to optimize it. But when it comes to the real world, jQuery can drive developers crazy with performance issues. Sometimes you lose precious milliseconds without even noticing it. Also, it’s so easy to forget about some functions and we keep using the old […]

Awesome and Simple Webkit Tricks

css3




In this , we come with useful, awesome and simple webkit tricks. with the help of this you understand css better/ The basic pattern for all of the above mentioned animations is the following: In CSS, tell WebKit that, for an element or group of elements, when a specific property changes, it should transition from one state to another over a set duration and using a particular timing function (also called an “easing algorithm”). Also in CSS, set the initial state of […]

Lightbox for Product Listings

oscommerce2




Add a JQuery Lightbox to the OSCommerce OSC to CSSv2 product listings. Products listing: Demo New Products listing: Demo Add a extra field the products table in the database. ALTER TABLE `products` ADD `products_image_large` VARCHAR( 64 ) CHARACTER SET utf8 COLLATE utf8_general_ci NULL DEFAULT NULL AFTER `products_image_list` Make two sets of all your product images. One set should be about 100px by 100px, and another set about 300px by 300px. You probably already have a set of small images in […]

Generate Web-Safe Fonts When Using @font-face

font-face




One of the biggest mistakes I see with people just getting introduced to the CSS3 @font-face selector is the use of regular OTF or TTF fonts in their web pages, instead of the recommended WOFF (Web Open Font Format)and EOT (Embeddable OpenType) font formats. With traditional font formats (TTF, OTF), the primary use was for print and applications that created such documents. There were no worries about compatibility across different browsers like there are when creating websites. Now with the large adoption of @font-face, web designers […]

Make Full Image Background With CSS

css1




Full screen image backgrounds are a must if you are creating a portfolio or a photography website. This usually involves using a jQuery plugin, which will properly resize the image with the browser window, and do the necessary calculations so that the image covers the entire width and height of the page. But did you know that if you are ready to sacrifice support for IE8 and below, you can have that kick ass effect only with a line of […]

jQuery 360 Degrees Image Display

jQuery_j360




If you want to display 360 degree images or panorama images for your products on your website then here are top 5 jQuery 360 degree image display sources or pluginswhich are easy to integrate and useful. j360 j360 is a jQuery plugin designed to display 360 view of product using a set of images. Compatibility with iPhone, iPod, iPad, Google Android devices. Mouse view on PC. Tap view on touch screen mobile devices. Ajax Zoom AJAX-ZOOM is a powerful image […]

CSS Class, Attribute, Property and jQuery

jquery3




In this short post, I will show you how to add/remove attributes or properties to DOM elements and how to add/remove CSS classes from DOM elements using jQuery. Also, how attribute and properties are different in jQuery.

Best Web Developer practices in HTML

html_10_plus_best_practices




HTML markup language for World Wide Web have been used for move twenty years, from HTML4 to XHTML, now HTML5. However, there are some fumdamental practises that works on all version of HTML you should be aware all the time. Let me remind you 10+ best practices that lead to clean and correct markup.