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.
-
Start looking into the HTML5 template element
The HTML5 template element is still in development, but you can read the spec and start playing around with it now to see how it might figure into your future web designs.
-
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.
-
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.
-
Know your users: Web analytics tools
Here are tips on how to get good web analytics data and use it to find out more about how users are interacting with your website.
-
Experiment with CSS3 Exclusions and Shapes module
The CSS Exclusions module is still in the experimental phase, but you can start learning about it and playing with the code now.
-
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.
-
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.
-
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.
-
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?
-
How to use the CSS clip and mask properties
In this overview of the CSS clip and mask properties, Ryan Boudreaux shows you how to use them with examples of code and basic syntax.
-
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.
-
Get into the CSS Flow: Code snippets you can use
Ryan Boudreaux recommends a web developer resource that features open source code snippets using HTML 5, CSS3, and Sass for UI elements, kits and widgets.
-
RWD focus: Responsive typography, Part 2
Ryan Boudreaux completes his demonstration of responsive typography methods and shares some online tools to help you out.
-
RWD focus: Responsive typography, Part 1
Ryan Boudreaux focuses on an area of responsive web design that deals specifically with fonts and type styles. He outlines the workflow that governs the approach to responsive typography.
-
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.
-
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.
-
Connect your WordPress blog to Facebook
Ryan Boudreaux gives you step-by-step instructions on how to use the SharePress plugin to connect your WordPress blog to Facebook for automatic updating.
-
HTML5 and CSS3: Animation without Flash or JavaScript
Ryan Boudreaux demonstrates the @keywords property in HTML5 and CSS3 that allows you to create animations without the use of Flash or JavaScript.
-
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.
-
Tutorial: jQuery Show, Hide, and Toggle functions
Ryan Boudreaux demonstrates how to use the jQuery Hide, Show, and Toggle functions.
-
Create fancy-looking call outs with lightweight CSS
Ryan Boudreaux demonstrates how to create more ornate call out boxes (or tooltips) by employing a little simple CSS. Here's an example you can use.
-
Learn to make WebGL 3D effects
Here are the latest resources to help you create WebGL 3D effects using HTML5.
-
The basics: Design a website wireframe in Photoshop
Here is a step-by-step process of creating a website mainframe in Photoshop.
-
CSS3: How to implement the box-shadow property
Ryan Boudreaux uses multiples examples of CSS3 code to illustrate the effects that are possible with the box-shadow property.
-
Plug in GalleryView with jQuery on your website
Ryan Boudreaux introduces GalleryView, a customizable plugin that you can use and modify to create a photo gallery viewer on your website.
-
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.
-
-
The Case for HTML5: Five examples
Ryan Boudreaux uses five examples of cutting-edge web designs to show why HTML5 is the way to go for web pros.
-
HTML5 vs. Flash: The state of the debate
Ryan Boudreaux looks at some of the latest browser support numbers for HTML5 and Flash. Are you a partisan for either? Here are Ryan's thoughts on the state of the Flash vs. HTML5 debate.
-
Aggregate multiple RSS feeds with customized display features
Ryan Boudreaux demonstrates how to aggregate RSS feeds and create some customized display features using several scripts from Dynamic Drive and the Google AJAX Feed API Dynamic Feed Control.