background preloader

77 Resources to Simplify Your Life as a Web Designer << Va

As a web designer, achieving efficiency in your workflow will have a significant impact on your success. Fortunately, there are a number of great resources that have been created with the intent of making your life easier and your work quicker and more effective. Color Tools Choosing the right color combination can be a difficult task. Try some of these tools to make it an easier decision. For more color-related tools, see Find the Perfect Colors for Your Website. Free CSS Navigation Menus CSS-based navigation menus are used by most websites now, but they don’t need to be created from scratch. DHTML Navigation Menus Xtreeme DHTML Menu Studio is a great tool for quickly creating dynamic navigation menus (cost: $49). Photos for Your Website Quality images greatly enhance the look and appearance of a website. Stock.Xchng – free stock photos.Stock Expert – Low cost stock photography.iStockphoto – Low cost stock photography.Big Stock Photo – Low cost stock photography. Icons Blank WordPress Templates

Joomla Templates Club - Pro Joomla Templates & Designs - Clu We've received a lot of feedback from our community recently asking how various templates can be best modified to meet the needs of a variety of sites. From corporate enterprises to personal portfolios, our community is as diverse as it gets. That's why we've designed all of our Gantry-powered templates and themes to be easily modified without any programming or website design experience required. In fact, there is very little you can't do with one of our templates after just a few minutes of working with the settings made available in the back end of Joomla or WordPress. In the video embedded above, we used Corvus (our newest Joomla template) as an example of just how easy it is to modify from one end of the design spectrum to the other. We hope that you take advantage of our entire catalog of templates and themes to test with and create incredible sites that fit perfectly with your brand, concept, and individual needs.

HTML Entity Character Lookup › Left Logic Created by Left Logic Using HTML entities is the right way to ensure all the characters on your page are validated. However, often finding the right entity code requires scanning through 250 rows of characters. This lookup allows you to quickly find the entity based on how it looks, e.g. like an < or the letter c. Features Search for entity characters based on how they look (taken from the W3C list of entities) Switch between standard and compressed views Copy the HTML entity to the clipboard Add your own keyword terms and characters to entities Settings stored in a browser cookie Available as a Firefox plugin - thanks to Yining To reset the keywords, clear your cookies for this page and the default keyword dictionary. How it works The lookup searches the html entities for matches to the searched character based on how your character looks. There's no clever logic behind this, only the most powerful computer known to man - man's own brain.

Form Elements: 40+ CSS/JS Styling and Functionality Techniques Aug 17 2008 Designing effective web forms isn’t easy, as we need to figure out more practical styling and functionality techniques to provide a great user experience. Recently there have been a number of noteworthy techniques such as styling different form fields, live validation, Context highlighting, trading options from field to another, slider controls and more – using CSS and different Javascript libraries. Below we present findings of search to more than 40 tutorials and demos to showcase the capabilities and robustness of CSS and Javascript. You might be interested to check other CSS related posts: 1-Styling dropdown select boxes- To style a dropdown select box is heavy work. 2-<select> Something New, Part 1-With a little DOM scripting and some creative CSS, you too can make your <select>s beautiful… and you won’t have to sacrifice accessibility, usability or graceful degradation. 3-Styling even more form controls-There are a lot of controls that can be used in an HTML form. Homepage

Humor Vice 85 Tools Deciding to become a freelance worker can be a scary proposition. Sure there is an allure to picking what projects you work on, but it can also be stressful not knowing where your next paycheck will come from. Luckily there are numerous resources out there that not only help you find more work, but also loads of tools to help you do your job more efficiently with a professional edge. We've gathered over 85 tools and job sites for a variety of freelancers and web workers. Have more resources to recommend? Work Tools It's important for freelance workers to be as organized as possible. Adobe AIR Apps AgileTracker - Allows you to keep track of time spent on projects by client, and if you are using AgileAgenda, you can sync them with each other. Google Calendar Invoice Creator - Allows you to use Google Calendar as a way to keep track of your hours and then import that data into this app to automatically generate invoices. Invoicing Time Tracking TimeIQ.com - Keep track of your billable hours.

Manager GO! cours, articles... sur le management : sélection de Fluid 960 Grid System | 16-column Grid Article Heading Subheading Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Heading 3 Heading 4 Heading 5 Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Heading 6 Epsum factorial non deposit quid pro quo hic escorol.

