Mark Blair's Library tagged webdesign →  View Popular

"Projects vary in scope and size, and the challenges they entail vary likewise. As a lone web designer, the biggest job I am responsible for is FlashDen. Along with thousands of active members all chatting, uploading and buying, the site processes large amounts of money and large amounts of traffic.
Designing, redesigning, maintaining and working with developer team has given me some useful insights and tips for making life easier. And since today we've launched my latest redesign of the site, it seems like a good time to write up my top 7 tips! "

net.tutsplus.com/...g-and-maintaining-a-large-site - Preview

webdesign webdev tips

"This tutorial will guide you through the process of designing a professional website with a funky colorful flair. The tutorial features some great colors, effects and layer styles in which you can use over and over for future projects. Let's get started!"

psd.tutsplus.com/...-a-unique-colorful-site-layout - Preview

photoshop webdesign tutorial

"The prospect of creating graphics charts with javascript is exciting. It’s also the perfect use of javascript — creating non-essential features with unobtrusive scripting. I’ve created a mix of PHP (the Analytics class), HTML, and MooTools javascript that will connect to Google Analytics, create an HTML table with the statistics for a given month, and use MooTools MilkChart to colorfully chart them out."

davidwalsh.name/milkchart - Preview

google analytics webdesign javascript php

"“Fortunately” for us designers, not everyone seems to understand what makes or breaks a Web design. Granted, Web design is to a large extent a creative process and can therefore be called more art than science. But because it is intrinsically a medium of presentation, some rules (or at least principles) apply. By following some simple pointers, anyone should be able to create a visually pleasing design and take one step closer to fame. Okay, it’s not that simple, and talent and experience do matter, but anyone can turn their home page into something prettier within mere minutes.

substraction

So what makes something pretty? It is not Flash. Not to say that Flash has no merit, but Flash alone doesn’t make a design good; some nasty Flash websites are out there. Also, one doesn’t have to be a great illustrator to make appealing designs. Instead, look at Web design as a symbiosis of different elements. No single element counts the most; rather, the sum of the elements makes a design look good.

These elements are the 7 key principles that make a Web design look good:

* Balance,
* Grid,
* Color,
* Graphics,
* Typography,
* White space,
* Connection."

www.noupe.com/...ke-a-web-design-look-good.html - Preview

webdesign ui

"Superfish is a JQuery plugin especially dedicated to menus. It allows many improvement from what you can achieve with HTML and CSS as such as hover support for IE6, animations, keyboard accessibility and more."

www.jquery.wisdomplug.com/...superfish-jquery-menu-plugin - Preview

jquery webdesign ui

"The use of HTML lists (<ol> for an ordered list, <ul> for an unordered list) is very common these days. Today, we're going to look a little bit further than creating regular lists, by showing 8 different ways to beautifully style your HTML lists with CSS. We'll use some pure CSS techniques to make a bored list look awesome (and even have some extra functionality)."

www.marcofolio.net/...utifully_style_your_lists.html - Preview

jquery webdesign

"The tiny navigation in your site decides if a two second long visit is memorable or not! Spice up your web user interface with this colelction of easy to use yet eye catching navigation plugins and tutorials."

www.jquery.wisdomplug.com/...best-jquery-navigation-plugins - Preview

jquery webdesign ui

builtwith.com - Preview

analytics tools webdesign

"Add Google's website translator to your webpages, and offer instant access to automatic translation of the pages. Adding the website translator is quick and easy. Here's how to do it:"

translate.google.com/translate_tools - Preview

google translate webdesign widget

"The iPod-style menu provides easy navigation of complex nested structures with any number of levels. The entire menu sits within a fixed-size area, and when a node is selected, by default a “Back” link appears below the menu to allow navigation to previous (parent) menus, or set options to show breadcrumb links above the menu options to both deliver feedback and allow quick access to nodes higher up in the hierarchy."

www.jquery.wisdomplug.com/...tyle-drilldown-and-flyout-menu - Preview

jquery webdesign ui

"It makes sense to forgo database tables and server-side code when you need to store a limited amount of non-sensitive data. Accessing this data can be a snap with jQuery because the library was built to traverse XML documents with ease. With some custom JavaScript and jQuery magic you can create some interesting widgets. A good way to demonstrate this functionality is by building a browsable Amazon.com books widget. "

net.tutsplus.com/...oks-widget-with-jquery-and-xml - Preview

jquery tutorial webdesign

"Learn how to create the well-known javascript accordion with the most minimal amount of html, css, javascript code and of course, with a beautiful interface as well."

