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.
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)
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.
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.
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.
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.
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.
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.
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.