super-cooper » css http://www.super-cooper.com Python, GIS, and a sprinkling of mindless drivel from Chad Cooper Wed, 08 Dec 2010 02:12:40 +0000 en hourly 1 http://wordpress.org/?v=3.3 PHP/CSS versus ASP/tables http://www.super-cooper.com/archive/2004/08/27/php-versus-asp/ http://www.super-cooper.com/archive/2004/08/27/php-versus-asp/#comments Sat, 28 Aug 2004 03:42:18 +0000 Chad http://super-cooper.com/?p=47 For the past few days, I have been tinkering around with PHP while rebuilding our site at work. I initially did everything in tables and ASP back last year sometime. Just some small stuff, nothing major.

Well, then our Windoze IIS server crashed, and the powers that be decided to move all the web-related stuff over to a Linux/Apache server (a good thing). So there goes my site along with my ability to run ASP, since they aren’t about to try to do any customization for just one loser using ASP. Basically, this was the push I needed to migrate to PHP (another good thing). I’ve been messing around a little bit with PHP, mostly with this site and the WordPress templates. The work site, however, is my first big dive into PHP. I am amazed at the amount (or lack thereof) of PHP code it is taking to redo the site to do basically (or in some cases, more) of the same things it was before. Also, since I’m trying not to use tables (styled ordered lists instead), the size of my templates are just amazing when compared to the tabled ASP templates of the old version. For instance, I have an ASP tabled template that is 46KB in size; the same template done with PHP and CSS-styled order lists: about 4KB (plus about 3KB of included files). Damn! That’s a huge reduction in file size, not to mention the code is gorgeous now without all the tables and that mess in there to clutter it up.

Another thing is adding the last modified date to the pages. In the old version, I used some JavaScript I found somewhere to accomplish this. I looks like so:

  1. <script language="JavaScript">
  2. <!--
  3. function getLongDateString()
  4. {   //method defined on class Date.
  5. //Returns a date string of the form: Day DD Month,YYYY
  6. //(e.g. Sunday 27 September, 1998)
  7. monthNames = new Array("January","February","March","April", "May","June","July","August","September", "October","November","December");
  8. dayNames = new Array("Sunday","Monday","Tuesday","Wednesday", "Thursday","Friday","Saturday");
  9. dayOfWeek = this.getDay();
  10. day = dayNames[dayOfWeek];
  11. dateOfMonth = this.getDate();
  12. monthNo = this.getMonth();
  13. month = monthNames[monthNo];
  14. year = this.getYear();
  15. if (year < 2000)
  16. year = year + 1900;
  17. dateStr = day+", "+month+" "+dateOfMonth+", "+year;
  18. return dateStr;
  19. }
  20. //register the  method in the class Date
  21. Date.prototype.getLongDateString=getLongDateString;
  22. function DocDate()
  23. { //return the document modification date (excl.time)
  24. //as a string
  25. DateTimeStr = document.lastModified;
  26. secOffset = Date.parse(DateTimeStr);
  27. if (secOffset == 0 || secOffset == null) //Opera3.2
  28. dateStr = "Unknown";
  29. else
  30. {
  31. aDate = new Date();
  32. aDate.setTime(secOffset);
  33. //use method defined above
  34. datestr = aDate.getLongDateString();
  35. }
  36. return dateStr;
  37. }
  38. document.write("<center> Last Updated: ");
  39. document.writeln(DocDate(),"</center>");
  40. //
  41. -->
  42. </script>

Kinda ridiculously long, eh? Then today I ran across this sweet little piece o’ PHP code that I actually inserted into my footer include file that all of my pages will call. This inserts the last modified date of the template neatly onto my pages, and the date format is, of course, customizable:

  1. <?php
  2. putenv("TZ=America/Chicago");
  3. echo "Page last modified on " . date( "F d, Y", getlastmod() );
  4. ?>
  5. Download this code: php-vs-asp-2.txt

