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

-
A preview of Adobe Edge: Trying out animations
Justin James takes the recently released Adobe Labs Edge beta out for a spin. He used Edge to create HTML5 animations. Here's how his test run went.
Posted by Justin James | August 10, 2011, 6:00 AM PDT | Latest comment by Justin James
-
Quick tip: Establishing rules for publishing on the web
Ryan Boudreaux discusses the elements that should be included in any organization's manual of best practices governing how published web content is approved, maintained, and inventoried.
Posted by Ryan Boudreaux | August 9, 2011, 11:27 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
-
Design aesthetics: One person's Pollack is another's spilled paint
Todd Fluhr tackles the elusive and and difficult subject of design aesthetics when it comes to developing websites. How do you balance artistic vision vs. pragmatic functionality and navigation?
Posted by C. Todd Fluhr | August 3, 2011, 9:28 AM PDT | Latest comment by santeewelding
-
Quick tip: Finding web design inspiration
Ryan Boudreaux suggests some ways for web designers to cultivate inspiration, drawing on the simple activity of observation. He includes some tools that will help you save and organize your ideas.
Posted by Ryan Boudreaux | August 2, 2011, 11:14 AM PDT
-
Check out the Edge software preview from Adobe
Download Adobe's new HTML5-based software called Edge, which is now in public preview. Experiment and contribute your feedback as Adobe continues to add features and functionality.
Posted by Selena Frye | August 1, 2011, 12:30 PM PDT | Latest comment by Karen301
-
HTML5: Using sectional elements
Ryan Boudreaux takes a look at various sectional elements in the new HTML5 specification and gives examples of how they are meant to be used.
Posted by Ryan Boudreaux | July 28, 2011, 9:00 AM PDT | Latest comment by SilentWolf
-
Google and OK Go team up in HTML 5 interactive video
See some HTML 5 in action in this OK Go music video, created by Google. It's meant to be viewed in the Chrome browser.
Posted by Selena Frye | July 27, 2011, 1:15 PM PDT
-
Quick tip: Debugging and testing
Ryan Boudreaux offers some basic tips for troubleshooting and debugging web pages, including some tools that will help you check cross-browser support and other issues.
Posted by Ryan Boudreaux | July 26, 2011, 11:06 AM PDT | Latest comment by mikeraahul
-
HTML5: Attributes, semantic markup, redefined elements
The HTML5 specification, while not entirely finished, is scheduled to be near completion sometime around the year 2020 or 2022 timeframe; however, currently most browsers do allow for several...
Posted by Ryan Boudreaux | July 21, 2011, 12:08 PM PDT | Latest comment by Justin James
-
Quick tips for web design: Keep learning
Ryan Boudreaux highlights a few handy resources for those who both want to get started and continue their web design education without going back to the classroom.
Posted by Ryan Boudreaux | July 19, 2011, 9:00 AM PDT
-
HTML5: Creating a base template
Ryan Boudreaux details some of the first element updates of HTML5. Follow along and create a base template to reflect the updated specification.
Posted by Ryan Boudreaux | July 14, 2011, 9:00 AM PDT
-
HTML5: The next generation of web design
Ryan Boudreaux introduces the latest updates to the HTML5 specification, shows how the major browsers are comparing so far, and suggests additional HTML5 resources for web designers.
Posted by Ryan Boudreaux | July 12, 2011, 6:00 AM PDT | Latest comment by mbluett
-
Intellectual property, copyright, and the cloud: More details on the law for web masters and developers
In part two of his interview with David Weslow, Ryan Boudreaux asks more questions about how the cloud could affect intellectual property and copyright issues.
Posted by Ryan Boudreaux | July 7, 2011, 6:00 AM PDT
-
Cyber squatting and copyright infringement: What the law allows
Ryan Boudreaux interviews a legal expert about some of the legal issues facing web masters and developers. This segment covers cyber squatting and copyright infringement laws.
Posted by Ryan Boudreaux | July 5, 2011, 9:33 AM PDT | Latest comment by David_Weslow
-
Web master challenges: Creating realistic budgets
Ryan Boudreaux discusses the challenge for web masters to work within tight budgets. What should you include as project line items and how can you get more money? Here are some tips.
Posted by Ryan Boudreaux | July 1, 2011, 6:00 AM PDT
-
This is why your website sucks
C. Todd Fluhr pulls no punches in telling you exactly why your website is unsuccessful, boring, forgotten, and basically a waste of your initial investment. Here's what you should do about it.
Posted by C. Todd Fluhr | June 29, 2011, 7:47 AM PDT | Latest comment by blogfollow
-
Quick tips: Designing for user experience (UX)
Ryan Boudreaux provides some guidelines for designing websites with the optimum user experience in mind.
Posted by Ryan Boudreaux | June 28, 2011, 9:00 AM PDT
-
Form validation: Using the Check Form Extension for Dreamweaver
Ryan Boudreaux follows up in his series on creating web forms and form validation with this post on using the robust features of the Check Form Extension for Dreamweaver.
Posted by Ryan Boudreaux | June 23, 2011, 8:44 AM PDT
-
Quick Tip: Web design project management
Ryan Boudreaux suggests some easy tips for organizing your projects and making sure you have the right foundation for setting realistic timelines and keeping track of tasks.
Posted by Ryan Boudreaux | June 21, 2011, 11:44 AM PDT
-
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
-
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
-
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
-
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

































