CSS3 & jQuery are two main aspect of a website, and without it a website cant be looking nice and user friendly. Here we are providing you CSS3 & jQuery Tips & Important Links, so that you can use them in your websites and can develop more nice and eye catching.
The border-radius CSS property allows Web authors to define how rounded border corners are. The curve of each corner is defined using one or two radii, defining its shape: circle or ellipse.
You can give any element “rounded corners” by applying a border-radius through CSS. You’ll only notice if there is a color change involved. For instance, if the element has a background-color or border that is different than the element it’s over.
CSS3 gradients let you display smooth transitions between two or more specified colors.
Earlier, you had to use images for these effects. However, by using CSS3 gradients you can reduce download time and bandwidth usage. In addition, elements with gradients look better when zoomed, because the gradient is generated by the browser.
CSS3 defines two types of gradients:
Each color is represented as a unique number(e. g. #FF0000 represents pure red in HTML and is also used in many graphic editors).Get HTML color codes for your website. Color chart, color picker and color palettes. ( HEX & RGB ).
Compressed and uncompressed copies of jQuery files are available. The uncompressed file is best used during development or debugging; the compressed file saves bandwidth and improves performance in production.
Generate any font, Font Squirrel is the best┬аresource for FREE, hand-picked, high-quality, commercial-use fonts.┬а
An extensive list of browser specific CSS and JavaScript hacks to target IE6, IE7, IE8, IE9, IE10 .
The box-shadow property allows designers to easily implement multiple drop shadows (outer or inner) on box elements. Use this CSS3 Box Shadow Generator to generate box-shadow CSS3 snippets.
The text-shadow property attaches one or more shadows to text. The property is a comma-separated list of shadows. Use this CSS3 Text Shadow Generator to create snippets of CSS for the text-shadow property.
Make css button for your web (button cross browser)
Simply slide the bar to generate your css button. Generate css3 for any type button
Font Awesome gives you scalable vector icons that can instantly be customized тАФ size, color, drop shadow, and anything that can be done with the power of CSS.
Media queries are simple filters that can be applied to CSS styles. They make it easy to change styles based on the characteristics of the device rendering the content, including the display type, width, height, orientation and even resolution.
Don’t let tables break your responsive layout anymore. This simple JS/CSS combo will let your tables adapt to small device screens without everything going to hell.
Beginning with the HTML, youтАЩll notice that itтАЩs pretty basic HTML5 stuff with the exception of our viewport meta tag and our main background div.
Type your CSS properties, adjust your working with the real time preview, copy your code and enjoy.
A fixed header that will animate its size on scroll. The inner elements will also adjust their size with a transition.
The idea of тАШsticky positionтАЩ is to make elements on a website stick and remain visible. Those elements will initially be in their position, and then in the event of scrolling down the webpage, their position will be following the scroll.
Download and customize our menus and easily build clean, responsive website navigations. If you prefer working with the source code, all the menu designs are FREE to download.
Here’s a useful bit of code for converting images to black and white using CSS. The plugin automatically initializes for all elements with a class of grayscale.
Simply download a CSS file and replace the one in Bootstrap. No messing around with hex values.Themes are built for the latest version of Bootstrap. Version 2.3.2 and others are also available to download.
Iconfinder provides beautiful icons to millions of designers, developers and other creative professionals. Iconfinder now hosts the worlds largest collection of premium icons, with over 340.000 icons in stock.
I often have to use a select box when IтАЩm putting together a custom form that requires a drop down list. It took me a while to figure out how to easily style the select box using only CSS since certain parts are browser specific, such as the drop down arrow.
If you want to have a link on the colorbox popup image, just replace the javascript with this one. DonтАЩt forget to set the DivтАЩs width and height corresponding to your imageтАЩs size.
All the following are required, so the text must be in a single straight line that overflows a box where that overflow is hidden.
Use this plugin on your fluid or responsive layout to achieve scalable headlines that fill the width of a parent element.
Extract text from PDF and images (JPG, BMP, TIFF, GIF) and convert into editable Word, Excel and Text output formats
animate.css is a bunch of cool, fun, and cross-browser animations for you to use in your projects. Great for emphasis, home pages, sliders, and general just-add-water-awesomeness.
animate.css is a bunch of cool, fun, and cross-browser animations for you to use in your projects. Great for emphasis, home pages, sliders, and general just-add-water-awesomeness.
Create a mobile-friendly and responsive expanding search bar.The search bar can be opened on click.
The Scrolling Parallax for jQuery is used to create a parallax animation effect that is bound to the browser scrollbars and user mouse wheel. When scrolling down a web page with the parallax applied, the background scrolls at a different rate from the page, creating a sense of depth.
One of those cool CSS3 declarations that you can use today is ::selection, which overrides your browser-level or system-level text highlight color with a color of your choosing. At the time of this writing, only Safari and Firefox are supporting this, and both in slightly different ways. Fortunately, this can be thought of as one of those “forward-enhancement” techniques. It’s a nice touch for those using modern browsers, but it just gets ignored in other browsers and it’s not a big deal.
CSS3 Checkbox offers 100% CSS Checkbox styles for all your web projects. Javascript is not needed to use CSS Checkbox.
Page Scroller lets you know where you are on a page while providing a simple smooth scroll navigation. Organize your site into easily digested sections. Use a CSS navigation skin or create your own.
Anchor links ( < a > ‘s) by default have a dotted outline around them when they become “active” or “focused”. In Firefox 3, the color is determined by the color of the text.
jPages is a client-side pagination plugin but it gives you a lot more features comparing to most of the other plugins for this purpose, such as auto page turn, key and scroll browse, showing items with delay, completely customizable navigation panel and also integration with Animate.css and Lazy Load.
You can Alternate Colors in li.