A handy boilerplate child theme for serious Genesis developers. Trestle takes a lot of the grunt work out of building sites using the Genesis Framework, providing quick and easy-to-implement solutions to common problems and repetitive tasks. We’ve taken Genesis’ rock-solid foundation, integrated mobile-first CSS, responsive navigation, a full-featured settings panel, and much more. Download. Install. Enjoy. View … Continue reading“New Mm Theme: Trestle”
We throw around the phrase “mobile first” a lot here at MIGHTYminnow. It factors into many of our discussions and plays an important role in pretty much every site we build. We even created the Genesis Mobile First Child Theme, which is dedicated to making it as easy as possible to go mobile first when working … Continue reading“What is Mobile First CSS and Why Does It Rock?”
We recently completed a project in which we needed to popup a tooltip-like box when hovering over an element. The :hover CSS pseudo-class works fine in desktop, but not so well on mobile. What ends up happening on mobile is that tapping the target element does indeed pop up the tooltip, but tapping elsewhere on … Continue reading“:hover Effects for Mobile”
Mobile First Genesis 2.0 Child Theme Download our new Mobile First Child Theme for Genesis 2.0. The theme looks and feels identical to the Genesis 2.0 Sample Theme, however it has been optimized with a “Mobile First” approach, meaning faster load times and an overall better experience for mobile users. Download Now » See Demo » … Continue reading“Our New Mobile First Child Theme for Genesis 2.0+”
Here’s a handy jQuery/CSS snippet that adds special “read more” links to expand and hide your WordPress blog posts, accordion style. This is pretty useful if your blog page is spitting out a bunch of long posts, and you’d like to consolidate some space. The code is set to work with default WordPress classes and … Continue reading“Add Expanding “Read More” Links to Your WordPress Blog”
Here’s a little bit of CSS to create a cool “see-through” effect, which is particularly fun when using fixed-position background images. Try scrolling me! Considerations This method utilizes the :after pseudo-element, which doesn’t work so well on inputs, but if you want to apply the same effect to form elements you can just create a lighter/translucent version … Continue reading“Fake See-Through Backgrounds with CSS”
A handy CSS/jQuery snippet to style <select> elements.