I will giving my “Using a Frameworks and Child Themes” talk at 3:30pm in the Lecture hall at WordCamp Columbus located in the CompuSuites building ( 5000 Arlington Centre Blvd, Bldg. 2 Upper Arlington, OH 43220 ).
Like the title of my talk implies I will be going over using Frameworks and Child Themes to build websites on WordPress. Over the past several years I had the unique opportunity to create a process for building websites using WordPress which lead me to develop a theme framework to rapidly deploy themes. If you can not attend the WordCamp I will make the slide available online, but you will miss out on me mumbling and fumbling my way through a presentation.
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.
