![]() Logicss is a collection of CSS files and PHP utilities aimed at reducing web development time. Check out the "before and after" examples to get a feel for how CSSTidy works. You can adjust CSSTidy’s settings to your preferred compression level but even the default setting can often give you 30% compression according to the creators of CSSTidy. 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. The main benefit is the beautiful context sensitive editor, code error/problem detection, etc.īut this post is not going to talk about how to use Aptana to debug/modify your code /smile.gif' class='bbc_emoticon' alt=':)' /> Maybe some other kind soul will offer an example how to debug a bit of custom javascript using this IDE.In this page we have provided you with a list of very useful web development tools. This won't interfere with PHPR, but you don't want to inadvertently send it up to your production server. It will open in the editor window.īe aware that Aptana creates a configuration folder (.settings) in your project. Your project should now run within your browser (whenever you run).įind index.htm and double click.The Main > Web Browser should be good (FireFox or IE.exe), but in Server > Use selected server > select from the dropdown the server name you assigned in step 6 (ie ExternalWebServer). Again in Project Explorer, right click your project and select Run As > Run Configuration.Enter any name like ExternalWebServer, enter the url you use for local testing to start your PHPRunner project, such as set (browse to) the document root, ie., C:/xampp/htdocs/myproject. Select Preview Settings > Use Specific Server. Next you need to connect in XAMPP so you can run your code. Select PHP Development and ensure that PHP 5.3x (or whatever you are using). Right click on your project and select properties. Your project code tree should appear in the Project Explorer.Select Project Type > PHP and Web-Primary. Next.īrowse for folder > Computer>LocalDisk>xampp>htdocs>myproject (or wherever). Next you have to create an Aptana project using your existing PHPR project.įile>Import>General>Existing Folder as New Project.Step through the installation, the defaults are ok I think. Select the standalone version, start the download (at the time of this post the link was: Aptana does a lot more than we need, all we need is the PHP support. Download Aptana Studio 3, via this link.If you are having trouble here, don't go down the Aptana track. You should be able to access your project via FireFox or IE on localhost. Once XAMPP is fully configured check your XAMPP status is free of errors and shows mySQL, PHP, etc are all good. If you are newly installing XAMPP, that's a separate topic, outside the scope of this post. Make sure your PHPRunner and XAMPP environments are setup and working properly.If you have a working local php server, then this will take less than 15 min. I use FireFox as my default browser, and get some debugging ability with the plugins available, such as Firebug. If not I'm sure you can adapt the procedure accordingly. To set Aptana up on a Window development box, I'm going to assume you are using the XAMPP web server for development and local testing of your PHPRunner project. You could use this if you are extensively modifying or customizing your PHRR generated code, an advanced topic. Aptana Studio is an open source IDE for HTML, CSS, javascript and PHP editing and debugging to some extent.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |