- Follow this blog:
- RSS
- Email Alert
Web Designer
Selena Frye
TechRepublic Staff
Selena Frye
-
Web Platform Dot Org: How you can contribute
Ryan Boudreaux introduces the brand new project, announced by the W3C, that brings developers together to contribute to a cross-brand, cross-browser, and cross-platform web developer documentation...
Posted by Ryan Boudreaux | October 18, 2012, 6:00 AM PDT
-
HTML5 video progresses with Real Time Communications
Ryan Boudreaux shares the latest developments with the HTML 5 video element and offers some live demos you can view to see it in action.
Posted by Ryan Boudreaux | October 16, 2012, 2:37 PM PDT
-
Set up a Google Custom Search Engine for your website
There are both free and cheap versions of the Google Custom Search Engine, and it's easy to set up. Ryan Boudreaux gives you a quick demo.
Posted by Ryan Boudreaux | October 11, 2012, 6:00 AM PDT
-
Learn how you can use the HTML 5 autofocus input attribute
Ryan Boudreaux introduces and illustrates the HTML 5 autofocus input attribute.
Posted by Ryan Boudreaux | October 9, 2012, 9:00 AM PDT | Latest comment by mattohare@...
-
Create a stitched effect with CSS3 styling properties only
Ryan Boudreaux illustrates an alternate method of creating a stitch effect, but by using only CSS3 styling properties.
Posted by Ryan Boudreaux | October 4, 2012, 9:00 AM PDT
-
Create cool stitched effects with CSS3
Ryan Boudreaux illustrates how to create a stitched effect using the CSS3 dash border property and with and without background images.
Posted by Ryan Boudreaux | October 2, 2012, 10:53 AM PDT | Latest comment by RJBoudreaux
-
How to use the Google WebFont Loader
Ryan Boudreaux shows how to use the Google WebFont Loader and illustrates some basic configuration.
Posted by Ryan Boudreaux | September 27, 2012, 9:00 AM PDT
-
Get to know Google Web Fonts
Ryan Boudreaux shows you how to integrate Google Web Fonts into your websites.
Posted by Ryan Boudreaux | September 25, 2012, 1:07 PM PDT
-
Three JavaScript snippets for your web design toolkit
Ryan Boudreaux offers three handy scripts that you can use for common functionality requests like pop-up windows for additional information and dynamic menus.
Posted by Ryan Boudreaux | September 20, 2012, 9:00 AM PDT | Latest comment by Julie9009
-
Web design themes: Create a vintage look and feel
Ryan Boudreaux illustrates some of the elements that come together to create a vintage, or retro-themed, web design and shares some tips for finding resources and inspiration.
Posted by Ryan Boudreaux | September 18, 2012, 11:46 AM PDT
-
More fun with Google Dynamic RSS Feed Control
Ryan Boudreaux illustrates how to employ some of the option variables in the Google Dynamic RSS Feed Control.
Posted by Ryan Boudreaux | September 13, 2012, 9:00 AM PDT
-
Aggregate multiple RSS feeds with customized display features
Ryan Boudreaux demonstrates how to aggregate RSS feeds and create some customized display features using several scripts from Dynamic Drive and the Google AJAX Feed API Dynamic Feed Control.
Posted by Ryan Boudreaux | September 11, 2012, 9:00 AM PDT
-
How to work with RSS using Google Feed API and JavaScript
Ryan Boudreaux explains how to use the Google Feed API and JavaScript to display an RSS feed on a website.
Posted by Ryan Boudreaux | September 6, 2012, 11:06 AM PDT | Latest comment by Mark Simchock
-
Going further with the Paged Media Module and alternatives for creating paged media
Ryan Boudreaux goes over more examples of the Paged Media Module features, but also lists some of the options for creating paged media until browser support catches up with the new module.
Posted by Ryan Boudreaux | September 4, 2012, 11:58 AM PDT
-
Introduction to the Paged Media Module in CSS3
Ryan Boudreaux reviews the basics about using the CSS3 Paged Media Module to create formatted pages for print or for other electronic pages.
Posted by Ryan Boudreaux | August 30, 2012, 9:00 AM PDT | Latest comment by seth2011
-
Effective design principles for web designers: Proximity
Ryan Boudreaux finishes his series on the four basic design principles. Here, he reviews proximity and how it can be used to better please the eye.
Posted by Ryan Boudreaux | August 28, 2012, 11:23 AM PDT | Latest comment by rickardbriggs
-
Effective design principles for web designers: Alignment
Ryan Boudreaux reviews the design principle of alignment with some samples and tools.
Posted by Ryan Boudreaux | August 23, 2012, 6:00 AM PDT | Latest comment by maneetpuri76@...
-
Effective design principles for web designers: Repetition
Ryan Boudreaux reviews the design principle of repetition. Find out why it is such an important element and how it aids your website design.
Posted by Ryan Boudreaux | August 21, 2012, 6:00 AM PDT | Latest comment by sofargood
-
Effective design principles for web designers: Contrast
Ryan Boudreaux reviews the design principle of contrast for web designers and shares some color contrast checking tools.
Posted by Ryan Boudreaux | August 16, 2012, 8:51 AM PDT | Latest comment by Deadly Ernest
-
Learn to use the Deck.js web presentation framework
Ryan Boudreaux shows you how to get started with the Desktop.js presentation framework for web-based slide shows.
Posted by Ryan Boudreaux | August 14, 2012, 6:00 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
-
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
-
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 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
-
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@...
-
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
-
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@...
-
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
-
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
-
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