www.queness.com/...iful-jquery-accordion-tutorial - Preview

jquery tutorial webdesign

Now, You've seen most of the plugin features but let me summarize it..

1. Show realtime related tweets based on your post tags.
2. Show your twitter timeline; related to your post or not.
3. Return only tweets with links or return all.
4. Limit tweets by 1 or more users. (from/to/mention users!)
5. Limit tweets by a location geocode and a radius.
6. Search by tags in Or-ing or And-ing mode.
7. Many tweets' transition options like opacity, height, font-size.
8. Each part of the tweet like Avatar, links, Hashtags.. has its own class so you can customize its style.
9. Show or hide some parts of the tweet like avatar, author name, date.
10. Use a typical JS call or auto-load div elements that have "related-tweets" class.

www.moretechtips.net/...elated-tweets-bar-another.html - Preview

twitter jquery webdev webdesign

Sometimes, creating the original layout for a new web design can be the most tedious and time-consuming part of the process. Defining columns and rows and tables, while necessary, lacks the creative fun that things like logo design and color selection have, and it’s not too surprising to see developers try to skip around the process by reusing old templates. Yet, templates sometimes lack the flexibility required, and then developers are forced to waste time reinventing the wheel, especially when you are trying to design without dependency on images.

www.cherrysave.com/...n-with-blueprint-css-framework - Preview

css webdesign webdev tutorial

As you already seen in 80 Corporate Website Designs that a perfect layout, A good design and nice resources can produce a creative output. Layout, textures and patterns are used more often than one may think but the outcome of different combination can result verity of excellent designs. However, When it comes to corporate website design you need to take care about many things which includes simplicity, readability, presentation and accessibility.

In this presentation, you’ll find a variety of highly-creative, beautiful and most importantly inspirational corporate designs which is easy to accessible and convenient to approachable. The main purpose here is to stimulate your creativity and to inspire your imagination to design or redesign your work site to show your skills to potential clients.

www.instantshift.com/...s-of-corporate-website-designs - Preview

webdesign

A perfect layout, A good design and nice resource can produce a creative output. Layout, textures and patterns are used more often than one may think but the outcome of different combination can result verity of excellent designs. Modern age designers love to experiment with things and observe how people interact with their work. However, When it comes to corporate website design you need to take care about many things which includes simplicity, readability, presentation and accessibility.

In this presentation, you’ll find a variety of highly-creative, beautiful and most importantly inspirational corporate designs which is easy to accessible and convenient to approachable. The main purpose here is to stimulate your creativity and to inspire your imagination to design or redesign your work site to show your potential to new clients.

www.instantshift.com/...designs-for-design-inspiration - Preview

webdesign

Everyone would agree that usability is an important aspect of Web design. Whether you’re working on a portfolio website, online store or Web app, making your pages easy and enjoyable for your visitors to use is key. Many studies have been done over the years on various aspects of Web and interface design, and the findings are valuable in helping us improve our work. Here are 10 useful usability findings and guidelines that may help you improve the user experience on your websites.

www.smashingmagazine.com/...bility-findings-and-guidelines - Preview

usability webdesign

BrowserLab provides web designers exact renderings of their web pages in multiple browsers and operating systems, on demand. BrowserLab is a powerful solution for cross-browser compatibility testing, featuring multiple viewing and comparison tools, as well as customizable preferences. Since BrowserLab is an online service, it can be accessed from virtually any computer connected to the web. Also, Adobe Dreamweaver® CS4 software users have access to additional functionality such as testing local and active content.

browserlab.adobe.com/index.html - Preview

testing webdesign adobe

When Site Studio got the feature of friendly URLs for websites, a nice "side-effect" component that came out of it was the WebUrlMapPlugin component. Since UCM 10gR3, it's been included as one of the standard components that gets installed when you install UCM, so I'm not sure if many folks are even aware it's there and what it does.

It's purpose is to map the long and complex looking URLs down to nice friendly short ones. By default, two mappings are already set up for you. One for Dynamic Conversion and one for the Content Information page. So for instance, instead of using the URL of:

blogs.oracle.com/...friendly_urls_for_ucm.html - Preview

ucm webdev webdesign

In Part 1: Styling Design Elements we covered the basics of web design with CSS. In Part 2 we’re offering up some more advanced techniques and effects you can achieve with CSS. Everything from creating your own online apps (like calendars) to styling web pages for use with the iPhone to some basics of working with CSS3 is covered here.

www.smashingmagazine.com/...-advanced-techniques-and-tools - Preview

css webdesign tutorials