Web Development

TwitterFacebook

The best Web Development links we can find. Jan 26

Get flash to fully experience Pearltrees
One can discuss whether web-generators are useful or not. On the one hand, they don’t challenge our creativity, but on the other hand they make our life easier and save our precious time. However, it doesn’t matter really. What matters is that we use them if we have to solve some problem quickly and efficiently. We’ve taken a look at the most useful online-generators for web-development and listed them below. http://www.smashingmagazine.com/2006/11/09/online-generators/

Online Generators - Smashing Magazine

http://www.hongkiat.com/blog/27-must-have-starter-kits-for-web-designers/

27 Must-Have Starter Kits For Web Designers

Starter kits are great timesavers for web designers and they are particularly useful for those who often create mock-ups for project pitching on daily basis. If you are a designer-cum-programmer think of it as your code snippets So what’s in a starter kit? We think it varies – depending on what each designer routinely worked with. For GUI designers , keeping a copy of form elements (buttons, checkboxes, tab, drop down menus, etc) helps speed up the process of creating screens and layouts; on the other hand, browser (IE, Firefox Safari) templates with web safe area keep web designers reminded how/where they should prioritize their contents.
Free Website Performance Tool and Web Page Speed Analysis Try our free web site speed test to improve website performance. Enter a URL below to calculate page size, composition, and download time. The script calculates the size of individual elements and sums up each type of web page component. Based on these page characteristics the script then offers advice on how to improve page load time.

Web Page Analyzer - free website optimization tool website speed test check website performance report from web site optimization

http://www.websiteoptimization.com/services/analyze/index.html

Essential bookmarks for web designers and web developers

http://www.alvit.de/vf/en/essential-bookmarks-for-webdesigners-and-web-developers.html T he project 'Essential bookmarks for web-designers and web-developers', previously updated on this page, has a new url ( http://www.alvit.de/handbook/ ), a new design, a new hierarchical structure and, of course, new web-dev-resources. The reason for changing the basic concept of this project was a huge number of suggestions and links, which have overflooded my mailbox recently. Over the last few days, a new project was created and updated.

List of Really Useful Tools for CSS Developers

Regardless of size and scope of your project, CSS development process can take quite a lot of time. Even if you are an experienced CSS developer; having good set of tools at your disposal can drastically improve your productivity. W3Avenue has compiled a list of really useful CSS tools that will help you increase both your productivity and knowledge. We have categorized these tools under various categories to help you easily find the right tools for your needs. http://www.w3avenue.com/2009/05/04/list-of-really-useful-tools-for-css-developers/

HTML5 snippet : CSS Lifted corner Drop Shadow

http://html5snippets.com/snippets/10-css-lifted-corner-drop-shadow/ <!DOCTYPE html> < html > < head > <style> .box{
http://webdesignledger.com/freebies/the-best-social-media-icons-all-in-one-place

The Best Social Media Icons All In One Place | Freebies

The ability to easily bookmark or share content on popular social media platforms is now a must have feature for web sites. It’s also important that this feature isn’t over looked by web site visitors. So it’s always a good idea to use icons when linking to social media sites. They get peoples attention and the logos are immediately recognizable. I’ve taken the time to round up what I believe are the best free social media icons out there. Set of social icons
Download this layout (25kb zip file). Percentage dimensions of the holy grail layout All the dimensions are in percentage widths so the layout adjusts to any screen resolution.

The Perfect 3 Column Liquid Layout: No CSS hacks. SEO friendly. iPhone compatible.

http://matthewjamestaylor.com/blog/perfect-3-column.htm
After I got a lot of feedback for the Beautiful Slide Out Navigation, I had some new ideas for a similar horizontal navigation. Thanks a lot to everyone! Like Stefan Matei pointed out, it might be quite cute but we don’t want the user to hover over all options first, in order ... View demo Download source After I got a lot of feedback for the Beautiful Slide Out Navigation , I had some new ideas for a similar horizontal navigation.

Beautiful Slide Out Navigation Revised

http://tympanus.net/codrops/2009/12/08/beautiful-slide-out-navigation-revised/

Beautiful Slide Out Navigation: A CSS and jQuery Tutorial

Today I want to show you how to create an amazing slide out menu or navigation for your website. The navigation will be almost hidden – the items only slide out when the user hovers over the area next to them. This gives a beautiful effect and using this technique can spare ...
This entry is part 2 of 16 in the CSS3 Mastery Session - Show All « Previous Next » Twice a month, we revisit some of our readers’ favorite posts from throughout the history of Nettuts+. This tutorial was first published in November, 2010. So you learned the base id , class , and descendant selectors – and then called it a day? If so, you’re missing out on an enormous level of flexibility. While many of the selectors mentioned in this article are part of the CSS3 spec, and are, consequently, only available in modern browsers, you owe it to yourself to commit these to memory.

The 30 CSS Selectors you Must Memorize

by Matthew James Taylor on 10 November 2007 When an HTML page contains a small amount of content, the footer can sometimes sit halfway up the page leaving a blank space underneath. This can look bad, particularly on a large screen.

Get down! How to keep footers at the bottom of the page