- Follow this blog:
- RSS
- Email Alert
Web Designer
Selena Frye
TechRepublic Staff
Selena Frye
-
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
-
How to use Google Map Maker to improve the quality of your Google Map presence
Ryan Boudreaux gives an overview of how to submit edits to Google Map Maker to enhance the presence of your organization on Google Maps.
Posted by Ryan Boudreaux | June 14, 2012, 9:00 AM PDT
-
Create a tool tip text-box element using jQuery, CSS3, and HTML5
Ryan Boudreaux shows you how to create an easy tool tip element for your website using jQuery, CSS3, and HTML 5.
Posted by Ryan Boudreaux | June 12, 2012, 12:39 PM PDT
-
Considerations for website integration with Facebook
Ryan Boudreaux cites some of the reasons why your organization might want to integrate its website with Facebook and goes over some of the issues to keep in mind.
Posted by Ryan Boudreaux | June 7, 2012, 6:00 AM PDT
-
Handy Chrome extensions for web developers
Ryan Boudreaux recommends some Chrome extensions that are especially useful for web developers.
Posted by Ryan Boudreaux | June 5, 2012, 1:10 PM PDT | Latest comment by lamakun
-
How to create an image hover-preview effect using jQuery
Ryan Boudreaux includes all the code snippets you'll need in this demo of how to create an image hover-preview effect using HTML, CSS, and JavaScript.
Posted by Ryan Boudreaux | May 31, 2012, 6:00 AM PDT | Latest comment by Mark Simchock
-
Quick tip: How to set up a password-protected web directory
Ryan Boudreaux shows you the steps to password-protect a web directory on an Apache web server.
Posted by Ryan Boudreaux | May 29, 2012, 12:11 PM PDT
-
How to convert presentation files to a web-ready slideshow using JavaScript
Ryan Boudreaux demonstrates a quick and easy method to convert presentation files, such as PowerPoint slides, to a web-ready slideshow using JavaScript.
Posted by Ryan Boudreaux | May 24, 2012, 6:00 AM PDT
-
Quick tip: How to limit access to a web directory by IP address
Ryan Boudreaux explains how to set up an .htaccess file that will limit access to your web directory based on IP address. He also explains the pros and cons of using this method.
Posted by Ryan Boudreaux | May 22, 2012, 6:00 AM PDT | Latest comment by TobiF
-
Getting started with WebGL
Ryan Boudreaux introduces the WebGL standard for 3D-rendering and provides utilities, libraries, and frameworks as resources. He also provides examples of projects that use WebGL.
Posted by Ryan Boudreaux | May 17, 2012, 12:42 PM PDT
-
Hiring outside resources for website usability testing
Ryan Boudreaux lists the resources you can use to find outside usability testers for your website and lists some tips for the hiring process.
Posted by Ryan Boudreaux | May 15, 2012, 12:55 PM PDT
-
How to conduct your own website usability testing
Ryan Boudreaux details all the pieces that should be included in a plan to conduct your own website usability testing.
Posted by Ryan Boudreaux | May 10, 2012, 1:32 PM PDT
-
Test Windows 8 Metro UI on an iPad with Splashtop
Derek Schauland shows you how the new Splashtop app for the iPad works to allow Windows 8 Metro testing on non-tablets like a PC.
Posted by Derek Schauland | May 9, 2012, 6:00 AM PDT
-
HTML5 vs. Flash: The state of the debate
Ryan Boudreaux looks at some of the latest browser support numbers for HTML5 and Flash. Are you a partisan for either? Here are Ryan's thoughts on the state of the Flash vs. HTML5 debate.
Posted by Ryan Boudreaux | May 8, 2012, 10:52 AM PDT | Latest comment by Deadly Ernest
-
How to create shrink/grow and sliding navigation menus with jQuery, CSS3, and HTML5 Word
Ryan Boudreaux shows two more examples of navigation menu effects that you can build with jQuery, CSS3, and HTML.
Posted by Ryan Boudreaux | May 3, 2012, 11:04 AM PDT
-
Fun with menus: Navigation using jQuery, CSS3, and HTML5
Ryan Boudreaux shows you the code examples for creating different effects in navigational menus, including an accordion effect and a fading effect.
Posted by Ryan Boudreaux | May 1, 2012, 1:29 PM PDT | Latest comment by RJBoudreaux
-
Animations: How to use fadeout and slideToggle functions in jQuery
Ryan Boudreaux demonstrates how to use the fadeout and slideToggle functions in jQuery to create animation effects.
Posted by Ryan Boudreaux | April 26, 2012, 12:22 PM PDT
-
How the parallax effect is used in web design
Ryan Boudreaux defines the parallax effect and how it has been used in animation and gaming. It is also an effect that can be achieved in web design. Here are some examples.
Posted by Ryan Boudreaux | April 24, 2012, 11:59 AM PDT | Latest comment by Basekey
-
How to create animations with jQuery
Ryan Boudreaux illustrates a simple animation effect in jQuery.
Posted by Ryan Boudreaux | April 19, 2012, 1:00 PM PDT | Latest comment by RJBoudreaux
-
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
-
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
-
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
