Things I've Posted in ‘Entries’

Page 1 of 18

#CSS, #Design, #Web Development

Micro Trend: Non-Rectangular Headers

I love techniques that allow designers and developers to “break” the boxed in nature of web design in a general sense. As a micro trend, non-rectangular headers have become one of my favorite techniques to accomplish this ask.

So, how do I do this?

Per CSS-Tricks, there are several methods available to accomplish this particular task:

  1. Background images, which appears to be one of the weaker methods
  2. Inline svgs, which can be modified pretty well, and reduce the load on the browser
  3. border-radius, which allows for the more convex circular look
  4. clip-path, which appears to have browser compatibility issues
  5. And my favorite, transform: skew
Stripe Home Page
The Stripe home page using transform: skew.

As mentioned above, my preference in this case is transform: skew, although it introduces extraneous elements to the page–a seemingly forgotten rule is to not do so for presentational purposes–but this can certainly be accomplished with pseudo elements.

The article referenced above uses an extra element in the document to create the effect–which is perfectly reasonable–as does the stripe website.

Stripe’s homepage design uses this method, and even more brilliantly, they include a few children spans (each is a block of color) that get skewed with the parent element, creating a more complex and colorful effect.

I don’t entirely know that I like the extra elements, but I come from a slightly different era of development that saw this technique of creating decoration-only elements as heresy, while still using it regularly.

Anyway, I enjoy looking at the sorts of things that front end devs do to accomplish what UX/UI designers come up with.


#Deployment, #Front End Development, #Git

Using a Git Workflow on This Site

I’ve been toying with a total and complete rework of this site for a little while, but to be honest I’m not sure what platform to pursue. Do I chose a new CMS? Do I go with Jekyll or some other static file variant? It’s difficult to decide–I know I’d like to learn a completely foreign and new skill set. For the time being, however, WordPress is my home. Fam.

My hope for this workflow–and it appears to bear out–is that I can rapidly design, develop, and deploy my updates and changes. I have been using Grunt for task automation for a while now–and that required a bit of command line knowledge–but I wasn’t initially using a git workflow. I mean, it’s just me, right? Well, I found that not using a git workflow made deployment much more difficult. What do I upload? What did I change? How do I undo this change?

Code Contrololol

I’ve really just begun to do personally what I do professionally–it just makes sense to introduce efficiencies into my personal workflow when I’m so used to working this way–and I’m not really sure why it took so long.

I’ve setup a Bitbucket repo and maintain a feature branch workflow while doing development work locally with a MAMP install. I’m not currently tracking my entire WP install, only my theme, but I do my best to keep the environments similar to one another. I completely skip a staging environment for this site–I feel like it’s overkill–so it’s not a duplication of what I might do in a more important (client) setting.

I don’t really have the money for a commit-to-deploy sort of environment, so I deploy using GitFTP-Deploy to deploy changes from my ‘master’ branch.

I am still using Node/Grunt for task automation…in spite of how quickly devs seem to have moved beyond it, but whatever.

Summarizing

  • This is a bit experimental on my personal work, but something I use in my day-to-day client work
  • Typically we’ll track the entire site, WP install, plugins, etc.
  • I am introducing this process into my freelance work as well…git repo and all
  • For now I’m working on a minor redesign/refresh and I’ll be doing that in real time

Exciting times.


#Design Sprints, #UX

Design Sprints

I went to Chicago Camps UX Camp last weekend and thoroughly enjoyed the experience. From the opening keynote right on through to the final session discussing content modeling, the day was packed with information that I can bring back to my freelance work and primary job. It was a full 14 hours of driving and learning that was rather tiring, enlightening, and everything in between.

One particular talk stood out in my mind as one that I need to research, learn, and discuss with my larger team to see if implementing the methods in any sense would work for us.

Sprint: How to Solve Big Problems and Test New Ideas in Just Five Days
Sprint, the book in all its glory.

The talk was, Facilitating Google Design Sprints, given by Zeke Binion:

Making products that customers love is hard. So giving yourself 1 week to do it sounds crazy.

But many companies spend months or years building products only to learn that their customers don’t want it. Google’s Design Sprint solves this problem by focusing a cross-disciplinary team on a clearly defined problem, empowering them to generate many creative ideas, and ensuring they are building the right product by putting a prototype in front of customers in just 5 days.

The 45 minute session was focused primarily on facilitation rather than process, but I am intrigued.

In his talk he discussed Google design sprints, as outlined in Sprint: How to Solve Big Problems and Test New Ideas in Just Five Days, and it is a process I am heavily interested in learning.

I have just received my copy of the book, so stay tuned for further process discussions.


To be clear, I am using an Amazon affiliate link to direct traffic through to Amazon. Shameless, I know. Just trying to earn a little bit of cash.



#Election 2016, #Michigan, #Politics

Michigan Election Results 2016

