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

-
Infographic: Website testing strategy
This infographic seeks to highlight the importance of website testing.
Posted by Selena Frye | January 11, 2012, 9:00 AM PST | Latest comment by Shankarl
-
Inspiration: 15 Joomla implementations
Ryan Boudreaux picks some of the best examples of effective Joomla implementations to help inspire other designers and developers using this platform.
Posted by Ryan Boudreaux | January 9, 2012, 12:14 PM PST
-
Effective website navigation using CSS3
Ryan Boudreaux presents a tutorial on revamping your website's navigation using only CSS3 -- no JavaScript or images.
Posted by Ryan Boudreaux | January 5, 2012, 6:00 AM PST | Latest comment by macminn@...
-
Web design tips to enhance SEO
Justin James provides easy-to-follow tips to enhance your website design for better SEO. Make sure search engines are finding your site by implementing these practices.
Posted by Justin James | January 4, 2012, 6:00 AM PST | Latest comment by kunalkum
-
WordPress platform for more than blogging
Ryan Boudreaux highlights some examples of the Wordpress platform being used to power traditional, non-blogging websites.
Posted by Ryan Boudreaux | January 3, 2012, 9:00 AM PST
-
CSS3 technology replaces JavaScript functionality
Ryan Boudreaux demonstrates how new CSS3 code can replace JavaScript functionality in these examples.
Posted by Ryan Boudreaux | December 29, 2011, 9:00 AM PST | Latest comment by bobojdogg
-
Web Designer: Most-read posts of 2011
The Web Designer blog debuted in 2011 on TechRepublic. Here are ten of the most-read posts of the year.
Posted by Selena Frye | December 22, 2011, 1:00 PM PST
-
CSS3 technology in action: Design examples
Ryan Boudreaux highlights some beautiful examples of CSS3 design projects by some individuals who are at the forefront in tinkering with the new code possibilities.
Posted by Ryan Boudreaux | December 22, 2011, 7:00 AM PST
-
Internet trends and your web development strategy
Ryan Boudreaux looks at some of the latest reports on how users are spending their time on the web. Keeping an eye on trends is one way for web developers to stay current.
Posted by Ryan Boudreaux | December 20, 2011, 11:04 AM PST
-
CSS3 styling for data tables
Ryan Boudreaux demonstrates some of the styling for data tables that is possible with new CSS3 code. Here are two examples of code, along with explanation of the properties.
Posted by Ryan Boudreaux | December 15, 2011, 9:00 AM PST | Latest comment by jeffrey.bollman@...
-
How to replace Flash and Silverlight with HTML5
Justin James discusses the five main areas where HTML5 can provide alternatives to both Flash and Silverlight web development strategies.
Posted by Justin James | December 14, 2011, 6:00 AM PST | Latest comment by Justin James
-
HTML5 use steams ahead: 10 great examples
Ryan Boudreaux highlights some of the best examples he has found of websites that are already putting HTML5 properties and elements to good use.
Posted by Ryan Boudreaux | December 13, 2011, 6:00 AM PST
-
Influential interactive website designs: 10 of the best
Todd Fluhr shares his list of the best interactive website designs. Some of these are huge, some went viral, but all have been influential on the Internet.
Posted by C. Todd Fluhr | December 8, 2011, 12:15 PM PST | Latest comment by DT2
-
Open source NotePad++ is a solid contender among text editors
Ryan Boudreaux reviews the free, open source text editor Notepad++. Here is his list of pros and cons and recommendations for who is likely to get the most out of it.
Posted by Ryan Boudreaux | December 8, 2011, 12:07 PM PST | Latest comment by shahdan
-
Web design basics: How to create snazzy tables and when to use them
Ryan Boudreaux demonstrates the basics of importing and exporting tabular data in Dreamweaver and then sorting and formatting the data to create attractive tables for web pages.
Posted by Ryan Boudreaux | December 6, 2011, 11:07 AM PST | Latest comment by krisige
-
CSS3 Gradients: Setting color stops
Ryan Boudreaux shows you how to use CSS3 code to set color stops with both linear and radial gradients.
Posted by Ryan Boudreaux | December 1, 2011, 10:53 AM PST
-
Getting started with Google Dart
Justin James creates a sample Dart application to illustrate how the new Google language works as a beta version.
Posted by Justin James | November 30, 2011, 6:00 AM PST | Latest comment by heronote
-
CSS3 examples: Linear and radial gradients
Ryan Boudreaux goes more in-depth on working with the CSS3 code for creating different kinds of gradients. Here, he illustrates linear and radial gradients with code samples.
Posted by Ryan Boudreaux | November 29, 2011, 11:59 AM PST | Latest comment by ocampesato@...
-
Web designs gone wrong: A gallery of digital horror
Todd Fluhr scoured the web for ten of the worst web design examples he could find for those who profit from negative reinforcement. Don't do any of this!
Posted by C. Todd Fluhr | November 23, 2011, 10:42 AM PST | Latest comment by smashwebmedia
-
Stay on the design cutting edge with these HTML5 and CSS3 resources
Ryan Boudreaux shares 26 resources that he thinks will help you stay ahead of the curve in web design with the latest in HTML5 and CSS3 advances.
Posted by Ryan Boudreaux | November 23, 2011, 9:00 AM PST | Latest comment by danielfurze
-
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
-
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
-
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
-
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
-
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
-
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
-
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
-
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
-
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
-
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
-
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
-
Know your users: Web analytics tools
Here are tips on how to get good web analytics data and use it to find out more about how users are interacting with your website.
Posted by Ryan Boudreaux | May 7, 2013, 9:00 AM PDT | Latest comment by Marios Zindilis

































