by Chris Cummings | Aug 14, 2018 | Google, htaccess, HTML, SEO, Wordpress
Enable Gzip and browser caching code. Add to the bottom of the .htaccess
# LBROWSERCSTART Browser Caching
<IfModule mod_expires.c>
ExpiresActive On
ExpiresByType image/gif "access 1 year"
ExpiresByType image/jpg "access 1 year"
ExpiresByType image/jpeg "access 1 year"
ExpiresByType image/png "access 1 year"
ExpiresByType image/x-icon "access 1 year"
ExpiresByType text/css "access 1 month"
ExpiresByType text/javascript "access 1 month"
ExpiresByType text/html "access 1 month"
ExpiresByType application/javascript "access 1 month"
ExpiresByType application/x-javascript "access 1 month"
ExpiresByType application/xhtml-xml "access 1 month"
ExpiresByType application/pdf "access 1 month"
ExpiresByType application/x-shockwave-flash "access 1 month"
ExpiresDefault "access 1 month"
</IfModule>
# END Caching LBROWSERCEND
# START GZIP ENABLING #
<IfModule mod_deflate.c>
AddOutputFilterByType DEFLATE text/plain
AddOutputFilterByType DEFLATE text/html
AddOutputFilterByType DEFLATE text/xml
AddOutputFilterByType DEFLATE text/css
AddOutputFilterByType DEFLATE application/xml
AddOutputFilterByType DEFLATE application/xhtml+xml
AddOutputFilterByType DEFLATE application/rss+xml
AddOutputFilterByType DEFLATE application/javascript
AddOutputFilterByType DEFLATE application/x-javascript
</IfModule>
# END GZIP ENABLING #
by Chris Cummings | May 9, 2012 | 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.
by Chris Cummings | Aug 8, 2011 | General Nerdiness, HTML
Remember your first web page? Mine was on Geocities. Aaahhhhh, Geocities! Good times.
Here is THE first web page…sorta. It’s actually a revision of the first page (which no longer exists) but its an early revision. The first page dropped in 1991 and this is a revision from 1992.
Enjoy: http://www.w3.org/History/19921103-hypertext/hypertext/WWW/TheProject.html
by admin | Jul 15, 2011 | CSS, HTML
I saw a cool thing on www.css-tricks.com (one of my favorite sites) and after looking at his code plus a few others was able to doit…so I present:
COOL SLIDE IN BACKGROUND (not the best name but, whattyagonnado?)
Here’s the code…all you need is a png file named droid.png:
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Untitled Document</title>
<style type="text/css">
#thebox {
-webkit-border-radius: 14px;
-moz-border-radius: 14px;
border-radius: 14px;
background-color: #10365b;
height: 300px; width: 400px;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #FFF; font-size: 30px;
background-image: url(droid.png);
background-position: 390px 0px; background-repeat:no-repeat;
overflow: hidden;}#thebox p { padding-top: 16px;
padding-right: 150px;
padding-bottom: 16px;
padding-left: 16px;}#thebox:hover {
position: absolute;
background-color: #30567b;
background-image: url(droid.png);
background-position: 190px 0px; background-repeat:no-repeat;
-webkit-transition: all 0.8s ease;
-moz-transition: all 0.8s ease;
background-position: 220px 100%;
background-repeat: no-repeat; }
</style></head>
<body> <div id="thebox">
<p>This is a cool box with some text in it </p>
<p>OK, that's all.</p>
</div>
</body></html>
by Chris Cummings | Jul 1, 2011 | CSS, HTML, Javascript, jQuery, Web Design
I love CSS-TRICKS.COM. Always interesting, usually helpful…but today its MEGA HELPFUL! This post in particular:
http://css-tricks.com/12389-one-page-apps-i-actually-use/
Why? Because I’m always looking up the code for rounded corners or trying to find the exact link to jQuery…here are some great links from that article!
That’s it. Have fun. 🙂
by Chris Cummings | Jun 22, 2011 | HTML, jQuery
I cannot seem to find one particular place where this info is available (maybe i’m loosing meh mad googlin’ skills?) but here it is:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js" type="text/javascript"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.10/jquery-ui.min.js" type="text/javascript"></script>
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.10/themes/base/jquery-ui.css" rel="stylesheet" type="text/css" />
So the first line is your jquery, the 2nd is your jquery ui, the 3rd is the CSS. ’nuff said.