- Follow this blog:
- RSS
- Email Alert
Web Designer
Selena Frye
TechRepublic Staff
Selena Frye

-
Quick Tip: Make your URLs user-friendly
Ryan Boudreaux discusses the importance of providing user-friendly URLs and offers tips about ways to handle web re-addressing for both static and dynamic URLs.
Posted by Ryan Boudreaux | April 12, 2011, 10:54 AM PDT
-
20 more online tools for web design
Ryan Boudreaux presents 20 more online tools for web designers. They include tools for font selection, px to em conversion, type tuning, CSS snippets, and more.
Posted by Ryan Boudreaux | April 7, 2011, 2:00 PM PDT
-
Quick Tip: Validate your code
Ryan Boudreaux discusses the best practice of validating your code for the web, offers some tips to streamline the process, and highlights some handy tools.
Posted by Ryan Boudreaux | April 5, 2011, 12:28 PM PDT | Latest comment by Ron_007
-
20 online topography tools for web design
Ryan Boudreaux highlights 20 of his favorite online topography tools for web designers. These tools will help you with various elements of style, including word spacing, font selection, converting...
Posted by Ryan Boudreaux | March 31, 2011, 12:23 PM PDT | Latest comment by conceptual
-
Quick Tip: Setting options to print web documents
Ryan Boudreaux addresses the issue of setting options via CSS that allows users to print documents from the web. He provides some resources to help you find a web printing solution.
Posted by Ryan Boudreaux | March 29, 2011, 10:44 AM PDT
-
Backgrounds in web design: Adding text styles
The final post in Ryan Boudreaux's backgrounds in web design series shows you how to add the final text styles to the design in CSS.
Posted by Ryan Boudreaux | March 23, 2011, 7:59 AM PDT | Latest comment by TAPhilo
-
Quick Tip: Character encoding
Ryan Boudreaux explains the importance of setting character encoding so that browsers render web content correctly and offers some examples for how to specify the appropriate encoding.
Posted by Ryan Boudreaux | March 22, 2011, 6:00 AM PDT | Latest comment by xmetal
-
Backgrounds in web design: Adding navigation
Ryan Boudreaux continues his project series on creating background web designs with this installment, which shows you how to add navigation links utilizing CSS to define multiple clickable hotspots.
Posted by Ryan Boudreaux | March 17, 2011, 1:13 PM PDT | Latest comment by bear_it999@...
-
Quick Tip: Proofreading tricks for clean content
Don't expect your customers to hand you clean content. Here are some tried and true proofreading tips to keep mistakes from cropping up on your websites.
Posted by Ryan Boudreaux | March 15, 2011, 10:01 AM PDT | Latest comment by Ryan Boudreaux
-
Backgrounds in web design: Going from PSD to code
Ryan Boudreaux continues his example website project of creating backgrounds for web pages. In this installment, he takes the Photoshop design to CSS code.
Posted by Ryan Boudreaux | March 10, 2011, 12:25 PM PST
-
Designing websites without code
You don't necessarily have to know how to code to produce a website these days. Ryan Boudreaux looks at some of the platforms that allow for easy, rapid website development.
Posted by Ryan Boudreaux | March 8, 2011, 11:57 AM PST | Latest comment by spearson@...
-
Backgrounds in web design: Creating a theme
Ryan Boudreaux shows you how to create a unified website theme by fitting backgrounds, illustrations, images, graphics, and textual content together in a design. In this post, he puts together an...
Posted by Ryan Boudreaux | March 3, 2011, 11:47 AM PST | Latest comment by haven_u
-
How to right-size your website for mobile screens
Sankalp Waingankar shows you how to make optimum use of the screen width provided by different mobile devices even when you have to design for older devices that don't support the use of HTML tables.
Posted by Sankalp Waingankar | March 1, 2011, 9:55 AM PST | Latest comment by blog commenting
-
How to specify the document language: Using the lang attribute
Ryan Boudreaux presents this quick tip to show you why it's a good idea to declare your document language and how to use the lang attribute correctly.
Posted by Ryan Boudreaux | February 28, 2011, 12:41 PM PST
-
Dreamweaver: Search and destroy rogue code
Ryan Boudreaux takes you step-by-step through the process of checking for and safely deleting any rogue code that you might find in your files.
Posted by Ryan Boudreaux | February 25, 2011, 6:00 AM PST
-
Template resources for web design
Templates let you develop web sites that share a similar structure and graphic identity, quickly and without having to worry about accidentally deleting or changing elements. Ryan Boudreaux...
Posted by Ryan Boudreaux | February 23, 2011, 12:42 PM PST | Latest comment by Dethpod
-
Web development using Go
Go has enjoyed unusually rapid adoption and popularity among developers. Here are some highlights of using this programming language.
Posted by Chip Camden | February 23, 2011, 9:34 AM PST | Latest comment by Cannabis Seed
-
How to design a shopping website for easy content discovery
Sankalp Waingankar lists some best practices for designing shopping websites that are user-friendly and make it easy to find exactly what a buyer is looking for.
Posted by Sankalp Waingankar | February 18, 2011, 6:00 AM PST | Latest comment by seanferd
-
How to select a color scheme for your website
Using the Color Scheme Designer tool, Ryan Boudreaux shows you how you can use it to create a well-designed color theme for your website that is easy on the eye.
Posted by Ryan Boudreaux | February 17, 2011, 8:20 AM PST | Latest comment by bobby@...
-
Poll: Have you studied usability?
Usability is all about making it easy for people to use your site or application, and yet not all developers and designers have studied the topic. Take this poll to let us know if you've studied...
Posted by Justin James | February 16, 2011, 4:48 AM PST | Latest comment by touringtools
-
Tutorial: How to implement the parallax scrolling effect, part 1
Ryan Boudreaux explains the code behind achieving the parallax scrolling effect on your website. Part 1 of this two-part series covers the first two sections of code.
Posted by Ryan Boudreaux | December 4, 2012, 7:19 AM PST
-
What is the difference between responsive vs. adaptive web design?
Ryan Boudreaux clears up some of the confusion about what is meant by responsive vs. adaptive web design. While similar in their goal, the approaches are different.
Posted by Ryan Boudreaux | April 11, 2013, 7:56 AM PDT | Latest comment by quantumcloud
-
Embed custom fonts on your website with the @font-face property
Ryan Boudreaux shows you how to get custom fonts into a usable form for your website designs by employing the @font-face property.
Posted by Ryan Boudreaux | July 12, 2012, 8:24 AM PDT
-
How to create media queries in Responsive Web Design
Ryan Boudreaux shows how to create media queries that allow the web designer to target styles based on a number of device properties, such as screen width, orientation, and resolution.
Posted by Ryan Boudreaux | July 31, 2012, 2:29 PM PDT
-
Try the lightweight CSS Slideshow System for your next presentation
The CSS Slideshow System, or CSSS, is a simple, lightweight presentation program featuring keyboard navigation. Take a look under the hood and learn how you can use it.
Posted by Ryan Boudreaux | April 23, 2013, 11:43 AM PDT
-
Learn more about Web Components with these demos
Ryan Boudreaux explains what the Web Components specification is and how it can be used to create reusable modules for web applications.
Posted by Ryan Boudreaux | March 21, 2013, 6:00 AM PDT
-
jQuery: How to get objects by ID, Class, Tag, and Attribute
Ryan Boudreaux continues his tutorial on getting acquainted with jQuery by showing you how to get objects by ID and Class selectors and by Tag and Attribute.
Posted by Ryan Boudreaux | April 3, 2012, 1:24 PM PDT | Latest comment by jeandavid54
-
Responsive web design vs. mobile app development
Ryan Boudreaux lists the criteria to be evaluated if you are deciding between developing a mobile app or using RWD to optimize your website for mobile devices.
Posted by Ryan Boudreaux | March 28, 2013, 8:09 AM PDT | Latest comment by sienna amelia
-
Creating common web design icons with CSS: The NavIcon
The NavIcon, an instantly recognizable menu icon in web design, is one of many. You can create this one and others with pure CSS.
Posted by Ryan Boudreaux | April 24, 2013, 12:44 PM PDT | Latest comment by raghda1
-
HTML5: Using structural elements for header, footer, and navigation
Ryan Boudreaux digs into the use of structural elements in the new HTML5 specification, specifically header, footer, and navigation elements, and gives examples of each.
Posted by Ryan Boudreaux | August 4, 2011, 1:46 PM PDT | Latest comment by l_e_cox
-
Learn to use the HTML5 Drag and Drop API
Ryan Boudreaux introduces the HTML5 Drag and Drop API and gives some links to demos and resources for more ideas on how to use it.
Posted by Ryan Boudreaux | March 14, 2013, 9:00 AM PDT
-
Creating an ADA-compliant website
Nicole Bremer Nash goes over the requirements for an ADA-compliant website, including checklists and additional resources.
Posted by Nicole Bremer Nash | March 30, 2012, 8:03 AM PDT | Latest comment by The Flaming Maiden
-
Tips on how to coach your website clients
Making sure your clients are happy with their new website design depends on clear communication and shaping their expectations.
Posted by Ryan Boudreaux | April 30, 2013, 9:45 AM PDT | Latest comment by wsuffolk
-
A checklist for web accessibility issues
In addition to designing for all kinds of devices with varying screen sizes, developers also aim for accessibility for all users. Here is a checklist to help you rate your website and apps.
Posted by Ryan Boudreaux | May 14, 2013, 11:20 AM PDT | Latest comment by lunchbeast
-
Customize horizontal rules to add some flair
Ryan Boudreaux shares some styling tips that will help rescue your boring horizontal rules.
Posted by Ryan Boudreaux | July 5, 2012, 11:11 AM PDT | Latest comment by moorec@...
-
Start looking into the HTML5 template element
The HTML5 template element is still in development, but you can read the spec and start playing around with it now to see how it might figure into your future web designs.
Posted by Ryan Boudreaux | May 16, 2013, 6:00 AM PDT
-
CSS3 filter effects: Grayscale, invert, sepia, and more
Ryan Boudreaux demonstrates some applications of various CSS3 filter effects, including grayscale, sepia, saturation, and combined effects.
Posted by Ryan Boudreaux | October 25, 2012, 9:00 AM PDT | Latest comment by RJBoudreaux
-
HTML5: Drawing images and adding text to the canvas element
Ryan Boudreaux shows more examples of working with the canvas element in HTML5, this time drawing images and adding text with the various functions available.
Posted by Ryan Boudreaux | August 18, 2011, 8:46 AM PDT
-
CSS3: New properties for text-overflow and text-wrap
Ryan Boudreaux illustrates the CSS3 text-overflow and text-wrap properties in these code examples.
Posted by Ryan Boudreaux | October 18, 2011, 9:00 AM PDT
-
Photoshop tutorial: Create the Polaroid effect for images
Ryan Boudreaux demonstrates how to achieve the Polaroid effect with images in Photoshop CS5. This tutorial will help beginners understand how to work with layers in Photoshop.
Posted by Ryan Boudreaux | April 10, 2012, 10:47 AM PDT

































