- Follow this blog:
- RSS
- Email Alert
Web Designer
Selena Frye
TechRepublic Staff
Selena Frye
-
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
-
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
-
Infographic: The total cost of website testing
Sometimes the real costs of website testing are hidden. This infographic shows the areas to investigate further before springing for a website testing tool.
Posted by Selena Frye | April 5, 2012, 11:34 AM PDT
-
How to use filter functions in jQuery
Ryan Boudreaux continues his jQuery tutorial here with examples of how to use the filter functions and how to change an object's content text using the text function.
Posted by Ryan Boudreaux | April 5, 2012, 8:42 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
-
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
-
How to get started with jQuery
Ryan Boudreaux shows you how to get started using the cross-platform JavaScript library jQuery in this tutorial. You will need a knowledge of HTML and CSS and a basic understanding of JavaScript.
Posted by Ryan Boudreaux | March 29, 2012, 11:55 AM PDT | Latest comment by pbcoolhand
-
Tutorial: Use Jump Menu and Swap Image behaviors in Dreamweaver
Ryan Boudreaux covers the steps to making use of the Jump Menu and Swap Image behaviors in Dreamweaver.
Posted by Ryan Boudreaux | March 27, 2012, 12:19 PM PDT
-
Tutorial: Take your minimalist web design from Photoshop to HTML, part 3
Ryan Boudreaux completes his three-part series on taking a minimalist web design from Photoshop to HTML. Here, he adds the finishing touches to the code for the footer section.
Posted by Ryan Boudreaux | March 22, 2012, 9:00 AM PDT
-
Tutorial: Take your minimalist web design from Photoshop to HTML, part 2
Ryan Boudreaux continues his tutorial, taking a minimalist web design from Photoshop to HTML. Here, more styles and code are added as the final design is built.
Posted by Ryan Boudreaux | March 21, 2012, 11:47 AM PDT
-
Tutorial: Take your minimalist web design from Photoshop to HTML
Ryan Boudreaux follows up on his tutorial for creating a minimalist layout in Photoshop by showing how to take that PSD file and turn it into HTML.
Posted by Ryan Boudreaux | March 20, 2012, 10:40 AM PDT
-
Google Chrome Dev Tools: Timeline Panel
Ryan Boudreaux illustrates how the Google Chrome Dev Tool Timeline Panel is used to help you fine-tune and optimize your web applications.
Posted by Ryan Boudreaux | March 15, 2012, 7:00 AM PDT
-
Adobe Shadow helps web pros preview and test designs across devices
Adobe Labs announced a free utility called Shadow that simplifies mobile web design and development by allowing simultaneous testing and previewing across iOS and Android devices.
Posted by Selena Frye | March 14, 2012, 10:44 AM PDT | Latest comment by maharawj
-
How to implement search functions without third-party apps
Ryan Boudreaux responds to a reader question about implementing search functionality without relying on third-party applications. Here is one example of how to do it.
Posted by Ryan Boudreaux | March 13, 2012, 11:10 AM PDT | Latest comment by lastchip
-
Web designers face new challenges with iPad's Retina display
Will the iPad's new Retina display really wreak havoc on the web, as one web strategist suggests? What are the challenges and opportunities for web designers? Share your thoughts.
Posted by Selena Frye | March 8, 2012, 12:16 PM PST | Latest comment by daanjobsis
-
Google Chrome Dev Tools: Scripts Panel
Ryan Boudreaux shows you how the Scripts panel works in the Google Chrome Dev Tools set.
Posted by Ryan Boudreaux | March 8, 2012, 8:00 AM PST
-
Online privacy policies: User privacy vs. tracking technologies
Ryan Boudreaux looks at the state of online privacy policies in light of Google's and others run-ins with consumers. Does your web dev strategy include tracking technologies?
Posted by Ryan Boudreaux | March 6, 2012, 6:00 AM PST
-
Inspiring food-related website designs
Ryan Boudreaux highlights some of the web design features in this collection of food-related websites.
Posted by Ryan Boudreaux | March 2, 2012, 6:00 AM PST
-
Tutorial: Add finishing touches to minimalist web design using Photoshop
Ryan Boudreaux finishes up his tutorial on creating a minimalist web design in Photoshop by adding a banner image, content blocks, and a footer area.
Posted by Ryan Boudreaux | March 1, 2012, 11:16 AM PST | Latest comment by RJBoudreaux
-
Tutorial: Create a minimalist web design layout using Photoshop
In this tutorial, Ryan Boudreaux shows you the steps and settings to create a minimalist web design layout in Photoshop.
Posted by Ryan Boudreaux | March 1, 2012, 5:00 AM PST | Latest comment by RudHud
-
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
-
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@...
-
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 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
-
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
