CSS

CSS Hacks and accessibility – Part 1

One of the conversations that took me by surprise in the hallway at CodeStock was a developer from Europe (I believe from the Czech Republic, and I am very sorry I did not get his name fully — so if anyone knows who that was, please let me know — I was grateful for the discussion). He asked me about the accessibility price of using the checkbox hack for mobile menu toggling — the example where it’s a checkbox visually hidden from the user, which then shows or hides the menu when an image is clicked (maybe a hamburger-menu styled button).

This especially becomes an issue when using a framework like React where the section that is being toggled on/off may be added to the page with the toggle rather than just hidden and shown — the code may not be present, so special accessibility tools may not be able to see the hidden menu if the checkbox isn’t picked up properly to select. Of course, the deeper the content is coming from a JS framework, the easier it is to simply avoid the hack and use a button with a click activated function, but it’s the deeper question of “how” to best compensate for the checkbox hack concept that’s important here.

My first reaction was that since it is a checkbox which is acting like a toggle we could label it better to increase accessibility. The whole idea has been bothering me since then, because I like to be very accessibility friendly and I love to focus in great detail on accessibility, but I hadn’t given this one much prior thought, because I only use this hack on sites I’m currently developing, on mobile, and I haven’t been great at checking my accessibility on mobile. (Shame on me, that’s pretty important and something I’ve been personally revisiting the last couple weeks.

Investigating this idea has led me to articles like these:

http://dev.edenspiekermann.com/2016/03/07/introducing-a11y-toggle/ 

http://alistapart.com/article/radio-controlled-web-design

I believe that the second article truly lays out what is needed to address accessibility in these cases, and it met the basics of what I was thinking, but it’s a few years old. So the question to be addressed here is: am I finding articles that back up my theories because I’m looking to be right, or are they really the correct answer? I’d love feedback from anyone interested in web accessibility, especially on the concept of checkbox hack for toggling content.

CSS

Codestock 2018 Slides and References

Abstract:

CSS: Can you? !== Should you?

Many developers have not taken the time to stay immersed in what CSS can do, and most take advantageonly of the most minimal levels of what it can do when applying styles to a project. However, CSS is capable of far more things now than many developers realize. This presentation reveals some of the things CSS can do that many people use JS frameworks and plugins for, and discusses performance and usage pros and cons. We can make a pure-CSS party parrot, but that doesn’t mean we really should… or should we?

Slides:

Codepens used as examples in the talk:

To answer questions raised after the talk – for those brand new to CSS:

https://developer.mozilla.org/en-US/docs/Learn/CSS/Introduction_to_CSS/Cascade_and_inheritance
https://developers.google.com/web/tools/chrome-devtools/

Uncategorized

Happy CodeStock!

Hi there!

Yes! I am announcing in my talk today that I am posting the slidedeck and a list of references. I expect this to be around mid-afternoon, and I didn’t queue it to go automatically, because I thought I might fine tune the list based on any questions received during my talk.

 

So you are in the right place, if that’s what you’re looking for! Just have some patience, and if you want to be automatically notified, follow me as @ambroseya on twitter and I’ll update when it’s posted.

 

Letterpress, Life, Productivity

Welcome to the Chase Alley Press!

I’ve been distant on my blogging these last months, as we have had extensive family upheaval. After moving in January 2016, and spending a full year moving / working on the old house / finally selling the old house, my aunt was in a car accident in November 2016. This led to the most trips between Tennessee and Maryland that I ever thought possible. Trips to sort out her things, to clean out and sell her house when it became obvious she could not return home, and to move those family heirlooms that I wanted from her home. Then in January 2017, my grandfather fell ill with pneumonia, and without my aunt to assist, we brought him home with hospice car in February 2017 to his home in Maryland. We made many trips to visit family over the year, and my grandfather died in December 2017.

In these first few months of 2018, we have been frantically cleaning out my grandfather’s home (which he purchased over fifty years ago) of all of the items that we wanted to keep — including his printshop. My grandfather, Jacob LaRue Warner, was a hobby printer for over 50 years. Here is an article he wrote in his monthly journal The Boxwooder, which was reprinted in Type & Press in 1989.

http://vandercookpress.info/downloads/articles/T&P%20articles/t&p-warner.pdf

And here is a very well researched obituary article written about my grandfather, written by Dave Tribby for The Fossil:

http://www.thefossils.org/fossil/fos374.pdf

All of this leads to the birth of the Chase Alley Press. Marc and I are very grateful to be done with the printshop moving process, (which included riggers using cranes to move equipment from the basement to our truck) and have taken possession of all of the presses, type, printed matter, and other equipment from the Boxwood Press and are naming our private press the Chase Alley Press. We shall be publishing a series of articles about the presses and the shop as we complete our inventory and restoration process.

History

Reading List

What do I do when I am not reading about tech topics and entrepreneurship? History and genealogy, two of my biggest loves. After taking most of last week off to attend DAR Continental Congress, I must share what has engrossed me the most lately. The book I’ve been reading is Never Caught: The Washingtons’ Relentless Pursuit of their Runaway Slave, Ona Judge by Erica Armstrong Dunbar. It’s fascinating to see how much history of this one particular slave was preserved over the intervening years and it’s also interesting to see the other side of the Washington’s slave narrative. So often we hear how Washington freed some of his slaves at his death, but rarely do we see the full picture of what kind of a slave owner George Washington was.

The other item that has fully engrossed me this week is the Presidential Podcast from the Washington Post. This historical podcast has one episode per president and was released leading up to the 2016 election. It is so well done that I found myself looking forward to every moment that I could keep listening while I travelled. I’m excited that they will be coming out with a new podcast, called Constitutional, this summer.

CSS

CSS Fun

I get a little frustrated when people think everything needs Javascript. I’m using a lot of Javascript these days, primarily React, but there are so many things you can do with CSS instead. It’s a magical balancing act — should you use Javascript? Should you use CSS? Should you even do it at all?

Since December, I’ve been working with a social media site called Rezli, and this morning I decided to make the Rezli logo — and then I decided to animate it, all with CSS. There is no original design of mine here, the animation is a replica of the current avatar of Rezli’s CEO. 🙂 I’m not a designer, I’m an implementer. 😉

See the Pen Rezli Logo CSS Only with animation by Alice (@ambrosey) on CodePen.0

Entrepreneurship, Life

Reading Lists

In this startup phase, I’ve been writing a lot fewer posts and articles than I ever have before, because it’s hard to start talking about my product without pitching — and it’s hard to pitch my product without it being ready for show and tell. We’re getting so much closer to a live launch.

In the meantime, I have been reading far more books on business, business in tech, and entrepreneurship.

The book I’m reading at the moment, The Intelligent Entrepreneur, by Bill Murphy Jr., has been a fantastic read so far. I read the comments on Amazon before I borrowed it from the library, and many of the comments hinged on the fact that it over glorifies the Harvard Business School (true fact) and that it makes venture capital seem much easier than it is today (true fact). However, the book is a great story, following three entrepreneurs from the same class at HBS. It shows the good and the bad, everything about their lives as they struck out on their own to form businesses.

My takeaways aren’t the “10 rules of successful entrepreneurship” that the cover dictates — but the more minor things. An offhanded comment that one of the entrepreneurs occasionally stayed up all night playing Civilization while he’s in the world of new startup entrepreneurship. And it gave me so much more hope. Because if I have to follow all the suggestions everyone says — throwing everything into my business around the clock, living, sleeping, dreaming the business, then the business isn’t worth it to me.

Do I love my business idea? Yes. Am I excited beyond belief to have it come to fruition, just for my own use? Yes. Will I probably work on it well over a 40 hour week until I can afford to hire employees to get a more manageable schedule? Yes.

Will I take afternoons to go to swim lessons with my son? Will I take a child-free evening to simply enjoy and play games with my husband? You bet. I’ll be one more entrepreneur, trying to make my mark on the world… but if I’m up at midnight, I’m probably playing just one more turn…

Life, Productivity, WordPress

Starting Up

I have never been so excited about a website launch than I am at this moment. I’ve been able to take my strongest skills from across my hobbies, merge them with my web development skills, and create a fantastic product that I can’t wait to share with the world. It’s a dream web app for me, and something that I’ll enjoy using for years and years to come. And it’s something forcing me to meet more of my goals for this year with learning Javascript and taking my WordPress development to the next level.

Vague? Yes. I’ve written a much longer reveal post when we’re ready to release our beta version, hopefully by Labor Day. Please stay tuned, I’m super excited about this opportunity.

Life, Productivity

Taking charge of life – Spark Planner review

If you’ve read other posts on my blog, you realize I’ve had a crazy beginning to 2016 — moving houses, job transitions, trying to fix the old house to sell, and other smaller things.

However, one item that has really helped me pull through is a planner I bought off Kickstarter in the fall — the Spark Planner.  I am a junkie for productivity tools, and especially written planners, but I’ve been shocked at how much this planner has helped me. I set annual, monthly, and weekly goals, which I follow and set tasks to push me closer every day.

I originally thought this would help me take my business to the next level but instead, I’ve found that it’s rounding me in many aspects of life. I was late on the kickstarter, so I didn’t get my planner until right before February 1, so this is more of a “first quarter” check-in.

My annual goals were focused on the idea of growth: Growth of spirit, finances, learning, and body.

My top goals were:

  • Increase my income
  • Sell my old house
  • Become more multilingual (learn Chinese)
  • Increase knowledge
  • Lose weight
  • Increase fitness
  • Complete a half-ironman or equivalent

At this point, there have been several setbacks on the physical front – medical issues are flaring up with larger amounts of exercise, so I have to take things much slower than I thought. I also found that I have a medical condition which puts me at very high risk of illness from open water swimming (more susceptible to bacteria, etc) so I likely won’t be able to do a half-ironman official event in the fall. I’m still contemplating pulling it off in a gym setting for the swimming portion. Still, I can figure that out later. Getting in the running shape is the hardest part of a triathlon for me, so that is what I am focusing on right now, and I’ve lost 15 lbs since New Years.

The old house has been on the market for 3 days, a major accomplishment. It hasn’t sold yet, but it’s finally “finished” with regard to the work it took to get to listing ready status.

I’m making serious headway in learning Chinese as well. I’m learning Mandarin, and contrary to much advice, I’m attempting to learn to read, write, listen, and speak simultaneously. Therefore, it’s going slowly, but if I learn only to hear and speak, I will have a much harder time reading and writing later, and vice versa. That’s how I learn best. Definitely don’t try to hold a conversation with me yet… I’m a super beginner. My personal goal for the year is to get my fluency up to a casual proficiency level, and be able to begin reading websites written in Chinese, and begin to learn about Chinese typography. I have to learn the language more, before nuances in typography are understandable. Definitely a language that makes me wish I were in a larger city with an actual Chinese population in order to learn better — I haven’t seen or met anyone here who has fluency, in order to “check” my pronunciation skills.

Increasing my income is an interesting goal. Since I chose that goal, my previous work position crumbled, so I took some time to decide how to move forward. At this point, I’m still freelancing through my business that I co-own with my husband (The Bunny Network) and I haven’t really increased my income, but it’s regaining back to where it was, and I have some promising options for the future as well. I applied for several full time positions, but I have several other paths open to me right now, and that makes for an interesting season of exploration. Everything that I’m doing now is growing my career strengths, even if it isn’t making short term income, so I am happy with my current movement on growing my career.

The big goal I didn’t list earlier, that has taken precedence also, is organization. There’s nothing like moving as a family after 6 years in one house, to show you that you have a lot of organizational needs. A lot of my weekly and monthly goals have revolved around the organization in the new house.

So the question you’re probably wondering now is, how much of this really has been helped by the planner?

I have made annual goals, every single year. But I never really hold myself to them, or revisit them. The Spark Planner pushes me to think about them in creating my monthly and weekly goals, and has reoriented my life to the bigger goals, rather than the smaller goals. In the past, I’ve been great at task lists and other things, but I haven’t focused every week on meeting my annual goals for me as a person. When I fail to meet a goal, I see it, realize it, and let it shape the next week. The single largest thing I’ve learned from the process, however, is to keep my eyes on the larger goals rather than the small tasks, and this has really pushed me to grow much more than I otherwise would have. I look forward to coming up with my goals each week, and I hope to revisit with a new blog post after another quarter.

Life, WordPress

Impostor Syndrome

Here’s my biggest secret: I’ve always thought I wouldn’t be good enough for what I do. I’ve let it hold me back in way too many ways. Here’s my story.

1) I went to a prestigious engineering school (Case Western Reserve University).

