1stwebdesigner |
40 Free Minimalist And High Quality Fonts Posted: 16 Mar 2010 02:59 PM PDT You can meet a lot of minimalistic style fans all over the world. Minimalist style looks very clean, professional and easy to understand. You probably have heard about minimalism motto “Less is more” which means that work with less details shows much more than overdone work with too much stuff in it. If you are looking for some great free minimalist fonts you came to the right place. In this collection you will find many fonts you will want to download immediately, I assure you! 1. BonvenoCF
2. Existence Light3. Aurulent Sans4. Vegur5. Comfortaa6. Sansation7. Salaryman8. Greyscale Basic9. Lane10. Raleway11. Aaargh12. CartoGothic Std13. Mentone14. Aller15. Bitstream Vera Sans16. Bebas17. Caviar Dreams18. Cicle19. Colaborate20. COM4t Sans Medium21. District Thin22. DISCO23. DejaVu Sans24. Droid Sans25. Dustismo26. Eau27. Expressway28. Lacuna Regular29. Liberation Sans30. Gnuolane31. New Cicle32. Nevis33. Museo Sans34. Luxi Sans35. Sonrisa36. Puritan37. Print Clearly38. Perspective Sans39. Tuffy40. QuicksandFurther Free Fonts Resources:Do you know some more great minimalistic fonts? Share with us your favorite! |
40 Powerful CSS Tools And Generators To Automate Your Workflow Posted: 16 Mar 2010 03:00 AM PDT Showcase of 40 useful and powerful CSS tools and generators. These tools can really relieve developers work in many ways – I understand you like always to do everything by yourself but it's not the best way in the most cases, because it really takes time and such liberty we don't always have. This is considered to be really complete list about everything CSS related, as CSS lover myself I really evaluate good automated ways so I can focus on things I enjoy the most – creating elegant, usable and optimized website! I just hope you will find some relief in this list as well! Enjoy your time and test these tools for best results! 1. CSS Layout GeneratorShowcase of 40 useful and powerful CSS tools and generators. These tools should really relieve web developers work. This generator will create a fluid or fixed width floated column layout, with up to 3 columns and with header and footer. Values can be specified in either pixels, ems or percentages. 2. Simple CSSSimple CSS allows you to easily create Cascading Style Sheets from scratch, and/or modify existing ones, using a familiar point-and-click interface. 3. Code BeautifierFormats and optimizes CSS. 4. Clean CSSCleanCSS is a powerful CSS optimizer and formatter. Basically, it takes your CSS code and makes it cleaner and more concise. 5. CSS CompressorUse this utility to compress your CSS to increase loading speed and save on bandwidth as well. 6. CSS SuperscrubThis tool can significantly reduce the size and complexity of your CSS by programmatically stripping unneeded content, stripping redundant calls, and intelligently grouping the remaining element names. 7. CSS ValidatorThe W3C CSS Validation Service is a free software created by the W3C to help Web designers and Web developers check Cascading Style Sheets (CSS). It can be used on this free service on the web, or downloaded and used either as a java program, or as a java servlet on a Web server. 8. CSS SorterCSS Sorter is a free online tool for sorting CSS files. It organizes CSS rules alphabetically so that it will be easier for you to maintain your CSS files. 9. Browser Support of CSS Properties & SelectorThis is a list of CSS properties and selectors with the first browser versions that support them. The list includes most CSS2.1 properties and some of CSS3, more will be added as time permits. 10. Layout GeneratorGenerating multi-column and grid layouts with CSS 2.0 techniques using %, px, or em. 11. Variable Grid SystemThe variable grid system is a quick way to generate an underlying CSS grid for your site. The CSS generated file is based on the 960 Grid System. 12. Blueprint Grid GeneratorThis tool will help you generate more flexible versions of Blueprint’s grid.css and compressed.css and grid.png files. Whether you prefer 8, 10,16 or 24 columns in your design, this generator now enables you that flexibility with Blueprint. 13. Grid BuilderThe CSS Grid Builder allows you to rapidly generate a CSS-based, web-standards compliant page layout in a matter of minutes. Once you've got the page layout the way you want it, all you have to do is press “Show Code” and it generates the HTML for you. 14. CSS Menu BuilderChoose from our 300+ horizontal menus, our 700+ vertical menus combinations and our breadcrumb menus that consist of more than 200+ combinations, in total the site offers more than 1000 menu combinations not including the endless color combinations. 15. CSS Menu MakerHere you can exploit gallery of professionally designed CSS menus, customize them and then download the HTML and CSS. 16. JotformWeb-based WYSIWYG form builder 17. Quick Form BuilderAllows you to easily create CSS forms. 18. CSS Button & Text Field GeneratorGenerates CSS based buttons and text fields. 19. Rounded Corner GeneratorSpiffy Corners is a simple way to generate the CSS and HTML you need to create anti-aliased corners without using images or JavaScript. 20. CSS Type SetCSS Type Set is a hands-on typography tool allowing designers and developers to interactively test and learn how to style their web content. 21. TypetesterThe Typetester is an online application for comparison of the fonts for the screen. It’s primary role is to make web designer's life easier. As the new fonts are bundled into operating systems, the list of the common fonts will be updated. 22. Image Replacement MethodsPlenty of new and interesting revisions to the original Fahrner Image Replacement technique sprouted up in late 2003. This was an attempt to consolidate them. 23. CSS Frame GeneratorThis tool returns corresponding CSS in a line-by-line way indented with spaces to reflect XHTML structure – each selector and all of its properties and values in one line. 24. Postable"I absolutely hate having to switch all the "< ” and “>" signs in my code to "<" and ">", respectively. I also hate having to write "&" anytime I want to include an ampersand. This makes including code snippets on my blog and whatnot extremely annoying, and today I finally got fed up." Created by Elliot Swan. 25. SlickmapSlickMap CSS is a simple stylesheet for displaying finished sitemaps directly from HTML unordered list navigation. It's suitable for most web sites – accommodating up to three levels of page navigation and additional utility links – and can easily be customized to meet your own individual needs, branding, or style preferences. 26. Text WrapperThe CSS Text Wrapper allows you to easily make HTML text wrap in shapes other than just a rectangle. You can make text wrap around curves, zig-zags, or whatever you want. All you have to do is draw the left and right edges below and then copy the generated code to your website. 27. ListamaticCan you take a simple list and use different Cascading Style Sheets to create radically different list options? The Listamatic shows the power of CSS when applied to one simple list. 28. CSS Sprite GeneratorCSS sprites are a way to reduce the number of HTTP requests made for image resources referenced by your site. Images are combined into one larger image at defined X and Y coordinates. Having assigned this generated image to relevant page elements the background-position CSS property can then be used to shift the visible area to the required component image 29. Colors Pallete GeneratorWelcome to CSS Drive’s Image to Colors Palette Generator! Upload an image to generate a color palette based on the image’s primary colors. Useful for quickly grabbing a particular color within an image for inspiration. Generates also Photoshop swatches and CSS styles. 30. CSS Table WizardUse this wizard to experiment with table border styles and generate style source code. This wizard uses dynamic HTML to change the style of the table in-situ, without loading another page. 31. Em CalculatorEm Calculator is a small JavaScript tool which helps making scalable and accessible CSS design. It converts size in pixels to relative em units, which are based on a text size. 32. IE6 CSS FixerA tool specifically designed to ease the pain of the IE6 CSS debugger. This tool was conceived to decrease the monkey work when starting an IE6 CSS fix file. It applies a series of basic fixes that are known to conquer many problems and cause as little harm as possible. 33. MappetCSS image maps generator 34. Sky CSS ToolSky CSS allows you to create CSS classes almost without using manuscript code. JavaScript compatible browser is needed for the proper functioning. 35. ReCSSThis little bookmarklet makes refreshing your CSS a breeze. It comes in quite handy when you’re developing dynamic applications. Tested in IE and Firefox. 36. CSS ViewerA simple CSS property viewer. Firefox addon. 37. The Box OfficeThe Box Office lets you wrap/float/contour text around freeform images using CSS for usage in (X)HTML pages. 38. CSS EvolveCSSEvolve lets you play with many properties of a web site, including the site’s color scheme, fonts, borders, and more. CSSEvolve works through a process of simulated evolution in which you select site features that you like and refine them through multiple generations. 39. WordoffWordoff applies the following rules to strip the cruft that is pasted into WYSIWYG editors from Word:
40. CSS FlyCSSFly is a web 2.0 tool for easy editing websites direct and in real-time in your browser. Simply edit the (X)HTML-code and the external Style-Sheet files : what you code is what you get! This tool is designed for developers. Use it for developing, testing or checking your web-project or take a look behind the sceneries of your favourite websites. |
You are subscribed to email updates from Graphic and Web Design Blog -Resources And Tutorials To stop receiving these emails, you may unsubscribe now. | Email delivery powered by Google |
Google Inc., 20 West Kinzie, Chicago IL USA 60610 |
Comments (0)
Post a Comment