- Follow this blog:
- RSS
- Email Alert
Web Designer
Selena Frye
TechRepublic Staff
Selena Frye
-
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
-
How to create an expandable and contractible FAQ in jQuery
Ryan Boudreaux demonstrates how you can use jQuery's toggle function to create a website FAQ that is expandable and contractible.
Posted by Ryan Boudreaux | April 17, 2012, 1:27 PM PDT | Latest comment by RJBoudreaux
-
Tutorial: jQuery Show, Hide, and Toggle functions
Ryan Boudreaux demonstrates how to use the jQuery Hide, Show, and Toggle functions.
Posted by Ryan Boudreaux | April 12, 2012, 12:17 PM 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
-
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 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
-
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
-
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
-
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
-
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
-
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
