• Home
  • About Mitch
  • Speaking
  • Articles
  • Contact
  • Home
  • About Mitch
  • Speaking
  • Articles
  • Contact

Digital Strategist

WordPress Developer

Content Creator

Unapologetic Punk

Mitch Canter

  • X
  • Bluesky
  • GitHub
  • Twitch
  • YouTube
  • LinkedIn
Design

CSS Reset: Leveling the Playing Field (a bit)

CMDR Mitchcraft

Reading time: 1 minute

I’ve recently discovered a nice way to standardize the view I get between Internet Explorer and Firefox, which have a standard “stylesheet” built in to render websites.  The problem: both browsers use a different stylesheet, which can lead to inconsistancies between the same site on different browsers.

So, I’ve adopted a “CSS Reset” file.  What it does is basically clean the slate and neutralize the styles embedded into the browser, thus rendering IE and Firefox to a 90-99 percent similarity when viewing a page (there will always be bugs in IE’s website rendering, but for the most part pages show up fantasically).

The CSS Reset:

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img {
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}

This is the Yahoo! UI Library Reset.css file, for those that care.

css, CSS Reset, Web Design
  • Foursquare vs. Gowalla… annnnnd fight!

    Foursquare vs. Gowalla… annnnnd fight!

    Reading time: 5 minutes

    <script type=”text/javascript”>function initMenus() {    $(‘ul#accordion li ul’).hide();    $.each($(‘ul#accordion’), function(){        $(‘#’ + this.id + ‘.expandfirst ul:first’).show();    });    $(‘ul#accordion li h2.widgettitle’).click(        function() {            var checkElement = $(this).next();            var parent = this.parentNode.parentNode.id;             if($(‘#’ + parent).hasClass(‘noaccordion’)) {                $(this).next().slideToggle(‘normal’);                return false;            }            if((checkElement.is(‘ul’)) && (checkElement.is(‘:visible’))) {                if($(‘#’ + parent).hasClass(‘collapsible’)) {                    $(‘#’ + parent + ‘ ul:visible’).slideUp(‘normal’);                }                return false;           …

    Tutorial, WordPress
  • A Look at The Best WordPress Contact Forms

    A Look at The Best WordPress Contact Forms

    Reading time: 5 minutes

    No site is complete without having a contact form of some kind on it. Whether you use it for lead generation, user submitted content, or just to have people stop and say hello, having a form visitors can easily fill out to send you a message is crucial.  WordPress is privileged to have an amazing…

    WordPress