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.
-
Three tips for an effective SMB blog
Here are tips and resources for crafting a business blog that engages customers and encourages them to interact.
-
How to install the WordTwit plugin to automate tweets from WordPress
This step-by-step shows you how to join your Wordpress blog and Twitter account to automate tweets.
-
Learn to use the YUI Skin Builder
Create custom skins to use with Pure CSS modules with minimalist styling.
-
Working with Pure CSS Modules, part 2
Ryan Boudreaux highlights Pure CSS modules for Buttons, Tables, and Menus, as well as some common layouts to help jump-start projects.
-
Working with Pure CSS Modules, part 1
Pure CSS modules allow web developers to quick-start projects with responsive design. Here are overviews for three of the six available modules.
-
How to use Google Data Highlighter, part 2
In part two of Ryan Boudreaux's introduction to the Google Data Highlighter tool, he shows you how to create both single- and multiple-page sets of data tagging to spice up your search results display.
-
How to use Google Data Highlighter, part 1
Google Data Highlighter is a web tool that allows you to tag certain types of pages that will display as content-rich snippets in search results.
-
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.
-
Strategies for a small business online presence, part 2
Ryan Boudreaux shares more tips for creating an online presence for local restaurants and retailers. Here are the fundamentals that you need to consider.
-
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.
-
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.
-
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.
-
Get started with the WordPress Plugin Boilerplate
Find out how to get the WordPress Plugin Boilerplate and learn to create your own custom plugins.
-
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.
-
Data visualizations with Can I Use compatibility tables
The Can I Use website keeps data on compatibility of browsers with the latest HTML5, CSS3, and SVG code. Here is a way to get the data source and create your own visualizations to illustrate the latest statistics.
-
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.
-
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.
-
How to get started with Responsive Web Design
Ryan Boudreaux explains the concept and methods behind Responsive Web Design. Here are some easy examples to help you get familiar with RWD.
-
Effective design principles for web designers: Repetition
Ryan Boudreaux reviews the design principle of repetition. Find out why it is such an important element and how it aids your website design.
-
Effective design principles for web designers: Alignment
Ryan Boudreaux reviews the design principle of alignment with some samples and tools.
-
Working with Pure CSS Modules, part 1
Pure CSS modules allow web developers to quick-start projects with responsive design. Here are overviews for three of the six available modules.
-
How to use the new HTML5 Audio element
Ryan Boudreaux explains how to use the new HTML5 audio element in websites and includes examples of fallback options.
-
HTML5 figure and figure caption elements
Ryan Boudreaux shares a demonstration of the HTML5 and CSS for the figure and figure caption elements.
-
How to set up LAMP for quick and easy web page hosting
Ryan Boudreaux takes you through the basic steps to install and set up the LAMP stack for a quick, easy, and cheap solution for hosting web pages.
-
Chrome add-on Responsive Inspector lets you preview media queries
A handy add-on for the Chrome browser allows you to inspect media queries on active URLs and understand how responsive websites interact at various screen sizes.
-
How to use the Google WebFont Loader
Ryan Boudreaux shows how to use the Google WebFont Loader and illustrates some basic configuration.
-
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.
-
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.
-
Animations: How to use fadeout and slideToggle functions in jQuery
Ryan Boudreaux demonstrates how to use the fadeout and slideToggle functions in jQuery to create animation effects.
-
CSS3 examples: Linear and radial gradients
Ryan Boudreaux goes more in-depth on working with the CSS3 code for creating different kinds of gradients. Here, he illustrates linear and radial gradients with code samples.