- Follow this blog:
- RSS
- Email Alert
Web Designer
Selena Frye
TechRepublic Staff
Selena Frye
-
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
-
Web design inspiration: Sports websites
Ryan Boudreaux chooses the 31 sports websites that he thinks exhibits great web design qualities.
Posted by Ryan Boudreaux | February 24, 2012, 6:00 AM PST
-
Google Chrome Dev Tools: Network Panel
Ryan Boudreaux illustrates how you can use the Google Chrome Dev Tools Network Panel to gather information on web pages such as load times and resources used.
Posted by Ryan Boudreaux | February 23, 2012, 11:41 AM PST
-
HTML5: How to implement the Geolocation API
Ryan Boudreaux demonstrates how to use the Geolocation API on web pages in HTML5.
Posted by Ryan Boudreaux | February 21, 2012, 1:32 PM PST
-
Web design inspiration: Ecommerce and non-profits
Ryan Boudreaux collected his picks for some of the best website designs for both ecommerce and non-profit sites.
Posted by Ryan Boudreaux | February 17, 2012, 12:30 PM PST | Latest comment by anoopd
-
Open source web design example using Inkscape and git
Inkscape is an open source graphics tool similar to Illustrator and CorelDraw. Check out this example of a web comic who makes use of it along with the git repository to create video projects.
Posted by Selena Frye | February 17, 2012, 12:15 PM PST | Latest comment by fishystory@...
-
Google Chrome Dev Tools: How to use the Console Panel
Ryan Boudreaux takes a look at the Google Dev Tools Console Panel and shows you how to use it to debug, inspect the DOM, and analyze HTML errors.
Posted by Ryan Boudreaux | February 14, 2012, 12:49 PM PST
-
New beta version of Adobe Muse wireframing tool is available
The Adobe Muse visual design tool in beta version 6 is now available -- maybe one of the last before it becomes subscription-only.
Posted by Selena Frye | February 10, 2012, 6:00 AM PST
-
HTML 5 trends and what they mean for developers
Periodically, I like to review current events, in particular news that pertains to HTML5 and the stories that promote the latest technological advancements using the new web coding language. We...
Posted by Ryan Boudreaux | February 9, 2012, 8:52 AM PST
-
Get coding advice with HTML5 Please
Ryan Boudreaux profiles the website HTML5 Please, a handy resource to help you choose the newest features of HTML5 to implement.
Posted by Ryan Boudreaux | February 7, 2012, 6:00 AM PST
-
What powers these inspiring outdoor and adventure websites?
Ryan Boudreaux picks 10 inspirational outdoor and adventure websites and points out the various web design tools and platforms that help power them.
Posted by Ryan Boudreaux | February 2, 2012, 11:28 AM PST
-
Catch up on HTML5 tips and resources
Ryan Boudreaux compiles the latest demos, tips, and progress reports on HTML5 use.
Posted by Ryan Boudreaux | February 2, 2012, 6:00 AM PST
-
How to use HTML 5's video tag
Justin James offers tips on using the HTML 5 tag, including options for accessibility issues and browser support.
Posted by Justin James | January 31, 2012, 9:00 AM PST | Latest comment by cougar.b@...
-
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
-
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
-
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 quick coding habits with Emmet tools
The Emmet plugin uses Dynamic Snippets, which are abbreviations transformed at runtime, that web developers can use to speed up their coding.
Posted by Ryan Boudreaux | June 4, 2013, 1:05 PM PDT | Latest comment by killerbit
-
8 tips to make SMB websites better
Small, DIY websites often try to do too much, resulting in poor user engagement and lost business opportunities. Here are a few things to focus on.
Posted by Ryan Boudreaux | June 13, 2013, 10:30 AM PDT | Latest comment by philswift
-
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
-
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 longbeachwebdesign
-
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
-
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@...
-
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
-
Strategies for a small business online presence, part 1
No matter how small the business, an online presence is a must. Here are some strategies that can be implemented on limited budgets and using minimal resources.
Posted by Ryan Boudreaux | June 6, 2013, 8:00 AM PDT
-
Get started with the WordPress Plugin Boilerplate
Find out how to get the WordPress Plugin Boilerplate and learn to create your own custom plugins.
Posted by Ryan Boudreaux | May 28, 2013, 11:03 AM PDT
-
CSS-based photo gallery presentation options
Ryan Boudreaux offers an overview of several photo gallery presentations that are either purely CSS or use very little JavaScript and jQuery.
Posted by Ryan Boudreaux | May 30, 2013, 11:22 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
-
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
-
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
-
Tubular jQuery plugin adds video background option
Some specialty websites or others that have videos to promote can make use of the Tubular plugin, which allows designers to use a YouTube video as background.
Posted by Ryan Boudreaux | May 23, 2013, 10:10 AM PDT | Latest comment by iT_BANDiT
