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.
-
How to right-size your website for mobile screens
Sankalp Waingankar shows you how to make optimum use of the screen width provided by different mobile devices even when you have to design for older devices that don't support the use of HTML tables.
-
How to specify the document language: Using the lang attribute
Ryan Boudreaux presents this quick tip to show you why it's a good idea to declare your document language and how to use the lang attribute correctly.
-
Dreamweaver: Search and destroy rogue code
Ryan Boudreaux takes you step-by-step through the process of checking for and safely deleting any rogue code that you might find in your files.
-
Template resources for web design
Templates let you develop web sites that share a similar structure and graphic identity, quickly and without having to worry about accidentally deleting or changing elements. Ryan Boudreaux provides template resources and tips for using them.
-
Web development using Go
Go has enjoyed unusually rapid adoption and popularity among developers. Here are some highlights of using this programming language.
-
How to design a shopping website for easy content discovery
Sankalp Waingankar lists some best practices for designing shopping websites that are user-friendly and make it easy to find exactly what a buyer is looking for.
-
How to select a color scheme for your website
Using the Color Scheme Designer tool, Ryan Boudreaux shows you how you can use it to create a well-designed color theme for your website that is easy on the eye.
-
Poll: Have you studied usability?
Usability is all about making it easy for people to use your site or application, and yet not all developers and designers have studied the topic. Take this poll to let us know if you've studied usability.
-
CSS: Adding text to buttons
Ryan Boudreaux supplies a method of adding text to buttons via CSS in this tip.
-
Tackling the screen resolution challenge on mobile devices
Here are some tips for how to deal with the challenges of creating a mobile interface.
-
Poll: How much Web design do you do?
Some programmers do very little or no design work these days. Take this poll to let us know how much Web design work you're doing.
-
Web design basics: Adding button elements to a wireframe
This tutorial shows you how to create and add button elements to your wireframe design.
-
Are you prepared to negotiate the mobile Internet challenge?
Here is an overview of what web developers will have to face when they begin negotiating the mobile internet challenge.
-
The basics: Design a website wireframe in Photoshop
Here is a step-by-step process of creating a website mainframe in Photoshop.
-
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.
-
Infographic: Website testing strategy
This infographic seeks to highlight the importance of website testing.
-
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.
-
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.
-
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.
-
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?
-
Open source NotePad++ is a solid contender among text editors
Ryan Boudreaux reviews the free, open source text editor Notepad++. Here is his list of pros and cons and recommendations for who is likely to get the most out of it.
-
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.
-
Template resources for web design
Templates let you develop web sites that share a similar structure and graphic identity, quickly and without having to worry about accidentally deleting or changing elements. Ryan Boudreaux provides template resources and tips for using them.
-
Test Windows 8 Metro UI on an iPad with Splashtop
Derek Schauland shows you how the new Splashtop app for the iPad works to allow Windows 8 Metro testing on non-tablets like a PC.
-
Testing and developing for the mobile web
Your mobile web development strategy depends on being able to perform tests for a variety of devices and browsers. Here are emulators and simulators that can help.
-
The value of rough sketching
Barry Saunders explains why it is far easier to discard a paper sketch than a full set of wireframes.
-
Selecting a web governance model for your organization
Ryan Boudreaux describes the main governance models that organizations use to guide their website strategies.
-
End your CSS3 vendor prefix nightmares by using -prefix-free
If you struggle with adding vendor prefixes to your CSS3, -prefix-free is the tool for you.