- Follow this blog:
- RSS
- Email Alert
Web Designer
Selena Frye
TechRepublic Staff
Selena Frye
-
Selecting a web governance model for your organization
Ryan Boudreaux describes the main governance models that organizations use to guide their website strategies.
Posted by Ryan Boudreaux | December 27, 2012, 9:00 AM PST
-
Top 10 Web Designer posts of 2012
Here are the most-read posts in Web Designer for 2012.
Posted by Selena Frye | December 20, 2012, 12:30 PM PST
-
Create greetings with these holiday inspired fonts
Ryan Boudreaux hand picks a showcase of readily available (and mostly free) holiday fonts for any creative greetings or special projects that may come up this season.
Posted by Ryan Boudreaux | December 18, 2012, 10:35 AM PST | Latest comment by IMDB
-
The Web of Things: A web-connected world of smart devices
Ryan Boudreaux illustrates what is meant by the Web of Things with real-world implementations and an example of where the future of WoT is taking us.
Posted by Ryan Boudreaux | December 13, 2012, 6:00 AM PST
-
How do you know if you need a web governance plan?
Web governance sets the big goals and outlines an organization's business strategy for the website and its components. Ryan Boudreaux explains the need for formal web governance.
Posted by Ryan Boudreaux | December 11, 2012, 11:09 AM PST
-
Tutorial: How to implement the parallax scrolling effect, part 2
Ryan Boudreaux presents the final part of his two-part tutorial on implementing parallax scrolling in your web design. A download includes all the demo files used.
Posted by Ryan Boudreaux | December 6, 2012, 6:00 AM PST | Latest comment by ckourounis
-
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
-
A showcase of interaction design and movement
Ryan Boudreaux introduces the web design field called interaction design and a website that curates the best examples of its use.
Posted by Ryan Boudreaux | November 29, 2012, 9:00 AM PST
-
Introduction to GIMP image editing tool with simple demos
Ryan Boudreaux offers an overview of the GIMP image editing features and uses some of them to demonstrate what you can do with this tool.
Posted by Ryan Boudreaux | November 27, 2012, 10:14 AM PST | Latest comment by Madsmaddad
-
Connect your WordPress blog to Facebook
Ryan Boudreaux gives you step-by-step instructions on how to use the SharePress plugin to connect your WordPress blog to Facebook for automatic updating.
Posted by Ryan Boudreaux | November 21, 2012, 9:00 AM PST
-
'When Can I Use' website takes guesswork out of browser compatibility
Want to freshen up your website with new HTML5 and CSS3? This resource will quickly tell you if the new web elements and styles are compatible with your selected browsers for mobile or desktop.
Posted by Ryan Boudreaux | November 20, 2012, 9:30 AM PST
-
CSS3Gen tool makes life easier for web developers
Ryan Boudreaux offers a detailed overview of the CSS3Gen tool, which allows you to generate ready-to-use CSS3 code for selected elements in your web design.
Posted by Ryan Boudreaux | November 15, 2012, 6:00 AM PST
-
Transform your website with HTML5 Boilerplate
Ryan Boudreaux introduces a tool that will help you convert your website to HTML5. The template includes HTML, CSS, JavaScript, and more files to help you move ahead.
Posted by Ryan Boudreaux | November 13, 2012, 6:00 AM PST | Latest comment by Deadly Ernest
-
Plug in GalleryView with jQuery on your website
Ryan Boudreaux introduces GalleryView, a customizable plugin that you can use and modify to create a photo gallery viewer on your website.
Posted by Ryan Boudreaux | November 8, 2012, 8:58 AM PST
-
HTML5 figure and figure caption elements
Ryan Boudreaux shares a demonstration of the HTML5 and CSS for the figure and figure caption elements.
Posted by Ryan Boudreaux | November 6, 2012, 12:56 PM PST
-
Get your fieldset style on
Ryan Boudreaux demonstrates how to jazz up the fieldset element with CSS3 styling.
Posted by Ryan Boudreaux | November 1, 2012, 6:00 AM PDT
-
Get to know the Impress.js presentation tool
Ryan Boudreaux shows the basics of how you can use and modify the Impress.js presentation framework provided by Bartek Szopka to add sizzle to your website and web-based presentations.
Posted by Ryan Boudreaux | October 30, 2012, 10:59 AM PDT | Latest comment by Martha138
-
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
-
Applying CSS3 filter effects to graphic elements
Ryan Boudreaux provides CSS3 and HTML snippets to illustrate some of the filter effects that can be applied to graphics.
Posted by Ryan Boudreaux | October 23, 2012, 6:00 AM PDT
-
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
-
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
-
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 poshinfosys
-
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
-
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
-
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@...
-
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
-
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
-
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
-
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
-
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
