web design

There are 14 posts tagged web design (this is page 1 of 1).

WP Live.php – “livereload for WordPress”

I’m very used to using grunt-contrib-watch to “livereload” my browser while I’m developing a site. Today it occured to me the same feature would be nice to have when I’m building out a page inside WordPress. In other words, whenever I update a page or post inside my WordPress admin, I wanted the browser to automatically refresh the tab I’ve got open for the client-side. A quick Google search lead me to WP Live.php.

After installing the plugin in my development environment, I got back to work building a new page. Not having to refresh my browser every time I updated the page saved me several keystrokes over the course of my build.

I made an animated GIF to show you WP Live.php in action:

wp-live-php_small

Readymag – A Web Publishing Tool for Designers

Readymag – a web publishing tool for designers: readymag.com Readymag is a web publishing tool for creating microsites, magazines, photo stories, portfolios, and presentations. They encourage you to “forget about code” and focus on your creative process.

Readymag gives you complete freedom over your creative process — you don’t have to think about any technical aspects. There are no limits and absolutely no coding. ~ Readymag – Tour

SlickMap CSS: A Visual Sitemapping Tool for Web Developers — Astuteo™

Need a quick visual sitemap? Try SlickMap CSS – www.astuteo.com/slickmap

SlickMap CSS is a simple stylesheet for displaying finished site maps directly from HTML unordered list navigation. It’s suitable for most web sites – accommodating up to three levels of page navigation and additional utility links – and can easily be customized to meet your own individual needs, branding, or style preferences. ~ SlickMap CSS

Everybody Scrolls.

UX designers are divided about how essential above-the-fold placement – that is, positioning so that users can see content without scrolling down – really is. Chartbeat found that “66% of attention on a normal media page is spent below the fold.” In contrast, the Nielsen Norman Group showed that “users spend 80% of their time looking above the fold.” We wanted to know how page design impacts these user behaviors and to what extent visual cues help users scroll below the fold. ~ Everybody Scrolls