It’s that time again. This particular post comes with a heavy heart. Not because my candidate lost–I don’t generally vote major party–but because of what this election says about those who have voted this candidate into office. Giving in to xenophobia, racism, fear, and hatred is unconscionable.

Some might say I contributed to this by voting for a party other than one of the major parties, but I don’t see a principled selection that way. We are not limited to only two candidates–that isn’t how our system works, and I’m happy for it.


President (National, 270 needed)(Sigh)

Hillary Clinton (D)
47.6% / 218 Electoral Votes
Donald Trump (R)
47.5% / 289 Electoral Votes

President (Michigan, 16 EV)

Hillary Clinton (D)
47.3% / 2,239,745
Donald Trump (R)
47.6% / 2,255,356 Votes
Gary Johnson (L) 3.6%
 
Jill Stein (G) 1.1%
 

House District 6

Paul Clements (D)
28.4%
Fred Upton (R)
67.3%
Lorence Wenke (L) 4.9%
 

79th District State Representative

Marletta Seats (D)
38.4%
Kim LaSata (R)
58.7%
Carl G. Oehling (T) 2.8%
 

Reaction

PRESIDENTIAL RESULTS Hell! Brimstone! Fire! I’m not certain what stage of grief I’ve reached, but it’s certainly not acceptance. I underestimated how much people despised Hillary Clinton. I underestimated how much people would accept a man that looked and acted nothing like a presidential individual–speaks his mind was the refrain.

I do not understand.

Appealing to voters with divisiveness and bigotry, as well as a dislike of what Clinton represents, is not the same as sending a message of solidarity and revolution–which is the message I am receiving from some supporters. It means that people didn’t want the status quo. They want what they see as their way of life back and they think the establishment won’t provide it. I can appreciate that voters felt marginalized by what they see as a ruling class that doesn’t understand or represent them–that much is obvious–but I would not gloat or be happy about the fact that this particular candidate is the face of that movement. Trump winning truly does empower those who would further marginalize minority groups and exposes a deeper hatred than I ever guessed was possible. Even if as President he is nothing like that, he rode that wave into office. That in itself is deplorable and shameful.

I accept that our political system is broken and produces results that ignore a great portion of the population’s wants and desires, but that group is ignoring the realities of life and how the world operates. I am truly ashamed of this result.

Face palm
Seriously guys!?

LEGISLATIVE BODIES This is where all of the action is. This is where I’m mostly confused. People used Trump as a vehicle for change–a vote to protest the political system–but they largely kept their reps and senators. This was a mistake of the largest order. Most of the work is done in the House and Senate, while the President helps to set an agenda for the next four years. In this case, Trump’s own party disliked him. We are unlikely to see the sort of massive change those hoping for his election sought.

My districts were no different, and have been historically Republican for as long as I can remember. I really have no other reactions here. This is a national shame in a way that I don’t think Trump supporters or protest voters fully understand.


Information gathered from CNN Election Results and 2016 Michigan Election Results, accessed on November 9th, 2016.


#Branding, #Coca-Cola, #Design

Coca-Cola Variants With New Packaging Strategy

Coca-Cola is switching gears with a new packaging strategy, according to AdAge. Their focus is going to be on variants of Coca-Cola rather than on separate brands depending on consumer desire.

Earlier this year, Mr. de Quinto told Ad Age that loyal consumers “always have loved the brand Coca-Cola.” But “there are moments when this consumer wants to reduce their sugar intake.” In those cases, Coke was forcing people to buy into a completely separate identify, he explained, referring to Diet Coke and Coke Zero.

He goes on to describe how this strategy implied that the product wasn’t really for everyone–that it wasn’t all inclusive–and that’s an intriguing notion.

Proposed product lineup. Photo from Coca-Cola, used at AdAge

8oz_Glass_One_Brand_line_up

Same family but no different–they’ve changed nothing about the product.

From an aesthetic standpoint, I love this strategy. Everything feels like a product family, the approach is clean, and the rationale surrounding it seems rather intriguing. By positioning these options as variants of Coke, rather than separate products, I wonder if it will create confusion in-store or if this will seem like a natural evolution for consumers?

Overall, I’m curious to see what it looks like when it is introduced later this year.


#Life advice

Ways I Can Be Better as a Person

While I believe the post1 I got this information from is referencing only men, the advice is fairly solid and can apply to any adult. These are things that can be done better by me in my public and private life.

1. A man has public decorum. He opens doors for ladies and his elders as a sign of respect; likewise, he walks on the side of the curb and he offers his jacket. He minds his P’s and Q’s at all times, whether he is with the janitor or the CEO. A man never makes anyone wait for he is always on time. A man is never rude.

This one in particular is one that I find to be of the utmost importance (is never rude and minds manners), and any time I fail in following it, I am extremely disappointed in myself and my actions. I hope to get better every day and to be a better person tomorrow than I am today. I know as a human being I’m prone to failures, but I take each and every one of those failures personally and to heart.


  1. Top Ten Ways to be a Man. Accessed 2/15/16