10 Tips to Create a More Usable Web Whether it’s your portfolio, a blog, a marketing web site, or a collection of games, we all want to attract visitors to our website and to ensure that they have a pleasant experience. Usability measures the level of a user’s experience and can be characterized by how easily a given task can be completed; whether it’s done with prior knowledge, or by having the user learn a new way to interact. I think Jakob Nielson probably explained it best when he said: “Usability is a quality attribute that assesses how easy user interfaces are to use. The word “usability” also refers to methods for improving ease–of–use during the design process.” In this article I hope to give you some form of a usability checklist, covering topics from form design to simple navigation tips that you can apply to any Web project. 1. Letting the user know what section of the site they’re in, or what category they’re navigating through can be give a huge usability boost to any site. 2. 3. 4. 5. 6. 7. 8. 9. 10.

Best Used Cars | Why Buy Used Cars » Blog Archive » Forget The F <div class="greet_block wpgb_cornered"><div class="greet_text"><div class="greet_image"><a href=" target="_blank" rel="nofollow"><img src=" alt="WP Greet Box icon"/></a></div>Hello there! If you are new here, you might want to <a href=" rel="nofollow"><strong>subscribe to the RSS feed</strong></a> for updates on this topic.<div style="clear:both"></div><div class="greet_block_powered_by">Powered by <a href=" title="WP Greet Box WordPress Plugin" style="text-decoration:none;">WP Greet Box</a><a href=" title="WordPress Plugin" style="text-decoration:none;">WordPress Plugin</a></div><div style="clear:both"></div></div></div> People tend to avoid painful things: Root canals…Tax audits…Birthday parties with clowns. Eric Miltsch

How to Build a Hackintosh Mac and Install OS X in Eight Easy Steps @douglobue: Apple doesn't always have the hardware options you want, and if they do, as with windows computers, building your own is almost always cheaper. Plus, as you said, it's fun to DIY. @douglobue: You're not going to get the same hardware for the price, but if you need a monitor, that's certainly an extra price. And yeah, DIY is part of the fun. :) @douglobue: i just priced out all the parts to do an 8-core i7 @ 3.06ghz. with 8gb ram, and a 1tb drive. for under $1800. an imac, at that price range, comes with an i3 with 4 gb of ram. @douglobue: Core i7 is your answer, you have to be geek enough to understand.

Screenshots of Pamela for Skype | Call Recording and a lot more! Screenshots of Pamela for Skype Below are some screenshots of the Pamela product. There is a lot more like cool Skype video recording and tons of other nice features. Pamela main interface Updated user interface. Skype Voicemail Support Pamela now fully supports Skype Voicemail. Play cool sounds during your calls Pamela allows you to play sounds during any call. Call transfer to groups If you want to call transfer to multiple people in one group or department, Pamela can do this for you! Custom Recording Need a sound snippet for playback during a call or want to do a recording without Skype? Email forwarding console Forward any of your recordings via the improved email-function in Pamela. Rich Mood Editor Set an eye catching Skype Mood message with the built in Rich Mood Editor. Take Call Notes When recording calls you might want to take some notes, do this right during the call with the Pamela note taking function. Search Call Notes New since version 4.0 is the ability to search your call notes.

- Best of Parallax-Effect - Webdesign und Webentwicklung im Webstandard-Blog Inspiration - 30 Apr, 2009 Das Parallax Scrolling ein interessanter Effekt ist, der es ermöglicht Bewegung in Eure Webseiten zu bringen, ist durchaus bekannt. Auch das für diesen Effekt lediglich einige Grafiken, ein wenig CSS, etwas (X)HTML und je nach Anforderung auch etwas JavaScript ( ist keine Voraussetzung, denn es geht auch ohne! stephband.info ( move the cursor ) therissingtonpodcast.co.uk ( resize the Browser - Header & Footer ) www.silverbackapp.com ( resize the Browser - Header ) www.cdev.ru ( resize the Browser - Header ) inner.geek.nz ( scroll the content ) weallhatequickbooks.com ( resize the Browser - Footer ) dromaeo.com ( resize the Browser - Header ) arnaud-k.fr ( move the cursor - Header ) www.csslab.cl ( resize the Browser - Footer ) www.sebbi.de ( move the cursor - Header ) www.yolcudergisi.com ( move the cursor - Header ) marcofolio.net ( resize the Browser - my favorite! www.umaghetzeggen.nl ( move the cursor ) www.kremalicious.com ( resize the Browser - Header )

Related: