jc-designs.net » Web Machine Updates http://jc-designs.net/blog jc-designs blog Mon, 16 Jan 2012 15:30:50 +0000 en hourly 1 http://wordpress.org/?v=3.3 Website update…Using the 960 Grid System http://jc-designs.net/blog/2010/10/website-update-using-the-960-grid-system/ http://jc-designs.net/blog/2010/10/website-update-using-the-960-grid-system/#comments Tue, 12 Oct 2010 03:55:14 +0000 jcDesigns http://jc-designs.net/blog/?p=588 This is just an update

I’m rebuilding my website, and I am learning multiple things at the same time while doing so. I’m using the HTML5 Boilerplate, HTML5 tags, the 960 Grid System (24-column), and will be using Sass. This isn’t a real post, just an update on why there won’t be one tonight. Tomorrow I will write a review on the 960 Grid System now that I have the hang of it. Does anyone know if the HTML5 Boilerplate has a Sass option? Meaning it has the CSS written in SCSS? Would be awesome, because I do not look forward to rewriting that. Anyway, I’ll have a real post for you tomorrow.

]]> http://jc-designs.net/blog/2010/10/website-update-using-the-960-grid-system/feed/ 0 HTML5 Boilerplate, Conditional Comments, and things to come http://jc-designs.net/blog/2010/08/html5-boilerplate-conditional-comments-and-things-to-come/ http://jc-designs.net/blog/2010/08/html5-boilerplate-conditional-comments-and-things-to-come/#comments Fri, 20 Aug 2010 04:05:44 +0000 jcDesigns http://jc-designs.net/blog/?p=506 The boiler room

If you haven’t at least heard of the HTML5 Boilerplate template, then you live in a dark cave as a hermit and are still using Photoshop 3. If you have, but haven’t checked it out, then you 100% need to. I downloaded the files (it comes with a few) and looked through it. Thank the gods it is commented so well, because there are a few things that I didn’t know going on.

It is an HTML 5 starting template loaded to the teeth with everything you could need…and then some. Just some of the things in it are: script tags to jQuery 1.4.2 (hosted on Google), Modernizer 1.5 js (see comment below by Paul Irish clearing things up for me on this), Google analytics code, Meyer’s reset CSS, conditional comments…this thing is PACKED with awesome.


Personally I’m going to remove some things, because I don’t need them, which is perfectly fine because this file is delete friendly. What I am going to add is CSS PIE. But that is the brilliance of it. It’s a great starting point, and you can do what you want with it. So go download it!

Conditional Commenting Genius

Forget about using conditional stylesheets now. Use this:

<!--[if lt IE 7 ]> <body class="ie6"> <![endif]-->
<!--[if IE 7 ]>    <body class="ie7"> <![endif]-->
<!--[if IE 8 ]>    <body class="ie8"> <![endif]-->
<!--[if IE 9 ]>    <body class="ie9"> <![endif]-->
<!--[if gt IE 9]>  <body>             <![endif]-->
<!--[if !IE]><!--> <body>         <!--<![endif]-->

This is great, because now you don’t need the extra CSS files for IE problems, and you don’t need to use hacks. For example, let’s say you have margin or something that is going bad in IE6. If the browser detected is IE6, then it puts the class “ie6″ onto the body. You would then write the CSS like this:

#myContainer {
margin: 20px 20px 0 10px;
}
.ie6 #myContainer {
margin: 20px 10px 0 5px;
}

Easy? YES. And awesome. Not much else to say about it other than start using this instead of whatever else you were doing, because this was better.

Things to come at The Web Machine

Well, as you may know from previous posts, I’m starting to learn how to theme Magento, which will come in handy, because I will be selling HTML/WordPress templates. Unique, not templates. Meaning only 1 of each will be sold. If you buy it, no one else will have it. Along with that I plan on writing more on Magento, maybe my own tutorial on how to theme it, or whatever strikes my fancy. Plus I am starting to FINALLY learn PHP, so I plan on throwing some articles on that here as well. More things to write about, so stay tuned folks!

What are you guys learning? Let me know!

Coupon Code: webmachine

]]> http://jc-designs.net/blog/2010/08/html5-boilerplate-conditional-comments-and-things-to-come/feed/ 2 Quick post…checking out WP 3.0 http://jc-designs.net/blog/2010/06/quick-post-checking-out-wp-3-0/ http://jc-designs.net/blog/2010/06/quick-post-checking-out-wp-3-0/#comments Thu, 24 Jun 2010 03:39:18 +0000 jcDesigns http://jc-designs.net/blog/?p=368 Just making a quick post about my foray into WordPress 3.0. As if you didn’t know, I use Host Gator for all my web hosting. I know I shamelessly plug them, but one of the reasons I love this host, is I can install a new WordPress installation on a click of a button, and entering text in a couple fields. Anyway, I created a new folder and installed it (2.9.2). I then did the auto upgrade to 3.0, and it took like 5 seconds with no problems. I then installed all of the plugins I have on this install, and activated them. This also went without a hitch.

I then tooled around in it. The feel is the same, and you will find everything where it should be. The menu editor is indeed cool. Very easy to use, and I only touched it for about a minute. Now that this trial went smooth, I think I will upgrade my version this weekend…AFTER I have backed up my database.

Please note: If you are going to upgrade, make sure to go to the WordPress forums and read through the instructions per version you have. If you have 2.9.2 like I did, deactivate your plugins before upgrading.

]]> http://jc-designs.net/blog/2010/06/quick-post-checking-out-wp-3-0/feed/ 0