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:
Bloomberg Business launched a refresh of their site this week. What’s more, check out their 404 – Not Found and 500 – Internal Server Error pages to see their attention to every detail. The content of each of those pages is definitely not what I expected.
This one is fun to play with. Generate lovely material palettes with a couple of clicks: Material Palette
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
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
FROONT – Responsive Web Design Tool – a flexible tool for creating and collaborating on web design without code