Despite getting hired to work on a help desk on literally day one of college, and succeeding mightily in that work the whole time I was in college, I couldn’t find a job when I graduated. Granted, I was trying to stay in Cleveland at the height of recession – I graduated in January 2007 – but I didn’t apply for anything that would have given me an upward trend.

2) I married a successful software developer.

Once I got married, I/we assumed that I could never rival his salary, and I stayed at home for a couple years. Inferiority complex kept me from even applying for any jobs, even ones I would have been very very qualified for.

3) My husband’s trajectory forced me to find money.

Let’s be honest, I was miserable staying at home. My self-worth had gone OUT the window. My confidence was gone, and there wasn’t much left of the promising high school graduate who had my pick of some very good universities to turn me into a productive adult. Then, my husband started graduate school, and my smart budgeting sense said “Yes! Yes! we can pay for this out of pocket!” only to be faced with the cold hard reality of how gigantic the tuition was (more than 1/3 of his take-home pay).

4) I began freelancing online, for way less than minimum wage.

I never took any of those “$2/hr” type listings, but I didn’t know what I was doing. I was tech savvy, but I didn’t really have marketable experience. So I took easy jobs – $50 here, $100 there, but spent way more time on them than a skilled person would have. Besides a few nutty clients (the type that wouldn’t have been happy no matter who I was), I learned very, very quickly. After a few months, I felt confident applying for my first hourly positions, and worked as a freelancer for several small agencies. I was able to ramp up my hourly rate to the point where I could work a 40 hour week, rather than a 80 hour week because I didn’t know what I was doing, and eventually obtained a level which rivals my husband’s income.

