• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Online creative design tool html css
 

Online creative design tool html css

on

  • 1,141 views

Online creative design tool html css

Online creative design tool html css
CSS, HTML, tools, css3, design, web, design, web2.0, HTML5,

Statistics

Views

Total Views
1,141
Views on SlideShare
1,141
Embed Views
0

Actions

Likes
0
Downloads
1
Comments
0

0 Embeds 0

No embeds

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Online creative design tool html css Online creative design tool html css Document Transcript

    • 22/02/2012 05:53 designmarketingadvertising. com The Best 20+ Online Creative Design Tools Including Awesome HTML & CSS Generators Patternify – CSS Pattern Generator: A Simple pattern generator, that takes the hassle out of opening up Photoshop, creating an image thenhttp://www.designmarketingadvertising.com/freetips/web-dev/the-best-20-online-creative-design-tools-including-awesome-html-css-generators uploading/attaching to your site. Patternify basically takes away the need to have an image file, you create your custom pattern which then generates the code to place on your site. Amazing what you can find online these days…yup yup yup pretty much any- thing that comes to mind, ya can most certainly find Some of my favorite resources available online are Multimedia, design tools, applications and of course, the awesome HTML and CSS generators! I can’t be thankful enough to the lovely folks who take the time CSS3 Generator: and energy in creating these tools for free….’coz at the end of the day we’re all benefiting from ever CSS3 generator gives you the simple and easy way increasingly easy-to-use…less time consuming ways to create rounded corner, box shadow, background to work, play and therefore give us the breathing gradients and opacity to implement onto your web space to focus on what’s really important, expressing design projects. Visually create with the sliders all our creative selves. in one place, once you’re satisfied with what you’ve got, generate the code and place onto your stylesheet. HTML Table Style Generator: Style up an HTML table using CSS with this easy breezy table generator. Select from preset color set- tings or select your own theme with the controls. Once finished the HTML and CSS will be generated. CSS3 Generator: Another CSS3 generator, this one gives you a bit more flexibility…aside from the rounded corner, box shadow…etc. You also get text shadow, multiple columns, transitions, @ FontFace, selectors, rgba, box sizing, outline and transform. Love this PDF? Add it to your Reading List! 4 joliprint.com/mag Page 1
    • 22/02/2012 05:53 designmarketingadvertising.com The Best 20+ Online Creative Design Tools Including Awesome HTML & CSS Generators CSS 3.0 Maker: CSS3 Gradient Generator: CSS 3.0 Maker is…yes, another CSS3 generator, again Here’s another great CSS3 gradient generator.http://www.designmarketingadvertising.com/freetips/web-dev/the-best-20-online-creative-design-tools-including-awesome-html-css-generators giving you much more flexibility creating lovely styles. Border Radius: CSS Button Generator: This generator has one purpose….to create the per- fect border radius styles, pure and simple I remember not too long ago, creating buttons on a website required creating images, and sometimes multiple instances of images, which was fine and dandy, except the more image files you’ve got on your site the slower it becomes to load the page. That’s when the button generator comes in handy. Create beautiful buttons without the need of any images….only the goodness of css code. CSS Sandbox: This CSS Sandbox pretty much generates everything mentioned above, great UI to work with and my favorite part, generates radial gradients, an addi- tion to CSS3. Ultimate CSS Gradient Generator: If you use Photoshop, you’ll appreciate this. It ge- nerates a Photoshop-like editor all in CSS…no need for images. Love this PDF? Add it to your Reading List! 4 joliprint.com/mag Page 2
    • 22/02/2012 05:53 designmarketingadvertising.com The Best 20+ Online Creative Design Tools Including Awesome HTML & CSS Generators CSS Warp – CSS Text to Path Generator: I personally love this one! Working with Illustrator for over a decade, i was quite impressed to find a CSS text to path generator. Now you don’t need to create rounded or warped text effects using images. Just play around with the curves as you would in Crunchie Corner Lab: Illustrator paths ..and generate it to CSS! The Crunchie Corner Lab is a simple tool allowinghttp://www.designmarketingadvertising.com/freetips/web-dev/the-best-20-online-creative-design-tools-including-awesome-html-css-generators you to see how a variety of different borders, colors, shadows and radius values affect the display of your fancy CSS3 rounded corners. Mother Effing Text Shadow: This one pretty much speaks for itself. Focuses on creating crazy cool 3D text shadow goodness. LS – LayerStyles: LayerStyles is another Photoshop-like tool that ge- nerates custom CSS, in the same way you would add styles to a Photoshop layer. Iconize Text Links with CSS: Iconize textlinks provides a CSS file that pretty much generates a little icon next to a link, which identifies what “type” of link is attached on your website. Nice and Free CSS Templates: This one comes in quite handy when you’re creating a website. You’ve got 12 different template layout styles to choose from, all provide a preview and the basic CSS you can work and expand from. Mr. Data Converter: This one is pretty neat…if you work with a lot of data, it will convert an Excel sheet into HTML, JSON, XML and other web-friendly formats. Love this PDF? Add it to your Reading List! 4 joliprint.com/mag Page 3
    • 22/02/2012 05:53 designmarketingadvertising.com The Best 20+ Online Creative Design Tools Including Awesome HTML & CSS Generators ProCSSor – Advanced CSS Prettifier: ProCSSor in an advanced tool that prettifies the ap- pearance of your CSS the way you want. An excel- lent way to turn you CSS into a visually appealing structure and no effort on your part, just copy, paste, attach…and procss away! For more Free Creative Design and Multimedia tools…check out:http://www.designmarketingadvertising.com/freetips/web-dev/the-best-20-online-creative-design-tools-including-awesome-html-css-generators Boxtuffs – The Box of free PSD Stuff and HTML5/CSS3 things: Boxtuffs is a fabulous site proving free PSD, HTML5 and CSS3 goodness! MochiKit – A Lightweight Javascript Library: “MochiKit makes JavaScript suck less” – it’s a suite of JavaScript libraries that help get your work done faster and adapt to pretty much anything you place into it…a one stop shop for JavaScript goodness. QuirkTools: QuirkTools provides online tools for creative people. Love this PDF? Add it to your Reading List! 4 joliprint.com/mag Page 4