- Follow this blog:
- RSS
- Email Alert
Web Designer
Selena Frye
TechRepublic Staff
Selena Frye
-
New concepts in front-end web design architecture
Ryan Boudreaux highlights some of the newest concepts and projects that are off-shoots of front-end web design.
Posted by Ryan Boudreaux | March 7, 2013, 7:00 AM PST
-
How to get the ruled-paper background effect with CSS3
Ryan Boudreaux shows the CSS3 code needed to create a lined-paper background effect without using images.
Posted by Ryan Boudreaux | March 5, 2013, 7:59 AM PST | Latest comment by simbasounds
-
Tips for online forms that create better user experience
Ryan Boudreaux has several tips for how to design online forms that won't annoy your users.
Posted by Ryan Boudreaux | March 1, 2013, 11:48 AM PST | Latest comment by techrepublic@...
-
How to create social media interaction for small business websites
Ryan Boudreaux shares some simple tips for social media sharing that will help you build relationships with customers, drive more traffic, and work on a small budget.
Posted by Ryan Boudreaux | February 26, 2013, 11:36 AM PST | Latest comment by downtoearthman
-
What you need to know about WebRTC: Web Real-Time Communications
Ryan Boudreaux explains the revolutionary changes that are coming to traditional communications via WebRTC and recommends that you start learning more about it now, starting with these resources.
Posted by Ryan Boudreaux | February 22, 2013, 6:48 AM PST
-
Considerations for creating your web caching policy
Ryan Boudreaux lists several points where you will have to make decisions about how your website caches URLs and pages.
Posted by Ryan Boudreaux | February 20, 2013, 10:46 AM PST
-
How to create an online form with multiple checkbox options
Ryan Boudreaux offers a quick demo of an online form that must include multiple sets of select options for checkboxes. Here he uses jquery and HTML to achieve the desired functionality.
Posted by Ryan Boudreaux | February 14, 2013, 9:00 AM PST | Latest comment by addisoncollins116
-
Make web pages more interactive with the 'contenteditable' attribute
Ryan Boudreaux shows you how to use the contenteditable attribute to create web pages with editable text for users.
Posted by Ryan Boudreaux | February 12, 2013, 10:12 AM PST | Latest comment by Afreden@...
-
Protect your website: Resources, checklist
Ryan Boudreaux offers some resources that are widely available to organizations that need to harden their website security. A checklist will help guide your security strategy.
Posted by Ryan Boudreaux | February 7, 2013, 1:28 PM PST
-
Cache is king: Learn more about website caching policies
Ryan Boudreaux describes three types of website caching and the benefits and disadvantages of each.
Posted by Ryan Boudreaux | February 5, 2013, 9:00 AM PST
-
Create navigation bars with Responsive Web Design techniques
Ryan Boudreaux recommends some navigation bar designs and demos as a good way to start implementing Responsive Web Design for your website.
Posted by Ryan Boudreaux | January 31, 2013, 6:00 AM PST | Latest comment by konetkar500
-
The Case for HTML5: Five examples
Ryan Boudreaux uses five examples of cutting-edge web designs to show why HTML5 is the way to go for web pros.
Posted by Ryan Boudreaux | January 29, 2013, 9:00 AM PST
-
Learn to implement and use Google AdWords
Ryan Boudreaux explains how to gain access to the Google AdWords API and where to get resources for implementing the program on your website.
Posted by Ryan Boudreaux | January 24, 2013, 9:00 AM PST
-
Best practices: Optimize web images for search engines
Ryan Boudreaux lists the best practices for optimizing graphic elements on your websites to get the best search engine attention.
Posted by Ryan Boudreaux | January 22, 2013, 8:52 AM PST | Latest comment by hastenax
-
How to make CSS customized call outs
Ryan Boudreaux demonstrates more ways to jazz up call out boxes with special icons and messages.
Posted by Ryan Boudreaux | January 17, 2013, 9:03 AM PST
-
Web governance case study: UN websites get reviews and recommendations
Web governance models can apply to the smallest e-commerce sites as well as large and complex organizations such as the UN. Here is an example of the latter.
Posted by Ryan Boudreaux | January 15, 2013, 9:00 AM PST
-
Create fancy-looking call outs with lightweight CSS
Ryan Boudreaux demonstrates how to create more ornate call out boxes (or tooltips) by employing a little simple CSS. Here's an example you can use.
Posted by Ryan Boudreaux | January 10, 2013, 9:00 AM PST | Latest comment by Slayer_
-
Make some New Year's resolutions for your website
Ryan Boudreaux suggests four web design approaches that could help you formulate your own website improvement resolutions for the new year.
Posted by Ryan Boudreaux | January 8, 2013, 9:00 AM PST | Latest comment by maneetpuri76@...
-
Get to know Google Developers' products and resources
Ryan Boudreaux gives an overview of the many tools and resources Google Developers has for web developers.
Posted by Ryan Boudreaux | January 3, 2013, 6:00 AM PST | Latest comment by RJBoudreaux
-
Review: Brackets open-source code editor
Ryan Boudreaux introduces a new open source code editor, still in its early stages, called Brackets.
Posted by Ryan Boudreaux | December 31, 2012, 9:00 AM PST
-
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