5) I began to experience community, and found my worth.

The biggest watershed moment for me was in 2015 when I attended LoopConf. An expensive conference for WordPress held in Las Vegas, it was my first time truly around people who did what I do for a living every day. My first glimpse at successful people in the field, in person. The big moment came after attending several sessions which I was loving and soaking up the content, when I was talking to others and they were all discussing how various talks had completely gone over their heads. That they couldn’t imagine using the knowledge because they didn’t even understand it. That’s when I realized I had truly arrived – because I watched every session, soaked up many new tips and tricks – and never thought any of it was “hard”. I began the conference assuming that I was the new outsider, and quickly realized that I wasn’t.

Once I started truly talking to the other people that understood things on the level that I did, I finally realized that I was not longer that outsider looking in. I had arrived. I am good at what I do. I can always grow – and there are many things on my personal growth list for the year, weekly, monthly and annual goals to reach – but I am a success story. And nothing can hold that back.

6) The future.

In the beginning of the year it became clear that to grow more thoroughly, I wanted to join a team as a full time employee, rather than continuing to freelance. I received a taste of that last year with one client, who seemed to be bringing me on full time before things fell apart for her. Applying for jobs, however, comes with this huge risk — that brings up all the inferiority complex and impostor syndrome issues. I have to remind myself, day in and day out, that these companies know what they’re looking for. If they judge me to have the wrong personality for their company, why would I want to be there? I want a position to thrive in, and not to be throttled. In the meantime, there’s nothing wrong with continuing to freelance, until the perfect position opens up for me.