So what does all of this mean, and why am I seemingly on a soapbox? Well, I’m very pleased so far with PHP (any surprises there?), what it can do, and the ease of getting it do those tasks. Oh yeah, and what is even better is that I am getting paid to do this. Ain’t life grand?

]]> http://www.super-cooper.com/archive/2004/08/27/php-versus-asp/feed/ 0 Damn you Notepad! http://www.super-cooper.com/archive/2004/08/05/damn-you-notepad/ http://www.super-cooper.com/archive/2004/08/05/damn-you-notepad/#comments Fri, 06 Aug 2004 04:05:43 +0000 Chad http://super-cooper.com/?p=42 I have a bad habit of relying on Notepad to edit my CSS files. This bit me in the ass tonight. I don’t quite know what causes this, but my file automagically went from looking like this (this is only a small sampling of the screw-up):

  1. #nav {
  2. font-family: "trebuchet ms", verdana, sans-serif;
  3. font-size: 11px;
  4. margin: 0px 0px 0px 0px;
  5. padding: 0;
  6. text-align: center;
  7. }
  8. #nav ul {
  9. border: 0;
  10. margin: 0;
  11. padding: 0;
  12. list-style-type: none;
  13. text-align: center;
  14. clear: left;
  15. }
  16.  
  17. #nav ul li {
  18. display: block;
  19. float: left;
  20. text-align: center;
  21. text-transform: none;
  22. padding: 0;
  23. margin: 0;
  24. }
  25.  
  26. #nav ul li a {
  27. background: #DCDCDC;
  28. width: 139px;
  29. height: 2em;
  30. border-left:1px solid #9F9A75;
  31. border-bottom:1px solid #9F9A75;
  32. border-right:none;
  33. padding: 0;
  34. margin: 0 0 10px 0;
  35. color: #666666;
  36. text-decoration: none;
  37. display: block;
  38. text-align: center;
  39. font-weight: normal;
  40. letter-spacing: 1px;
  41. line-height: 2em;
  42. voice-family: "\"}\"";
  43. voice-family: inherit;
  44. }
  45.  
  46. #nav ul li a:hover {
  47. color: #9F9A75;
  48. background: #EEEEEE;
  49. }
  50.  
  51. #nav a:active {
  52. background: #EEEEEE;
  53. color: #000;
  54. }
  55.  
  56. #nav ul li#one a {
  57. border-left:none;
  58. }
  59.  
  60. #nav ul li#five a {
  61. width:140px;
  62. }

to looking like this:

  1. #nav {  font-family: "trebuchet ms", verdana, sans-serif;   font-size: 11px;    margin: 0px 0px 0px 0px;    padding: 0; text-align: center;}#nav ul {   border: 0;  margin: 0;  padding: 0; list-style-type: none;  text-align: center; clear: left;}#nav ul li {   display: block; float: left;    text-align: center; text-transform: none;   padding: 0; margin: 0;}#nav ul li a {   background: #DCDCDC;    width: 139px;   height: 2em;    border-left:1px solid #9F9A75;  border-bottom:1px solid #9F9A75;    border-right:none;  padding: 0; margin: 0 0 10px 0; color: #666666; text-decoration: none;  display: block; text-align: center; font-weight: normal;    letter-spacing: 1px;    line-height: 2em;   voice-family: "\"}\"";      voice-family: inherit;   }#nav ul li a:hover {  color: #9F9A75; background: #EEEEEE;}#nav a:active {    background: #EEEEEE;    color: #000;}#nav ul li#one a { border-left:none;}#nav ul li#five a {   width:140px;}

Yeah, that’s right, from 62 lines to 1. Does anyone know what the hell causes this? It’s like it removes the line breaks or something. Is it something I’m doing? Probably. I need to start using Dreamweaver to edit my CSS files I guess. Thank God for backups. I’m taking this as a sign to step away from wp-layout.css for a while.

]]> http://www.super-cooper.com/archive/2004/08/05/damn-you-notepad/feed/ 0