recentpopularlog in

abberdab : troubleshooting   32

Breaking the Grid -
As a Front-End developer nothing bothers me more than seeing an unexpected horizontal scrollbar on a website. While building out a checkout layout with CSS Grid I was surprised to find something mysterious was breaking the container. I thought Grid sort of auto-solved sizing.

Eventually I found two ways to break CSS Grid. As it would happen, I was doing both in the same layout — overflow-x and form elements.
forms  css  grid  layout  troubleshooting  hacks  overflow 
september 2017 by abberdab
Flexbox Bugs
This repository is a community-curated list of flexbox issues and cross-browser workarounds for them. The goal is that if you're building a website using flexbox and something isn't working as you'd
troubleshooting  flexbox  bugs 
june 2016 by abberdab
Sticky headers
I made a little tweak to The Session today. The navigation bar across the top is
tips  troubleshooting  sticky-header 
june 2016 by abberdab
Working Around the inline-block Menu Problem with Wordpress
"The CSS inline-block display value is both useful and aggravating. On one hand, it allows you to keep an inline flow of display in your web pages while still specifying the width and height of the elements, which is particularly great for creating page menus without floating all the blocks to the left. On the other hand, making <li>‘s in your menus inline-block means that browsers will display the white space in between them, which can sometimes create an unwanted “inexplicable margin” effect..."
wordpress  troubleshooting  whitespace 
october 2012 by abberdab
Remove default inline style of wp-caption | WordPress Snippets
add_shortcode('wp_caption', 'fixed_img_caption_shortcode');
add_shortcode('caption', 'fixed_img_caption_shortcode');
function fixed_img_caption_shortcode($attr, $content = null) {
// Allow plugins/themes to override the default caption template.
$output = apply_filters('img_caption_shortcode', '', $attr, $content);
if ( $output != '' ) return $output;
'id'=> '',
'align' => 'alignnone',
'width' => '',
'caption' => ''), $attr));
if ( 1 > (int) $width || empty($caption) )
return $content;
if ( $id ) $id = 'id="' . esc_attr($id) . '" ';
return '<div ' . $id . 'class="wp-caption ' . esc_attr($align)
. '">'
. do_shortcode( $content ) . '<p class="wp-caption-text">'
. $caption . '</p></div>';
wordpress  inline  style  troubleshooting 
january 2012 by abberdab
Lightbox problem in Safari
Vertical images are blowing out of their containers. This might be the fix.
troubleshooting  lightbox  safari 
february 2010 by abberdab
Reporting Bugs - a how to guide-
A handy checklist of information to include when reporting bugs to your web developer. By the Perch people. :)
troubleshooting  clients  bugfix  dev  www 
july 2009 by abberdab
Bug 361768 – horizontal lines appearing while scrolling over block elements
Horizontal lines appear in divs set to overflow:auto --- try float to wrap, instead. A FireFox bug.
troubleshooting  browser  bugfix  css  firefox  dev  www 
july 2007 by abberdab

Copy this bookmark:

to read