Follow this blog:: RSS; Email Alert

Web Designer

Selena Frye

TechRepublic Staff

TechRepublic

Contact
Bio

Newest
Hottest

0

Web design survey wants your input

Take part in a survey of web pros, sponsored by A List Apart, a website devoted to web standards and best practices.

Posted by Selena Frye | November 18, 2011, 10:12 AM PST
4

Quick tip: Design elements that really make a difference

Ryan Boudreaux picks four important design elements that make up a website's total effect, recommending standards and additional resources to help you with each one.

Posted by Ryan Boudreaux | November 17, 2011, 6:00 AM PST | Latest comment by Dampflok
10

HTML5 and CSS3: Animation without Flash or JavaScript

Ryan Boudreaux demonstrates the @keywords property in HTML5 and CSS3 that allows you to create animations without the use of Flash or JavaScript.

Posted by Ryan Boudreaux | November 15, 2011, 12:34 PM PST | Latest comment by ocampesato@...
0

CSS3: New ways to process white space

Ryan Boudreaux introduces the newest properties under discussion for the processing of white space in CSS3 and includes code examples to show how the values are interpreted.

Posted by Ryan Boudreaux | November 10, 2011, 6:00 AM PST

2

Microsoft updates Bing Webmaster Tools

Microsoft Bing recently refreshed their Webmaster Tools after seeking feedback from the web master community. Have you tried them? Here are the major updates.

Posted by Selena Frye | November 9, 2011, 1:38 PM PST | Latest comment by jerang@...
0

Modernizr JavaScript library ushers in next-gen web design

Ryan Boudreaux introduces you to the Modernizr open source JavaScript library, which provides scripts to backfill functionality in older browsers while taking advantage of the latest CSS3 and...

Posted by Ryan Boudreaux | November 8, 2011, 10:56 AM PST
0

Power your website's CMS with WordPress

Ryan Boudreaux shares some of the plug-in options that can turn your WordPress implementation into a robust website CMS.

Posted by Ryan Boudreaux | November 3, 2011, 6:00 AM PDT
3

How to organize website content for easy navigation

Justin James offers practical tips on creating a site navigation strategy that effectively guides users/customers to the information or products they are looking for.

Posted by Justin James | November 2, 2011, 6:00 AM PDT | Latest comment by CharlieSpencer_Palmetto
0

Get a budget-minded blog platform (and more) with WordPress

Ryan Boudreaux goes over the basics of installing the WordPress blogging platform -- an open source alternative that could save dollars for budget-minded organizations.

Posted by Ryan Boudreaux | November 1, 2011, 2:06 PM PDT
2

CSS3: Dynamic graphics using new transition and transform properties

Ryan Boudreaux demonstrates the new features of CSS3 transition and transform properties, which can enable dynamic graphics without having to use lots of JavaScript.

Posted by Ryan Boudreaux | October 27, 2011, 10:06 AM PDT | Latest comment by Ryan Boudreaux
1

Considerations for creating mobile websites

Justin James lists his recommendations for creating mobile websites that take into account small screens and limited navigational possibilities.

Posted by Justin James | October 26, 2011, 6:00 AM PDT
0

CSS3 properties in process: Line-continuity and underline-position

Ryan Boudreaux looks at two CSS3 properties that are not currently implemented but will be important for emerging mobile technologies and more universal usability for non-Western languages.

Posted by Ryan Boudreaux | October 25, 2011, 11:34 AM PDT
2

Take a break: Web design humor

Web design can be challenging, frustrating, and complicated, but everyone can use a little comic relief. Here's a page that "Geocities-izes" any website. Share your favorite web design humor...

Posted by Selena Frye | October 25, 2011, 10:57 AM PDT | Latest comment by Slayer_
0

CSS3: Working with text-decoration properties

Ryan Boudreaux shows some examples of the CSS3 text-decoration properties and different ways of styling text.

Posted by Ryan Boudreaux | October 20, 2011, 10:53 AM PDT
6

Google's Dart: An object-oriented JavaScript alternative

Todd Fluhr looks at Google's web-programming language Dart, which even at its unfinished stage, says a lot about Google's plans to dominate the mobile consumer market.

Posted by C. Todd Fluhr | October 19, 2011, 6:00 AM PDT | Latest comment by toddfluhr
0

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
1

CSS3: New possibilities with text shadowing and 3D text

This segment on CSS3 will review creating text-shadows and 3D text, utilizing color, font-size, font-family, and the text-shadow styling property element in multiple layers to create impressive...

Posted by Ryan Boudreaux | October 13, 2011, 10:00 AM PDT
0

CSS3: Layering multiple shadows creates lightweight pages

In Ryan Boudreaux's series on CSS3 updates, he illustrates how layering multiple shadows with the box-shadow property, instead of using images, can result in attractive, more lightweight pages.

Posted by Ryan Boudreaux | October 11, 2011, 7:30 AM PDT
2

CSS3: How to implement the box-shadow property

Ryan Boudreaux uses multiples examples of CSS3 code to illustrate the effects that are possible with the box-shadow property.

Posted by Ryan Boudreaux | October 6, 2011, 10:23 AM PDT | Latest comment by ocampesato@...
0

Working with new styling for Borders in CSS3

Ryan Boudreaux illustrates the new properties for working with Borders in CSS3 using example code for border-color, border-radius, and border-image.

Posted by Ryan Boudreaux | October 4, 2011, 12:27 PM PDT

Page 10 of 15

0

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
8

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
1

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
1

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

0

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
9

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
4

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
0

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
3

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
2

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
1

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
8

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
2

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
4

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@...
5

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@...
2

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
5

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
0

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
1

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
0

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