A very popular feature among sites right now is to have a call to action or as I like to call them a “Masthead” that occupy the entire browser window and scales to fit any browser size. It is a great way to get a single message across to your audience without other site elements distracting or using a terrible slider. But I found it terribly hard to Google this feature and an array of methods to achieve this effect.
I choose to stick with a simple CSS solution for the Masthead and borrowed some javascript from MightyScroll to achieve the desired feature. Feel free to play with it below.
Last week launched the stable version of Generic Framework V: 0.9.80 and with it came a few new feature along with some minor bug fixes. Below is a list of additions.
“mobile-off” class added to disable elements on mobile devices
“alpha” and “omega” classes can be applied to elements with “align-right” and “align-left” classes.
“remove-top”, “half-top”, and “add-top” classes have been created
Beta Versions for V: 0.9.90 development can be found on the GitHub page. When released features will include Theme Customizer Layout Options, Shortcodes for Buttons, some legacy browser compatibility changes, better default input field styling, image caption styling, and other clean up. Documentation for the current features can be found at the Generic Framework homepage.
Justified menus have been an issue for me. Designers have always given me mocks up which show menu items fluidly filling the width of the layout. If you have ever attempted to do this in practice you will know it is more difficult than it sounds, especially if the number of menu items change during dev. The above code attempts to solve this issue using flexbox which work really great with modern browsers and an IE 9 fallback using display:table which doesn’t work in Firefox because WHY on earth would you want to apply position:relative to and element with display:table-cell #sarcasm.
Also if you are using my Generic Framework for WordPress you can simply paste this into a child theme of it and it will overwrite the parent styling!
Much like my search for a drop down menu, I failed to find a great solution for buttons that were not image based, js heavy, or had large amounts of CSS to over complicate them. So I create these very simple buttons can can add to your project and styled to your liking.
I went on a search for a very lightweight CSS only drop down menu. After finding a few CSS3, JS, and image based menus I decided to make this very stripped down version. Enjoy!
People say you have to have a lot of passion for what you’re doing and it’s totally true. And the reason is because it’s so hard that if you don’t, any rational person would give up… – Steve Jobs
This website has taken many forms over the year. From a personal blog, a video portfolio, to a filmmaking/gear blog. Each one served its purpose, but almost always painted myself into a corner as to what the site could and couldn’t be. It is hard to encapsulate everything one can be in the limited format that is a website. This fresh WordPress install I hope will evolve into many snapshots of what makes up me.