"Missing page" error pages may represent problems, but they don't have to be unhelpful. If we approach 404 pages another way — as how people (accidentally) arrive at a website, 404 pages aren't dead ends. They're alternate landing pages. They're search tools. They're introductions. Truth is, they can be many things.
Read the full article I wrote for ZURB
This is my running list of HTML and CSS references.
Testing a site before launch is convenient, but testing on a Mac can confuse front-end designers. Learn about web hosting with Apache and Mac OS X with my handy diagram.
To many designers, the command line interface is mysterious voodoo. Gain confidence that you won’t screw up while moving, copying or editing files with the OS X Terminal.
While testing locally, you need to prevent your Mac from seeking test sites on the internet. Learn how to tell your browser to find test sites in OS X.
Macs come with a built-in web server, but it doesn’t know what sites you want to serve. Learn how to make Apache recognize a local website on OS X.
Designers have used grids to compose pages centuries. On the web, though, using grids is a different story. I asked three experts to lend their insight on the issues and challenges in web layout.
I invented a way to reduce home screen clutter on my iPad and figure out which apps are worth keeping.
Twitter, Facebook, Google. Their logos are fair game, right? I did some research and found out that “fair use” is not always the case.
Just as people have grown up watching PBS, the nonprofit corporation dedicated to education has grown too. By 2012 the organization knew many users viewed their videos on mobile devices: tablets, smartphones, roku boxes, more. But their video site had not grown to fit these needs.
PBS used Foundation for the 'foundation' of not just their site, but of their education in responsive web design.
The web is not paper on computer screens. Its boundaries are more than the ambiguous edges of browser windows and text columns — factors that change with each viewing. I wrote on devising grids from the inside out.
Designing websites for mobile devices concerns more than layout. As designers build sites that respond to varying screen sizes, opportunities arise to rethink site structures as well. Today we can learn from past assumptions.
There are design criteria, and there are technical limits. CSS has plenty of the latter, especially when we make websites that fit mobile and desktop websites. Responsive design of the future looks flexible.
My review of responsive CSS frameworks made me wonder about grids building grids for mobile devices that scale up rather than desktop down.
We need more than smarter layouts to retrofitting websites. We need a new way to diagram them. Site maps won’t cut it. We need Venn diagrams.
940016 represents a football team. #FF75F2 promotes breast cancer awareness. iPad Minis come in #000000 on one side, #454F57 on the other. To the right eyes, hex codes are not mysteries. They’re tools.
The difference between inline and block elements lies in their behavior, much like the difference between print and web designers.
Single-page websites reveal an unusual bias: That superior sites are defined by having more pages. When I started to experiment with single-page websites, I found a new way to lead users through information and force myself to focus on what a project really needs.
How well do click-and-go responsive layouts work? Am I, as a HTML-savvy designer, doing my clients a service by customizing sites for them? I surveyed 40 WordPress themes to find out.
My first thought was, “wow, this looks professional.” It was followed by: “wow, I am lost.”
BenThinkin’ is Ben Gremillion’s blog.