It also finds and removes redundant styles and properties. CSSTidyĬSSTidy is an open source application that parses, fixes, and optimizes CSS code to reduce file size and also to standardize CSS code formatting automatically. A demonstration of a web page that uses Blueprint can be found here. Blueprint: A CSS Frameworkīlueprint reduces the amount of CSS code you have to write by including common styles that developers typically use such CSS reset and page layouts. ![]() zip file first) and it will combine the uploaded images into a single sprite and also generate the CSS for you. CSS Sprite Generator allows you to upload all of your images (you have to place them in a. Using CSS sprites is an excellent way to improve web page performance by reducing the number of HTTP requests needed for rendering images, but it can take a lot of planning, measuring, and coding if done manually. You don’t even have to host the CSS file on your web server (saving you some bandwidth and maintenance hassles), the generated code links to the appropriate stylesheet found on Yahoo!’s Developer Network API. 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. The CSS Grid Builder allows you to rapidly generate a CSS-based, web-standards compliant page layout in a matter of minutes (or even seconds). ![]() ![]() CSS Grid BuilderĬSS Grid Builder is an online GUI for customizing the YUI Grids CSS – a lightweight CSS framework developed by Yahoo! that comes with over 1000 page layout combinations. This one is definitely recommended for those fine-tuners.In this page we have provided you with a list of very useful web development tools. Not sure whether you want a 2 or 3 pixel border? Just change the CSS in Web Developer Extension and see your changes as they happen. This one needs mentioning here because it’s a great way to tweak your final design and seeing the changes magically appear in front of your very eyes. I don’t want to say too much about this one as Rik mentioned this in his article about top Firefox extensions. Being a Linux man myself in a predominantly Windows environment, I find OOo a life saver. OOo can also read and write in any of the native file formats, as well as a few others (like PDF) which older versions of Office can’t. You can use replacements for Word, Excel, PowerPoint and Access. It is a very mature project and they have very recently released version 3.1.0. Open (or OOo for short) is a direct replacement for Microsoft’s Office suite (excluding Outlook). It can also read AI and SVG files exported from Illustrator. It can read and write in many formats, including XML, SVG and complies with W3C standards. It has a very large feature set, including n-sided object creation, text effects, raster images, gradients, layers, opacity and paths. Inkscape is a vector drawing programs with features similar to that of Adobe Illustrator and Corel Draw. But, if you’re like the majority of people who use Photoshop to resize their images, reduce the colours, and maybe add the odd special effect to add a little extra to your websites, then the GIMP is definitely something you should try! Inkscape instead of Illustrator The software doesn’t feel quite as polished as Photoshop does, and its text manipulation is a little behind Photoshop’s. It can even read and write in Photoshop format, making it ultra compatible with your Photoshop using colleagues or clients. It works in very similar way with its layers, selections, filters and painting tools. If you have used Dreamweaver in the past then Aptana would feel very familiar to you, with a few nice surprises (especially for those AJAX lovers out there). It works very similarly to Dreamweaver in that it has both a design and code view, has syntax highlighting, comes with code snippets, and will also FTP files to your website for you. It is also used by programmers who write in PHP, Ruby and others. Aptana Studio instead of DreamweaverĪptana Studio is a HTML and CSS design suite. So, without further ado, we bring you a top 5 list of Open Source alternatives to commonly used commercial applications. ![]() Open Source software has larges communities of developers and testers, and Open Source software is some of the best written software in the world. In this post I would like to draw your attention to the Open Source alternatives in the design industry. So if you are either just starting out as a money-conscious designer, or you’re a veteran coder, you probably already have a good idea about the commercial software available to you. It is no surprise that there are a lot of powerful, full featured and expensive design applications out there in the market available to amateur and professional designers and programmers. With computers and the internet becoming more accessible than ever before, there are a lot of individuals and businesses trying their hand at web design.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |