Box Shadow Inset on Input Field? Yes, please!

Chris Cummings    CSS    

Can you put a CSS3 box shadow on an input field?  You can!  The only thing you have to do is to set a background color or transparent to the field:

http://stackoverflow.com/questions/12140961/inset-box-shadow-for-inputfield

Buh-bam!

WordPress Plugins I use

Chris Cummings    Wordpress    

This is a list of WordPress plugins I use in various places for various things.  This list will probably be updated from time to time.

• Simple Backup
• Ajax Event Calendar
• HeadSpace2
• Under Construction
• Child Pages Shortcode
• Contact Form 7
• IQ Testimonials
• List Pages Shortcode
• WordPress Important
• WP Sitemap Page

Last Web Page Update (IE is good for something!!!)

Chris Cummings    IE8, Internet Explorer, Javascript, Web Design    

I needed to know when a website was last updated…so I dug around online and on this page:

http://productforums.google.com/forum/#!topic/chrome/FCdMwM7mgPU

I found out this works (seems to not work in Chrome but will in IE.):

1. Dig around for that long-lost IE icon and click it.
2. Open a web page
3. In the address bar, replace the full address with: javascript:alert(document.lastModified)
4. Hit enter and you will get a pop up with date info

A Good Way To Deal With Padding

Chris Cummings    CSS    

This is probably old hat to most but I just saw this and didn’t realize it was in CSS(3) so here we go:

*
{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

This little tidbit here will enable you to pad things without doing “padding math”. In other words it pads things on the INSIDE of a box, not added to.

That’s it. Short’n'sweet.

Lost Google Analytics Login? Maybe this will help…maybe.

Chris Cummings    Google    

So I set up a site on Analytics many moons ago and I’ve forgotten what email address I used.  Took some searching but maybe this form is going to help me:

http://support.google.com/analytics/bin/request.py?contact_type=regain_access

C# Contact Form on GoDaddy

Chris Cummings    C#, GoDaddy    

Hi!  How are you? I’m fine, thanks for asking!

I haven’t posted any C# stuff in a while but I’m working on something that bears mentioning.  If you are sending C# emails via a contact form you’ll want to see this site:

http://support.godaddy.com/help/article/1073/using-cdosys-to-send-email-from-your-windows-hosting-account

And use this code:

// language -- C#
// import namespace
using System.Web.Mail;

private void SendEmail()
{
   const string SERVER = "relay-hosting.secureserver.net";
   MailMessage oMail = new System.Web.Mail.MailMessage();
   oMail.From = "emailaddress@domainname";
   oMail.To = "emailaddress@domainname";
   oMail.Subject = "Test email subject";
   oMail.BodyFormat = MailFormat.Html;	// enumeration
   oMail.Priority = MailPriority.High;	// enumeration
   oMail.Body = "Sent at: " + DateTime.Now;
   SmtpMail.SmtpServer = SERVER;
   SmtpMail.Send(oMail); 
   oMail = null;	// free up resources
}

IE, Forms, Image Submit Buttons = Bad Mojo

Chris Cummings    HTML, Internet Explorer    

Been a while, huh?  Yeah well, you know…

Found out IE submits funky stuff for the value of a form button that is an image.  Better to slap a hidden field in your form.  More info here http://ednailor.wordpress.com/2010/02/22/problems-using-an-image-for-submit-button-in-ie/

So, yeah, that’s all.  Short but helpful?  I hope so.

A good .htaccess file

Chris Cummings    htaccess, SEO    

I’m a bit new to this side of things but for now this is the .htaccess file I’m using when I want everything to point back to http://www.site.com/

EDIT: I updated on 5/20/13 to add several options that can be removed.

RewriteEngine on

# Proper 404
ErrorDocument 404 /404.php

# 301 Redirects of old page names
RedirectPermanent /old-page.php http://www.site.com/new-page.php

# Force www
RewriteCond %{HTTP_HOST} !^www.site.com$
RewriteRule ^(.*)$ http://www.site.com/$1 [R=301]

# Allow with or without PHP extension
RewriteEngine On
RewriteCond %{SCRIPT_FILENAME} !-d
RewriteRule ^([^\.]+)$ $1.php [NC,L]

# Force trailing slash
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteCond %{REQUEST_URI} !(\.[a-zA-Z0-9]{1,5}|/)$
RewriteRule (.*)$ http://www.site.com/$1/ [R=301,L]

Also I should have figured this out years ago but I shouldn’t just reference index.php and the like in an href, do it up right with the full URL http://www.site.com/

It’s the little things

Chris Cummings    CSS, Web Design    

Sometimes those little touches can give you a nice feel to your site.  Here’s one…add this code to the top of your CSS:

* {  -webkit-transition: all 0.2s ease;  -moz-transition:    all 0.2s ease;  -ms-transition:     all 0.2s ease;  -o-transition:      all 0.2s ease;}

Wherever you have hovers and similar things, it will transition between the 2 states. Try it out!

The idea for this came from one of my favorite sites, CSS Tricks. Article is here: http://css-tricks.com/things-it-might-be-funuseful-to-try-the-universal-selector-on/

Converting a site to WP but doing the right SEO stuff

Chris Cummings    SEO, Web Design, Wordpress    

Mainly what you have to do is:

1. Convert the site to WP
2. Once all is good with WP edit .htaccess
3. Above all the wordpress stuff you have to add this type of thing: Redirect 301 /myoldurl.html http://mydomain.com/newpagename
4. You have to add that for each old file that you want to redirect to the new file
5. There is info all over the net, including here: http://stackoverflow.com/questions/3696002/converting-a-static-site-to-a-wordpress-site-how-to-transfer-convert-seo-ranki