针对Web开发和设计人员的10个惊人HTML5工具

jopen 9年前

XRAY

针对Web开发和设计人员的10个惊人HTML5工具

XRAY functions in Safari, Firefox and Internet Explorer. It aids you imagine the design of your page. Enhance it to your bookmarks, and then on any web page, practice it to get the location, limitations, padding, magnitudes and more particulars of any component. XRAY uses lots of cool CSS3 features like border-radius, opacity, box and text-shadow, as well as the HTML5 canvas.

Spritebox – Create CSS from Sprite Images

针对Web开发和设计人员的10个惊人HTML5工具

Spritebox is a WYSIWYG tool to aid web designers rapidly and effortlessly generate CSS classes and IDs from a lone sprite image. It is based on the belief of expending the background-position property to bring into line zones of a sprite image into block components of a web page. It was made using a grouping of jQuery, CSS3 and HTML5, and is absolutely free to use.

Sketch in 3D With Animating Lines on HTML5 Canvas

针对Web开发和设计人员的10个惊人HTML5工具

Think of the childhood cartoons where hand drawn lines looked to quiver as of alterations among frames? That’s what this experimentation pretends. It also complements a third to your sketches by letting you to revolve the canvas.

CanvasLoader Creator

针对Web开发和设计人员的10个惊人HTML5工具

The Heartcode CanvasLoader Creator is a open online tool which you can practice to create scripted preloaders (spinners or throbblers) for your HTML developments.

MRI

针对Web开发和设计人员的10个惊人HTML5工具

MRI aids you generate the finest likely choosers for your CSS. Supplement MRI to your bookmarks bar, then for any page, click an element, and MRI proposes selectors for that component. You can also check selectors with it. MRI also practices lots of cool CSS3 types like border-radius, opacity, box and text-shadow, as well as the HTML5 canvas.

Rendera

针对Web开发和设计人员的10个惊人HTML5工具

Rendera aids you study HTML5 and CSS, type in your HTML code and see it reduced in real-time. Then flair it with CSS. You can use any of the HTML5 or CSS3 tags your browser provisions.

The HTML5 Test

针对Web开发和设计人员的10个惊人HTML5工具

The HTML5 Test score is a sign of how well your browser provisions the forthcoming HTML5 typical and associated disclaimers.

Initializr

针对Web开发和设计人员的10个惊人HTML5工具

Initializr is HTML5 templates creators to aid you get on-going with a fresh project based on HTML5 Boilerplate. It creates for you a fresh customizable template with just what you want to initiate!

Font Dragr – Drag and Drop Font Testing

针对Web开发和设计人员的10个惊人HTML5工具

An innovative method to check custom fonts in the browser. No coding, no uploading, just drag and drop.

Html5 File Upload with Progress

针对Web开发和设计人员的10个惊人HTML5工具

Html5 lastly resolves an age old delinquent of being able to upload files while also viewing the upload development.