You know that moment when frustration gets to a point where you have to take action, I call this actionable frustration. My frustration was annoying but not frequent and it took years to finally do something about it.
Occasionally, I would need an HTML entity code to place in a project. You know an ‘a’ with a tilde or an ‘n’ with a squiggly line on top. I could never remember these codes. So, what do you do when you don’t remember, you google “Ascii Table” or “Character Code” or “Hexadecimal Unicode Character”. You click on one of the top results only to be taken to a website that is just crap. You struggle to find the character you need while cursing the flies that started swarming the steaming pile.
I say to myself: Why isn’t there a better resource for this literally every time I had searched for ascii table. I clearly am not the only designer out there who goes to these sites. Surely others have the same flies they are swatting away. Well, it turns out my frustration turned to action so I designed a better version.
It’s called Character Code and I organized it in a way that made it easier for me to find the character entity I need fast. First, I alphabetized* the Ascii table, there is no need for the capitals to be separated from the lowercase. I also made the character a large font size so I can actually see and identify the end result for which I seek. I also included the HTML entity name, HTML decimal value and hexadecimal unicode value in a way you can copy it easily.
There is something to be said for frustration, when acted upon in a non-destructive way you can end up with something to be proud of. So next time you find an actionable frustration do something about.
I hope you find Character Code to not be as frustrating as I found the other ascii table sites.
*Not all pages are alphabetized.
Lots of interesting thoughts on responsive design. More breakpoints (media queries) with less style and a content-out approach. One thing is clear. You really need to think about your content and how your design is effected by the viewport. Times sure are changing for website design.
Focus on the in-between
Content-out design means defining your underpinning design structure from your content, and then focusing on what happens in between ‘layouts’. This approach of optimising your design by adding media queries I like to call these optimisation points than break points, because nothing is broken without them, just better, means you are always looking at your content as you’re working. You become more aware of the micro-details of how the content behaves in a fluid context because your focus shifts from controlling the design in the form of pages, to one of guiding the design between pages.
via The In-Between | Journal | The Personal Disquiet of Mark Boulton.
A tutorial about how to create different interesting hover effects on circles with CSS transitions and 3D rotations.
I love I can accomplish this in CSS. With older browsers falling to the wayside, you will be seeing more and more of this style design in the future.
Circle Hover Effects with CSS Transitions.
But there is a huge road block preventing our “future” from truly becoming the now. What is this roadblock? It’s old browsers. Let’s delve into this topic a little bit so we can see why this is a problem and what we can do to help it.
This is quite a statement. I am sure all problems cannot be addressed by just using a modern browser. I am in the camp that if you can update or change browsers to the most current you surely should do so. If you should also design for your users a rule I go by is the 2-5 percent range depending on the industry.
For ecommerce sites you want to your users to checkout and loosing 2 percent of those users can be quite a large number for a high traffic site.
That’s why tomorrow Smashing Magazine will be publishing a special post that will be targeted towards users who are not designers or developers, and who are not very tech savvy. We encourage everyone to share that article with as many people as possible so we can do everything we can to get the usage stats for old browsers as low as possible.
It will be interesting to see what Smashing posts tomorrow.
via Old Browsers Are Holding Back The Web | Smashing Magazine.