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.
Border Radius CSS
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.
Gradient CSS
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:
- Linear Gradients (goes down/up/left/right/diagonally)
- Radial Gradients (defined by their center)
Color Picker
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 ).
jQuery.min
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.
Font-face Generator
Generate any font, Font Squirrel is the best resource for FREE, hand-picked, high-quality, commercial-use fonts.
CSS Hacks for IE
An extensive list of browser specific CSS and JavaScript hacks to target IE6, IE7, IE8, IE9, IE10 .
Box-shadow in/out
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.
Text shadow
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.
Button Generator CSS
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
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.
Responsive media 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.
Responsive Data Tables
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.
Responsive Background Images
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.
CSS Tooltip
Type your CSS properties, adjust your working with the real time preview, copy your code and enjoy.
On-Scroll Animated Header
A fixed header that will animate its size on scroll. The inner elements will also adjust their size with a transition.
Sticky Sidebar
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.
Responsive Menu
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.
CSS3 Grayscale filter
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.
Bootstrap Free Themes
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.
Free Icon
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.
Styling Select Box with CSS3
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.
Popup On Page Load
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.
Truncate String with Ellipsis
All the following are required, so the text must be in a single straight line that overflows a box where that overflow is hidden.
Responsive Text Css
Use this plugin on your fluid or responsive layout to achieve scalable headlines that fill the width of a parent element.
OCR ( Get Text from image )
Extract text from PDF and images (JPG, BMP, TIFF, GIF) and convert into editable Word, Excel and Text output formats
CSS Text Rotate Generator
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
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.
Expanding Search Bar
Create a mobile-friendly and responsive expanding search bar.The search bar can be opened on click.
jQuery-scroll-parallax
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.
Overriding The Default Text Selection Color
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.
Easy CSS3 Checkboxes and Radio Buttons
CSS3 Checkbox offers 100% CSS Checkbox styles for all your web projects. Javascript is not needed to use CSS Checkbox.
smooth page scroll
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.
Removing The Dotted Outline
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.js
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.
Alternate li Colors
You can Alternate Colors in li.