When building applications with CakePHP, you have a couple of easy ways to generate breadcrumbs for the easier user navigation. One, is to use HTML Helper, which provides a quick and simple way. The other, is to use a feature rich Breadcrumbs Helper, available since CakePHP version 3.3.6 (but not mentioned in the release notes).
Digging further down into templates, and best practices for user navigation, and different ways of styling breadcrumbs (Smashing Magazine, Hongkiat, UI Patterns), I thought – wouldn’t it be nice to have breadcrumbs navigation built into a human brain?
I mean, how many times did you catch yourself in some dark corner of the Internet, trying to figure out how did you get there? If only humans had breadcrumbs navigation built into our brains, that would be so easy to trace back the steps. Browser history can, of course, help, but with so many open tabs and several things happening in parallel, a flat list of tabs is not much help.
I can’t wait to see the submissions and all the ways to squeeze the awesomeness of the modern web into just 10 kilobytes. This reminds me of the Perl Golf posts over at PerlMonks and AssemblyPC 64K Intro from my childhood early days (here are some examples).
FotoJet is yet another online photo editor. Like many others it provides a simplified user interface for manipulating images. Two things in particular that I liked about this service are collages and social media banners.
Collage editing makes it really simple to combine multiple images into one (see the screenshot above). Social media banners greatly simplifies the creation of images that can be used for Facebook, Twitter, Tumblr, and YouTube channel headers. No more searching for the appropriate dimensions, image sizes, and the like!
I came across an interesting take on Wikipedia – Wikiwand. It’s basically an upgraded and modernized design of the Wikipedia. You can either search and browse it like you do with the regular Wikipedia, or, better even, install a browser extension (here’s one for Google Chrome), which will redirect all your Wikipedia page clicks through to Wikiwand. You get exactly the same content, but now it’s actually quite pleasant to explore. Have a look at Cyprus page, for example:
I’m not a frequent Wikipedia reader, but in the last couple of days, I have to say, I’ve found myself spending much more time than usual reading Wikipedia pages on the Wikiwand website. Maybe, it is time for the Wikipedia face lift after all.
But it’s not just about forcing a different web design upon thee. There’s more. You get options (upper-right corner). You can switch between light and dark designs, sans and serif fonts, adjust font size and text justification, and more. If you create account and login (Facebook is supported), you can bookmark pages too.
Even if you are not a fan of fancy websites, I suggest you give it a try for a couple of days. You might find yourself quite surprised.
A while back I blogged about Cyprus Securities and Exchange Commission website using a copy-paste design of the logo from the United States Department of Health and Human Services. Since then, CySEC website got a new look and feel, as well as a new logo. Well, it looks like they haven’t really solved the problem of the copy-paste. Have a look yourself. Here’s the updated CySEC logo from their current website:
If you are not a graphics or web designer by trade, but do have an occasional need for a color scheme that just works, Adobe Color CC is the tool just for you. It’s web-based – so there is no need to install anything, it’s free, and it’s super easy to use. It supports a variety of color rules – analogous, monochromatic, triad, complimentary, compound, and shades – just pick one, and drag the markers around the color circle, until you are happy.
I’ve seen and used a bunch of similar tools, but I think this one works the best of them all.