CSS Creator Tools CSS Layout Generator Choose column numbers, width and colours for your site then generates the valid html and css files to be used as a template for each page. Updated to support HTML5, November 2010. Social Share Toolbar Instructions on how to make a jQuery and CSS3 social site share links toolbar as used on this site. Multi Level Menu A simple multi level drop down menu which uses only CSS for most browsers and minimalist JavaScript with CSS for browsers that require an extra hand. Containing Floats A CSS technique for fully containing floated elements without adding extra markup. CSS Generator A simple CSS generator that dynamically applies styles as you select them. 100+ Resources for Web Developers | BlogWell Photo Credit: SMITHMag Update #1 – March 14, 2008 Update #2 – September 22, 2008 Translated into Italian at Geekissimo There is some amazing stuff out there on the Web–resources, tools, tricks, and tips. So we’ve put together a list of over 100 resources to help make your life as a developer easier; where to find snippets of code, sites that automate processes, cheat sheets, lessons, useful tools and a couple of silly videos to give your brain a break if you make it through to the end. Code Photo Credit: Josh Lewis 1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. .htaccess Creator Online tool to create .htaccess files 12. 13. 14. 15. 16. 17. 18. 19. jQuery jQuery is a fast, concise, JavaScript Library that simplifies how you write your web pages. Cool Online Tools Photo Credit: Stavros Markopoulos 20. 21. 22. 23. 24. 25. 26. 27. 28. 29. 30. 31. 32. 33. 34. 35. 36. Documentation and Reference Photo Credit: Perreira 37. 38. 39. 40. 41. 42. 43. 44. 45. 46. 47. 48. Testing Photo Credit: Sebastian Bergmann 49. 50.
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
Web Developer's Handbook | CSS, Web Development, Color Tools, SEO, Usability etc. Vitaly Friedman's The Web Developer's Handbook creativity | css galleries & showcases | color tools | color schemes, palettes | color patterns | fashion: colors selection | color theory | royalty free photos | css daily reading | web design daily reading | css layouts | css navigation menus | css techniques | css: software & Firefox Extensions | css-web-tools & services | html-web-tools & services | accessibility checkers | miscellaneous tools | ajax | javascript | DOM | fonts | typography | RSS | CMS | blogging | specifications | usability & accessibility | add a link (free) | seo tools | seo references | howtogetthingsdone | freelancers resources | web2.0 | 2read Advertise here! creativity css: selected showcases css galleries & showcases color tools color schemes, palettes color patterns fashion: colors selection color theory royalty free photos specifications usability & accessibility add a link (free) seo tools seo references howtogetthingsdone freelancers web 2.0 2read: this week
Jatecblog » Links for Making Your First Web Site Without Paying a Dime 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? I've had a number of people comment on that, so I thought I would outline how I accomplished 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. window.onscroll = function () { // do something } Great! So now we've got parts 1 and 2 solved. A few more notes on that.
cssplay 28th November 2009 Absolutely NO javascript, just HTML and CSS Winter branches Followed by some descriptive text and maybe a link. Wading birds Another piece of descriptive text and again a link. Bird on a post Yet more descriptive text and maybe a link. Early bloomers And another line of descriptive text and maybe a link. Green lizard With descriptive text and maybe a link. Feeding the birds A description of the picture can go here with a link. A group of butterflies Descriptive text and maybe a link. Ladybirds The text can be over as many lines as you want, but you may need to adjust the size of the containing div to make sure that it can all be seen. Butterfly Trees in the mist Another piece of descriptive text and maybe a link. copyright © stu nicholls - CSS play Information Probably the last in this series of photo galleries where the clicked image will stay on screen no matter what else you do. It would be nice if Opera could get this working in their next release especially as IE5.5 can manage it.
DesignTips+Freebies+Inspiration What makes a web-designer a great web-designer? Guts and information – and bit of talent. All designers have to defeat the same monsters. Inspiration blocks;Lack of material, like and unvectorized logo;Poor quality images or their non-existence;Low or no budget;Unhelpful clients; May I continue? Well the good news is that you just need courage to persist and the light of information to scare those monsters away. You got the courage. Here I’ll give the info that could take you ages to find by yourself or another designer to tell (maybe because of lack of time or selfishness). Images It is 3 AM; you are pretty tired, your stomach can’t bear another dose of caffeine and you still need that Pretty Business type picture to use in your project, but you don’t have the budget to afford a stock image from gettyimage. Now you will spend until 4AM trying to decide which photo to use. www.sxc.hu More great sites : flickr.com/creativecommons/ commons.wikimedia.org Wikimedia imagesearch in 64 categories. Fonts
YAML Builder | A tool for visual layout development of YAML based CSS layouts Diseño web: usuarios, contenidos y experiencias La idea sobre diseño web ha ido cambiando estos últimos años. Hace unos años, las restricciones y dificultades técnicas eran tan elevadas que gran parte del esfuerzo se ponía en la tecnología. Existían también limitaciones esenciales en el marco conceptual. Podríamos resumir una página web era que “funcionase”. Una década después, ese objetivo, sin ser más sencillo, se asume como logrado. Y sobre función comunicativa y estándares… tenemos ya al nuestro alcance mucha literatura. El usuario, el protagonista La aparición de la web 2.0, la llamada web social, donde el usuario es el protagonista ha sido quizás el factor más novedoso y de ineludible referencia en el momento en que decidimos comunicar un mensaje en esta vasta red que nos tiene atrapados. La función comunicativa centrada en el usuario, en sus emociones y en sus experiencias pasa, pues, a ser prioridad absoluta en nuestro planteamiento de diseño. ¿Por dónde empezar? Lo primero que debemos hacer es pensar y hacer pensar.
Top 25 Free Icon Resources for Web Designers | Speckyboy - Wordpress and Design Please note that this post is fairly old, for the latest free icons you should browse the Free Icons category. 1. Fam Fam Fam (www.famfamfam.com/lab/icons/) 2. 3. 4. 5. 6. 7. 8.Fast Icons (www.fasticon.com/freeware/ 9. 10. 11. 12. 13. 14. 15. and the rest… Free Programming Resources - freeprogrammingresources.com
inShare9 One of our goals at Web Design from Scratch is "Everyone's website works". We're working towards a world where all websites are pleasant, easy, and appealing to use. Announcing Ben’s New Course… Facebook Marketing Made EasyWith Ben's new course, you can get all the insights you need to start earning good fees simply by promoting clients' businesses on facebook!