- Follow this blog:
- RSS
- Email Alert
Web Designer
Selena Frye
TechRepublic Staff
Selena Frye
-
Build web application CSS layouts with the YAML framework
The CSS framework YAML provides developers and designers with a starting point for their web application and design work. Tony Patton suggests giving YAML a try.
Posted by Tony Patton | August 9, 2012, 1:41 PM PDT
-
Understanding progressive enhancement techniques in web design
Ryan Boudreaux explains what is meant by progressive enhancement (PE) in web design.
Posted by Ryan Boudreaux | August 8, 2012, 11:47 AM PDT | Latest comment by lastchip
-
How to style flexible images for RWD
Ryan Boudreaux shows how to incorporate flexible images and objects into your Responsive Web Designs.
Posted by Ryan Boudreaux | August 2, 2012, 2:10 PM 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
-
How to get started with Responsive Web Design
Ryan Boudreaux explains the concept and methods behind Responsive Web Design. Here are some easy examples to help you get familiar with RWD.
Posted by Ryan Boudreaux | July 26, 2012, 1:20 PM PDT | Latest comment by thinkus
-
How to use the RGBa color model
Ryan Boudreaux illustrates the RGBa color model and shares the fallback for the IE browser.
Posted by Ryan Boudreaux | July 25, 2012, 12:28 PM PDT | Latest comment by Slayer_
-
Breaking out of design patterns
Barry Saunders explains how shared trust and responsibility is more efficient than falling back on documentation for job security.
Posted by Barry Saunders | July 22, 2012, 6:16 PM PDT
-
Create custom buttons with CSS3
Ryan Boudreaux demonstrates how to build custom buttons with CSS3 code in this tutorial.
Posted by Ryan Boudreaux | July 19, 2012, 2:04 PM PDT | Latest comment by MichaelMar
-
How to set up LAMP for quick and easy web page hosting
Ryan Boudreaux takes you through the basic steps to install and set up the LAMP stack for a quick, easy, and cheap solution for hosting web pages.
Posted by Ryan Boudreaux | July 17, 2012, 8:01 AM PDT | Latest comment by chanyeehon@...
-
The value of rough sketching
Barry Saunders explains why it is far easier to discard a paper sketch than a full set of wireframes.
Posted by Barry Saunders | July 12, 2012, 4:50 PM PDT | Latest comment by Deadly Ernest
-
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
-
Font inspiration from film and television
Inspired by a font you see in film or TV shows? Ryan Boudreaux shares some of the places you can track down free versions of these fonts to use in your web designs.
Posted by Ryan Boudreaux | July 11, 2012, 8:59 AM PDT | Latest comment by Ray Baker
-
User flows in web design
Making use of user flows helps ensure that a site is clear, intuitive, and usable.
Posted by Barry Saunders | July 8, 2012, 10:11 PM PDT | Latest comment by GSG
-
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@...
-
ICANN's expanded domain name offerings coming soon
Ryan Boudreaux asks a legal expert some preliminary questions about the expanded set of domain names that will become available soon. How will applications be decided and what are some of the...
Posted by Ryan Boudreaux | July 3, 2012, 11:34 AM PDT
-
How to fix your rags, widows, and orphans
Ryan Boudreaux looks at some of the most common typography problems and offers a tip to help keep them to a minimum in your web designs.
Posted by Ryan Boudreaux | June 28, 2012, 11:36 AM PDT | Latest comment by prouton
-
Free web font resources for designers
Ryan Boudreaux suggests four great sources for free web fonts.
Posted by Ryan Boudreaux | June 26, 2012, 2:04 PM PDT
-
Using software personas for emotional design
User personas are a useful tool for user experience design and software development.
Posted by Barry Saunders | June 24, 2012, 7:24 PM PDT
-
Website conceptualization and information architecture (IA)
Ryan Boudreaux offers tips and tools to help you with Information Architecture -- a planning strategy for website design that ensures a well-organized and usable website.
Posted by Ryan Boudreaux | June 21, 2012, 8:00 AM PDT
-
How to create optimized and accessible PDFs for your website
Ryan Boudreaux tells you all you need to know to create PDFs for your website that are optimized for readability, searchability, and accessibility.
Posted by Ryan Boudreaux | June 19, 2012, 11:31 AM PDT | Latest comment by damiel126
-
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
-
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 poshinfosys
-
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
-
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
-
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
-
Good, bad, or ugly? Chromium forks WebKit to create Blink
Blink is the recently announced fork of the WebKit-rendering engine for Google Chrome, but is it good news for users and developers, or purely a business move?
Posted by Ryan Boudreaux | April 18, 2013, 8:40 AM PDT | Latest comment by laseray@...
-
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@...
-
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
-
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
-
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
