Skip to content

Category Archives: CSS

Useful links: Image Styles, HTML5 book, web standards

CSS3 Image Styles is a terrific tutorial explaining how to use CSS3 and background images to do some very cool things. You can now read HTML5 for Web Designers by Jeremy Keith online. This is an excellent book, go read it. The site is built in HTML5. Look under the covers. I’d like to examine [...]

Things I Learn from My Students

I’m teaching a beginning Dreamweaver class at UNM Continuing Ed this week. In Continuing Ed classes, it’s common to have adults who want to learn something new in hopes of improving their job chances. In web education classes of any kind, it’s common to have someone who’s been working in print and wants to transition [...]

Useful links: Open Graph++, Content Prototype, Justin Bieber, Testing, CSS transitions

Why Facebook’s New Open Graph Makes us all part of the Web Underclass by Adrian Short is a powerful opinion piece and well worth reading. The Semantic Social Web talks about how Facebook’s Open Graph is going to change things in a big way – the semantic web is involved. Content Prototyping in Responsive Web [...]

Guest Post: 7 Things Everyone in Your Organization Should Know

This weekend, I attended the Online News Association Conference in Boston. It was a great gathering of multimedia developers and those concerned with all things digital – quite a fantastic event. I had the opportunity to participate on a panel called “If I Were in Charge, I’d…” Proposals for the panel were solicited before the [...]

Useful links: Airline sites, media queries, border style, scoped, YouTube

Proposed Regulations Address Airline Websites and Kiosks. There’s a long wait time before any proposed regs would take effect, but eventually they would be required to be accessible. Quick Tips: A Crash Course in CSS Media Queries at net tuts. How Do Browsers Render the Different CSS Border Style Values? Good screen shots and demo code [...]

Useful links: Git links, HTML5 Readiness, Responsive Design, HSLA, Responsive Content

Git link roundup from Tiffany B. Brown. HTML5 Readiness is an infographic site, showing adoption of various HTML5 features by the major browsers. 21 Top Tips for Responsive Web Design at .net has tools and links and great resources. HSLA Color Picker from Standardista is a really nice tool that lets you see your color as [...]

Useful links: HTML5 sections, block level links, charity: water

Don’t Style Headings Using HTML5 Sections is a look at the section element and how it works with headings and document flow. Very interesting. Block level links and accessibility from 456 Berea Street looks at headings and other block level elements from a different point of view. Charity: Water Sends Personal Video Thank Yous. There’s [...]

The latest on using border-radius to make rounded corners

The CSS property border-radius is used to make rounded corners. A rule such as #twitter { border: solid 1px blue; border-radius: 10px;  } Would round the borders of a an element with the id=”twitter” by the same amount on all sides. As with all CSS rules involving the box model, you could choose to round each [...]

Useful links: Inclusivity, Ethan Marcotte, HTML5 forms

Inclusivity Requires a Paradigm Shift is a long article about accessibility and many surrounding issues. It’s worth the time it takes to read. Interview with Ethan Marcotte is a podcast about responsive web design. HTML5 Forms Input Types, Attributes And New Elements – Demos, Tips And Tricks

Useful links: Stylebot, background-repeat, interface design

Tweet Your Favorite Website’s CSS with Stylebot. Oh my, this could really get interesting. You can completely restyle a website and save and share your results. CSS3′s ‘space’ and ’round’ Values for background-repeat. Here’s a chance to learn about something that may be new to you. 5 Principles of User-Centered Interface Design. One of many [...]