#Flint, #Politics

The Flint Water Crisis

I’m not going to be an apologist for the governor–or the government of Flint–in this case, but we’ve got to stop demonizing politicians we don’t agree with when things go wrong. It’s very, very easy to blame our political enemies for a crisis when the truth is closer to everyone being at fault. So blame them all accordingly.

I was reading an article today that discussed the situation in flint in a manner that reflects my thinking, in that while “observing the reporting taking place over the Flint Water Crisis…I’ve noticed a lot of things that are reported that are not helpful and in fact can make the situation in Flint worse.”1

I’m just tired of the divide in politics, sports, and life that online communication creates.

What most of the public is focused on–in terms of laying blame for what happened–is looking for that single individual that is responsible, rather than seeing multiple failure points and people as the cause. So, while public outcry is healthy, focusing public time and attention on trying to single out any one person as more culpable than others is energy poorly spent. What people seem to do more often than not is look for a villain to blame in situations like this. There is likely a name for this kind of psychological response to issues that are more complex and awful than we can properly process.

Now to Governor Snyder. It goes without saying that his legacy will forever be tarnished by what happened in Flint. And I will agree that he moved [too] slowly to deal with this crisis. But when people want to take a break from calling for Snyder to resign, they might want to look at what Snyder is doing now-which seems to be a lot.

Now you can probably sit back and say this is a politician trying to cover his own ass after the fact–and perhaps that is true–but again, he’s not the only one at fault, and his party wasn’t alone in creating the situation that got us here.

So, what?

I’ll say this, people need a reason that can be neatly wrapped and understood when situations like this arise rather than acknowledging that these things happen for complex reasons that are not alway attributable to nefarious machinations. More likely than not it’s systemic incompetence. That’s not one single person, that’s a gaggle of incompetent folk at fault. How do we fix that? Not by trying to find a villain to blame. Expend the effort in rooting out the problem, not pinning it on one person–particularly when the problem runs much deeper than that.

This article isn’t giving sole credit to the governor for local successes, merely pointing out that he has taken on a lot of responsibility for what happened and at least appears to be doing something–after the fact. It’s giving another perspective on the situation that points out how complex the causes were.

The reason I even post something like this is because I see a lot of tirades in association with the governor on this issue without even registering that it’s not the type of problem that occurs during one or two terms in office–it’s one that’s run its course and come to this conclusion over the course of many decades.


This was expanded from multiple discussions I’ve had on social media over the past day.

  1. Flint Water Crisis Update. Dennis Sanders. Accessed 1/27/2016.
    http://ordinary-gentlemen.com/blog/2016/01/26/flint-water-crisis-update/.

#Abraham Lincoln, #Civil War, #History

Dedication of the Cemetery at Gettysburg by Abraham Lincoln

Four score and seven years ago our fathers brought forth on this continent, a new nation, conceived in Liberty, and dedicated to the proposition that all men are created equal.

Now we are engaged in a great civil war, testing whether that nation, or any nation so conceived and dedicated, can long endure. We are met on a great battle-field of that war. We have come to dedicate a portion of that field, as a final resting place for those who here gave their lives that that nation might live. It is altogether fitting and proper that we should do this.

But, in a larger sense, we can not dedicate–we can not consecrate–we can not hallow–this ground. The brave men, living and dead, who struggled here, have consecrated it, far above our poor power to add or detract. The world will little note, nor long remember what we say here, but it can never forget what they did here. It is for us the living, rather, to be dedicated here to the unfinished work which they who fought here have thus far so nobly advanced. It is rather for us to be here dedicated to the great task remaining before us–that from these honored dead we take increased devotion to that cause for which they gave the last full measure of devotion–that we here highly resolve that these dead shall not have died in vain–that this nation, under God, shall have a new birth of freedom–and that government of the people, by the people, for the people, shall not perish from the earth.


What an incredibly powerful, yet succinct, speech given by a universally lauded President. He has his critics, and rightly so, but the noble words used on that day, November 19, 1863, are highly inspiring and somber.


#Ghost, #WordPress

WordPress is Catching My Attention Again

Ever since Ghost was released I’ve been incredibly interested in installing and learning the platform–even toying with the idea of switching over completely. Alas, on my host, this is impossible due to Ghost’s dependency on node.js, and so I was left reeling just a bit.

It was in this fugue state over the past month that I discovered just how much I truly love WordPress again, particularly with the introduction of version 3.8 and the updates being made to the admin screen. I’m very happy with what is happening there, and I have faith in the platform as a whole. Yes, it can be a little bloated; yes the plugins aren’t always well written; but none of these things really detract from the flexibility of the system.

I’m excited to develop for WordPress again, and I can’t wait to see what’s coming next.