Smush it!

Free Programming Resources - freeprogrammingresources.com The Power of Google Gears (Part 1) | O'Reilly Media by Jack Herrington 06/28/2007 Web application development is the perfect 95 percent solution. It's very easy to develop a simple HTML frontend to something like PHP or Rails, to deliver data to and from a MySQL database. You can even give it a more desktop feel by using Ajax tools. But that last five percent, the ability for desktop applications to work offline, was missing from the web world until the release of Google Gears. I look at Gears a lot like Ajax, it's a small set of new functionality that takes traditional web pages and moves them one step toward having a complete desktop feel. LocalServer: Using the LocalServer portion of the Gears API you can cache resources, like images, locally for use when you are browsing offline. Google has made all of this available as a quick one package download to the client that works on both Firefox and Internet Explorer. Covering all of these APIs in a single article, at any depth, would be too much. Figure 1. Implementing the Server Side <?

LAMP Installation On Ubuntu · supriyadisw dot net The acronym LAMP refers to a set of free software programs commonly used together to run dynamic Web sites or servers Linux, the operating system; Apache, the Web server; MySQL, the database management system (or database server) and Perl, PHP, and/or Python, scripting languages. This tutorial is how to install LAMP on Ubuntu Desktop. Linux Here are several steps to install Ubuntu Linux Desktop if you have not already done so. First download and burn your own installation CD file from the Ubuntu Linux site or order a free CD from Shipit – Free CDs.Second, try out your new Ubuntu Linux without changing anything on your computer by booting the installation CD. Apache Install Apache sudo apt-get install apache2 Testing HTTP Server by open a web browser and enter Install PHP5 sudo apt-get install php5 libapache2-mod-php5 Stop/Restart Apache sudo /etc/init.d/apache2 restart Test the installation sudo gedit /var/www/testphp.php Insert this following line into testphp.php file. MySQL

10 Tools for Getting Web Design Feedback This series is supported by Ben & Jerry's Joe, Ben & Jerry's new line-up of Fair Trade and frozen iced coffee drinks. Learn more about it here. For designers, one of the most critical parts of a project is getting critiques and advice on how to improve designs. With the web's ability to connect us to people from all over the world, getting feedback has never been easier. 1. This handy web tool allows you to gather feedback about a website's design. This tool makes it convenient to share a site for critiquing and gathering feedback, relying on the social web's unrestrained penchant for talking about things. 2. Please Critique Me, a web resource by web design agency OnWired, offers free design critiques by one of its design critics. The website is not only great for getting your designs critiqued by professionals, but is also a way to learn about effective design principles by reading archived critiques. 3. 4. 5. 6. Concept Feedback leverages the crowd for design insights. 7. 8. 9. 10.

Web Developer's Field Guide - Your Ultimate Resource A Form of Madness - Dive Into HTML 5 You are here: Home Dive Into HTML5 Diving In Everybody knows about web forms, right? Make a <form>, a few <input type="text"> elements, maybe an <input type="password">, finish it off with an <input type="submit"> button, and you’re done. You don’t know the half of it. Placeholder Text The first improvement HTML5 brings to web forms is the ability to set placeholder text in an input field. You’ve probably seen placeholder text before. When you click on (or tab to) the location bar, the placeholder text disappears: Here’s how you can include placeholder text in your own web forms: Browsers that don’t support the placeholder attribute will simply ignore it. Ask Professor Markup Q: Can I use HTML markup in the placeholder attribute? Autofocus Fields Web sites can use JavaScript to focus the first input field of a web form automatically. To solve this problem, HTML5 introduces an autofocus attribute on all web form controls. Here’s how you can set a form field to autofocus: What’s that? To sum up:

Conditionally Sticky Sidebar If you use pretty much any browser except IE 6 (more on that later) when you visit this site, you've probably noticed that the dark-grey sidebar scrolls with you just until the banner and menu are off the page, and then locks itself into position or "sticks". When you scroll back to the top, if the menu and/or banner need to be seen again, the sidebar politely resumes its normal scrolling duties. Go ahead, try it now, I'll wait. Fun isn't it? First of all, I'm not the first person to implement a "sticky" or "fixed" feature on my site, but I am the only one I know of that makes a sidebar (or any part of my site) sticky based on scrolling conditions (if you know of any other, please leave a comment for me). Now you just need a long scrolling page and ta-da, you're done. I accomplished this by using javascript to conditionally change the position of the sidebar div to "absolute" (normal scrolling) and "fixed" (lock into place). window.onscroll = function () { // do something } Great!

iGoogle Launches OpenSocial Sandbox - Covering All That's Social On the Web OpenSocial developers have just gained access to a whole new platform: iGoogle. iGoogle is the startpage for millions of users across the web. While it isn’t as robust as Facebook, the ability to distribute your application through more channels is always a good thing. The applications also include a canvas view that provides more space for applications in contrast to the standard widget-sized currently provided. The canvas feature is a drastic change for start pages overall as widgets have become the standard. This means that developers can now reach more people with less effort. Erick Schonfeld suggests that iGoogle may slowly become its own social network.

60 Advanced Adobe Photoshop Tutorials These are advanced techniques that require more than just technical knowledge of Photoshop, they require talent, Photoshop training, knowledge of design, layout, balance, color theory, etc. I hope you find these techniques inspiring and helpful. UPDATE: If you like these tutorials, you might love this:60+ (more) Advanced Photoshop & GIMP Tutorials UPDATE: (8/28/13) I just updated any broken links and replaced unreachable tutorials with new ones. Text-effects: Movie techniques: Vector effects: Photo Retouching: Photo Manipulation: Web Buttons / Interface Elements: Digital Coloring: Digital Painting: I'm generally not not a huge fan of producing an effect in Photoshop that looks like it was produced in Photoshop. My thoughts are that after having used Photoshop since version 2.5 LE primarily for comping out web interfaces and some mild digital art, I've found that there are many features to help you but not do the work for you. Helpful Links

Stripe Generator - diagonal stripes background tiles web 2.0 webdesign