app.bitsofco.de

bitsofco.de

A More Accessible Multi-Level Dropdown Navigation

https://bitsofco.de/2015/accessible-multi-level-dropdown-navigation

A More Accessible Multi-Level Dropdown Navigation. Jul 07, 2015. One of the biggest accessibility issues I see, and face myself, are with navigation menus, particularly multi-level drop-down menus. So this week, I decided to work on creating the most accessible multi-level dropdown menu I could. There were four things I was trying to achieve -. 1 The navigation should be user input agnostic. Using a mouse to hover. On the element with a mouse. On the element on a touchscreen. 4 Provide some fallback for ...

bitsofco.de

bitsofcode - Page 2

https://bitsofco.de/page/2

Variable and Function Hoisting in ES2015. Variable hoisting is a behaviour in JavaScript where variable declarations are moved to the top of the scope (function scope or global scope) that the variable is defined within. The typical JavaScript variable can be created in two stages - declaration and initialisation. The declaration stage is where the variable. ( continue reading "Variable and Function Hoisting in ES2015". Sep 27, 2016. The New System Font Stack? Sep 20, 2016. Sep 13, 2016. The nth-child() ...

bitsofco.de

Hiding Elements With CSS

https://bitsofco.de/2015/hiding-elements-with-css

Hiding Elements With CSS. Jul 21, 2015. Being able to hide and show elements on a page is an integral part of responsive design. Depending on what you want to achieve, there are many different ways to hide an element using CSS. In this article, I explore the properties we can use to do this, and the pros and cons of each. As I have mentioned before. Any content within the element, or its children, is functionally non-existent. If it is an actionable element, for example a. Foo { display: none; }. Apart f...

bitsofco.de

How Floating Works

https://bitsofco.de/2015/how-floating-works

Aug 11, 2015. Although I very rarely use floats nowadays, there are certain specific circumstances in which they are the only viable solution. In these rare cases, I find myself getting frustrated because they don't work in the way I think they should. So I decided to look into the rules that govern the behaviour of floats, and how to properly use them. The Rules of Floats. There are four values the float property can be set to -. Foo { float: left right inherit none }. Although a floated element will tr...

bitsofco.de

jQuery UI Events Cheatsheet

https://bitsofco.de/2015/jquery-ui-events

JQuery UI Events Cheatsheet. Jul 14, 2015. While creating the accessible multi-level dropdown navigation. I had to think a lot about which jQuery events were applicable for desktop vs mobile and mouse vs keyboard. I created a little cheatsheet for myself to reference, which turned out to be quite useful and so I thought I would share it. The "UI" events I was looking to were events which invole the user interacting with an element. Here is an overview of the events -. When an actionable element, e.g.

bitsofco.de

A Simple Gulp Workflow

https://bitsofco.de/2015/a-simple-gulp-workflow

A Simple Gulp Workflow. Jul 28, 2015. As you may have heard, is a javascript "task runner" that allows us to automate certain tasks in our development workflow. We use it by defining what tasks we want to automate in a. And running that through the command line. Although there are several other similar task runners, I chose to use Gulp because it is javascript-based and, because of its extensive library of plugins. And incredibly simple API. To compile and minify my SASS files, and. Compiles SASS to CSS.