Web Designer
This blog offers tips for the beginner and the expert for designing and programming for web sites, including how to maximize them for mobile viewing.
-
Create ad graphics for any device with Google Web Designer
Learn how to install and use Google's free Web Designer tool to create HTML5-based designs and graphics for ad campaigns.
-
Customize dropdown menus with the DropKick jQuery plugin
If you want to revamp your default dropdown menus, give the DropKick jQuery plugin a try.
-
Extend standard CSS with LESS
LESS is a dynamic stylesheet language that extends standard CSS. The result is leaner code that is easier to maintain.
-
Put Bootstrap's responsive design features to good use
Bootstrap provides designers and developers with a straightforward way to create web interfaces that employ responsive design. Here's how to use the framework's design features.
-
Customize Chrome with these four web development extensions
Ryan Boudreaux shares four of the Chrome extensions he uses in his web development work, and offers tips on managing extensions.
-
Get inspiration from these impressive typography designs
Food Typography, Born Typeface, and Type We Like are just three of the resources web designer Ryan Boudreaux highlights as worth checking out.
-
Four improvements to Google Chrome Packaged Apps
The improvements to the Chrome Packaged Apps platform make it possible for web technology-based built apps to function like regular native apps in desktop and laptop system environments.
-
Use the HTML5 Web Audio API to get creative with your web apps' sounds
See demos and experiments that use the HTML5 Web Audio API specification, which processes and synthesizes audio in web applications.
-
Try Adobe's open source CSS library Topcoat
If you're looking to revamp your CSS strategy, you might want to add Topcoat to your list of go-to web tools.
-
Responsive web design tool review: Embed Responsively
Embed Responsively allows you to transform fixed width embedded media content into flexible and fluid responsive objects. See how the tool works.
-
Five mobile site performance challenges (and how to fix them)
Discover common performance issues that slow down mobile sites, and then learn best practices for mobile optimization.
-
Use the Adobe Edge Inspect CC testing tool
Ryan Boudreaux reviews using the Adobe Edge Inspect CC tools to inspect your websites on mobile devices that are synchronized with the desktop.
-
Test your website on mobile devices with Adobe Edge Inspect CC
Ryan Boudreaux explains how to install the Adobe Edge Inspect CC tool.
-
How to set up your first bbPress forum
Ryan Boudreaux follows up his bbPress plugin installation steps with this tutorial on setting up your first forum.
-
-
Put the finishing touches on navigation design with CSS3
Ryan Boudreaux continues his tutorial on creating new website navigation using only CSS3 by adding some finishing touches to the styling and demonstrating the code used.
-
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.
-
Create ad graphics for any device with Google Web Designer
Learn how to install and use Google's free Web Designer tool to create HTML5-based designs and graphics for ad campaigns.
-
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.
-
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.
-
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.
-
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.
-
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.
-
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.
-
Customize horizontal rules to add some flair
Ryan Boudreaux shares some styling tips that will help rescue your boring horizontal rules.
-
Customize dropdown menus with the DropKick jQuery plugin
If you want to revamp your default dropdown menus, give the DropKick jQuery plugin a try.
-
CSS3: New properties for text-overflow and text-wrap
Ryan Boudreaux illustrates the CSS3 text-overflow and text-wrap properties in these code examples.
-
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.
-
Creating an ADA-compliant website
Nicole Bremer Nash goes over the requirements for an ADA-compliant website, including checklists and additional resources.
-
Review: WiX website builder
Ryan Boudreaux reviews the WiX website builder and offers a quick demo of the steps to creating a website from one of the available WiX templates.