background preloader

Ui Parade - Live Tools

Related:  muveefreakFerme du WebOUTILS CSS JQUERYCSS

Brochure And Magazine » Free Download Vector Stock Image Photoshop Icon Professional Photography Brochure 361343 INDD | Adobe CS4+ | 8.5 x 11 in | 1.22 MB Interior / tri-fold brochure 10046 A Compendium of SVG Information A huge pile of information about SVG. How to Use SVG These are overview articles covering lots of stuff relating to SVG. Why to use it and the basics of how to use it. Mostly: <img>, background-image, <svg>, <iframe>, and <object>/<embed>.

Sélection de Menus jQuery slider d'images et de textes - acordéons, bulles, etc. Nous présentons une sélection de « Menus jQuery slider d’images et de textes » qui nous ont particulièrement séduit. Une adaptation de ces menus en plugin pour SPIP serait la bienvenue. En attendant leur éventuelle intégration à SPIP 2.1 vous pouvez les essayer & analyser dans les Démonstrations, Tutoriels & Téléchargements en liens ci-dessous. 1. jQuery Easy Accordion Plugin Horizontal Accordion with Autoplay Simple Horizontal Accordion Set the initial Active Slide 2. JavaScript with Thomas Fuchs » DOM Monster Bookmarklet DOM Monster is our answer to JavaScript performance tools that just don't give you the full picture. DOM Monster is a cross-platform, cross-browser bookmarklet that will analyze the DOM & other features of the page you're on, and give you its bill of health. If there are problems, DOM Monster will point them out—and even make suggestions on how to fix 'em. DOM Monster! is the brainchild of Amy Hoy and was programmed by Thomas Fuchs.

60+ Free PSD Poster and Flyer Templates This is a mighty collection of poster templates/flyer templates. All of these are free but you’ll have to reach source page to download them. Since this is a big collection, gathered from various sources, we cannot provide an all-in-one pack as we usually do in other resource posts. All these files are PSD so you can open and edit them using Adobe Photoshop. I believe most them are made using older versions of Photoshop so if you own anything above Photoshop CS, you should be able to use all of them. This is a mixed collection, most of these are party posters of flyers, but there are many other types of PSDs as well.

10 jQuery Print Page Options Most websites still offer a print style sheet and did you ever wonder how possible is to use jQuery to create a print page button? In this post you will find 10 jQuery-made “print page” button, options and tutorials. Enjoy! Related Posts: 10 jQuery Pagination Plugins 1. A JavaScript Content Switcher That Works Without JavaScript Recently, while doing research/work on a completely unrelated topic, I came across the beautiful illustrations on Rype Arts, which are displayed inside of a JavaScript-driven content switcher. For some reason, I happened to visit the page with JavaScript disabled and noticed that the content switcher was still working (albeit, with a few flaws). At first I couldn’t figure out how it was functioning. Normally, with JavaScript disabled, this type of content switcher (or content slider) will just display one item, or else display all items, without allowing any “switching” functionality. After some poking around, I realized it’s not a very difficult thing to do.

Poster Vectors, Photos and PSD files Golf cup poster 26.393 56 7 months ago Spring party poster 37.280 139 10 months ago Hand painted music poster 12.079 150 3 months ago Party poster with bokeh background 40.899 200 7 months ago Understanding SVG Coordinate Systems & Transformations (Part 1) – The viewport, <code>viewBox</code>, & <code>preserveAspectRatio</code> SVG elements aren't governed by a CSS box model like HTML elements are. This makes positioning and transforming these elements trickier and may seem—at first glance—less intuitive. However, once you understand how SVG coordinate systems and transformations work, manipulating SVGs becomes a lot easier and makes a lot more sense. In this article we're going to go over three of the most important SVG attributes that control SVG coordinate systems: viewport, viewBox, and preserveAspectRatio. This is the first in a series of three articles covering the topic of coordinate systems and transformations in SVG. For the sake of visualizing the concepts and explanations in the article even further, I created an interactive demo that allows you to play with the values of the viewBox and preserveAspectRatio attributes.

Webshims lib - The capability-based polyfill-loading JS library Webshim is a polyfill library that enables you to reliably use HTML5 features across browsers, even if native support is lacking. The project is hosted on GitHub, and is available for use under the MIT software license. You can report bugs and discuss features on the GitHub issues page. Downloads & Dependencies (Right-click, and use "Save As") 37+ Best PSD Catalogue Templates & Designs Businesses create catalogues to help them communicate the products and services they offer to their clients including the description and prices. Before customers purchase a product, they would want read a brochure or visit your website and find out the catalogue description and the pricing. Having your products and services properly presented using a catalogue template design can help elaborate your brand.

PatternBolt The pattern selection still be under development, if you want to contribute to the project, you can vote the patterns proposals on the Trello board with just a click. Of course you can also submit your own pattern just requesting an invitation for the board. Just a small raster preview of the pattern is needed for the vote, but it's important for the original version of the pattern to be vector graphics (.svg, .ai, .pdf,...) otherwise it will not be compatible with PatternBolt. To request a board invitation write me a mail at ruggero.motta at gmail dot com, or tweet at my Twitter account, I'll reply you quickly. If you can code you can also join the Github Repository and make pull requests: contributions are really appreciated.

CSS Beautifier When you developing CSS for your website you will normally create your CSS in a way that makes it easier to read. This means each property will be on it's own line, you will have line breaks in-between classes and id's, you should even have comments between different sections of your styles. This is great for developing as it keeps your styles organised, makes it easy for you to find styles, and has comments to explain what the styles are going to do. But the problem with this is that it will increase the size of the CSS file, when you use this on your website in a production environment it's important that your website loads fast. A good way of helping your website load faster is to minimize your CSS and Javascript files, this is because it will reduce the bandwidth needed for the file and will speed up your site. It's easy to minimize your files you can either use a script to do this or make your IDE minimize your files.

Related:  interesting toolsHTML / CSSblondiebilly