tag:blogger.com,1999:blog-48310580581672386182024-03-13T19:38:22.442-07:00CSS GuildThis blog is where you will find interesting tips on cleaning up your css or simply doing amazing thing just by changing your Stylesheet.Chris Williamshttp://www.blogger.com/profile/14325447692189400350noreply@blogger.comBlogger12125tag:blogger.com,1999:blog-4831058058167238618.post-31461260937610678962013-03-01T05:38:00.001-08:002013-03-01T07:00:38.310-08:00jQueryTO is in town this weekend<div>
For those going please comment here and keep us all up to date <a href="http://jqueryto.com/">jQueryTO</a></div>
Chris Williamshttp://www.blogger.com/profile/14325447692189400350noreply@blogger.com0tag:blogger.com,1999:blog-4831058058167238618.post-64590419218418425162013-02-15T08:57:00.001-08:002013-02-15T08:57:06.435-08:00Website looks really small on new smart phones<br />
With the new screen on smart phones, web sites that previously looked good now look tiny.<br />
The solution is using viewports. This article explains how to do this for an iPhone but this will work for any mobile device with the new style screens.<br />
<br />
<a href="http://www.gyford.com/phil/writing/2010/07/06/web-page-iphone.php">Small Web Pages on Smart Phones</a><br />
<br />
If you have any tips tricks or resources you would like to share please email them to chrisw_88@outlook.com<br />
Chris Williamshttp://www.blogger.com/profile/14325447692189400350noreply@blogger.com0tag:blogger.com,1999:blog-4831058058167238618.post-6937026528159659342012-04-12T10:36:00.000-07:002012-04-12T10:36:31.374-07:00New CSS Image Replacement TechniqueEven though CSS is as old as the hills, people are still finding interesting ways to improve things.<br />
<br />
I just came across this article in a SitePoint email that replaces the whole -9999 trick.<br />
<br />
Check out the article on the <a href="http://www.sitepoint.com/new-css-image-replacement-technique/?utm_medium=email&utm_campaign=Sitepoint+newsletter+12th+April&utm_content=Sitepoint+newsletter+12th+April+CID_bef18b4f7ec204b0b4a0e7d647809bcb&utm_source=Newsletter&utm_term=Goodbye+-9999px+New+CSS+Image+Replacement">new css image replacement technique</a><br />
<br />
If you have any tips, tricks or resources you would like to share please email them to Susan Fischer at susan@clinchportal.comAnonymousnoreply@blogger.com0tag:blogger.com,1999:blog-4831058058167238618.post-69190060256113708082012-02-07T13:08:00.000-08:002012-02-07T13:08:11.603-08:00Basic Cross Browser Layout Starting PointsWhen you think about it html has been around for a few decades and so has css so you would think someone would have come up with basic templates that support the common web page layouts and give you cross browser supported css. Some may complain about browser versions being different. Some may say you cannot possibly create them as browser versions keep changing.<br />
<br />
Matthew Taylor is not one to make those excuses, he just does. I was searching around and found this article that gives you some basic multi-column liquid layouts. They will not do it all for you but they will start you off well. Check out Matthew's article on t<a href="http://matthewjamestaylor.com/blog/ultimate-multi-column-liquid-layouts-em-and-pixel-widths">he ultimate multi column liquid layouts</a> you won't be disappointed.<br />
<br />
If you have any tips, tricks or resources you would like to share please send them to Susan Fischer at susan@clinchportal.com and we will post them here.Anonymousnoreply@blogger.com0tag:blogger.com,1999:blog-4831058058167238618.post-54027907972926659012010-07-13T07:59:00.000-07:002010-07-13T08:05:13.248-07:00HTML5 - Who is using it? Why prepare now?<div>Everybody is waiting for HTML 5 adoption. There are a lot of good features available in the draft but what browsers are supporting them. Is it worth developing for it now or wait for more support? These are some of the questions this article tries to address.</div><div><br /></div><a href="http://www.infoworld.com/d/applications/how-use-html5-your-website-today-220?source=IFWNLE_nlt_stradev_2010-07-13">http://www.infoworld.com/d/applications/how-use-html5-your-website-today-220?source=IFWNLE_nlt_stradev_2010-07-13</a><div><br /></div><div>For those interested in the feature set and who is supporting them. I came across this really good demo site. It lists each feature, a demo and who supports it. Please check it out at</div><div><a href="http://html5demos.com/">http://html5demos.com/</a></div><div><br /></div><div>How are you using HTML5? Are you using it now? When will you adopt it? Please post your comments here or email them to Susan Fischer at susan@clinchportal.com</div><div><br /></div>Anonymousnoreply@blogger.com0tag:blogger.com,1999:blog-4831058058167238618.post-22606938619857865622010-05-21T10:37:00.000-07:002010-05-21T10:38:53.336-07:00Coding Clean and Semantic Templates<div>Here is a good starting point on writing clean css code:</div><div><br /></div><a href="http://www.webdesignerwall.com/tutorials/coding-clean-and-semantic-templates/">http://www.webdesignerwall.com/tutorials/coding-clean-and-semantic-templates/</a><div><br /></div><div>If you have any more articles or tips you would like me to add here please email Susan Fischer at susan@clinchportal.com and we will add them.</div>Anonymousnoreply@blogger.com0tag:blogger.com,1999:blog-4831058058167238618.post-16812489987869670172010-05-21T09:00:00.000-07:002010-05-21T09:26:27.431-07:00Horizontally center website structure<div>There appears to be many ways to horizontally center a page:</div><div><br /></div><div>1) The "David Walsh" method. This places all the css in the wrapper div.</div><div>Here is the link to the full article: <a href="http://davidwalsh.name/horizontally-center-website-structure-css">http://davidwalsh.name/horizontally-center-website-structure-css</a></div><div><br /></div><div>2) The "simple bits" method. This method centers the body tag and uses the div to left align the content. Here is the link to the full article: <a href="http://simplebits.com/notebook/2004/09/08/centering/">http://simplebits.com/notebook/2004/09/08/centering/</a></div><div><br /></div><div>I am more of a developer type so I am not sure which way is better but I always use method 2.</div><div>I look forward to your comments on which method is better and why.</div><div><br /></div><div>On a side note, if you look at the David Walsh article, someone made a good comment on making height 100% on the html tag so you always get the scroll bar. Rory Tatum showed me this years ago. Its a good tip for those starting out with css.</div><div><br /></div><div><a href="http://davidwalsh.name/horizontally-center-website-structure-css"></a></div><div><div>html</div><div>{</div><div>height: 100%;</div><div>margin-bottom: 0.01em;</div><div>}</div><div><br /></div><div>I highly recommend checking out some of the other blog articles on both blogs mentioned above. There are some great tips and tricks found there. </div><div><br /></div><div>If you come across any articles, tips, tricks, or resources please email Susan Fischer at Susan@clinchportal.com and we will post them here.</div><div><br /></div><div><br /></div></div>Anonymousnoreply@blogger.com0tag:blogger.com,1999:blog-4831058058167238618.post-92021010885141275432008-12-16T10:50:00.000-08:002008-12-16T10:57:05.214-08:00Themes vs StyleSheetThemes<p>I was studying for my .net test and I came across StyleSheetThemes again. I always wondered what the difference was and when to use which. It was then I came across a good article on just that subject. Thanks Alan Le for your post on your blog on the issue:</p><br /><p><a href="http://blogs.vertigosoftware.com/alanl/archive/2006/09/11/Theme_vs_StyleSheetTheme.aspx">http://blogs.vertigosoftware.com/alanl/archive/2006/09/11/Theme_vs_StyleSheetTheme.aspx</a></p><br />If you come across any tips, tricks, resources, or gotchas related to CSS that you feel would be of interest of the group. Please post them as comments to related articles or email them to Susan Fischer at <a href="mailto:susan@clinchportal.com">susan@clinchportal.com</a> and we will post them here.Anonymousnoreply@blogger.com0tag:blogger.com,1999:blog-4831058058167238618.post-18158610856227940692008-10-09T06:19:00.000-07:002008-10-09T06:23:48.888-07:00The power of lime<p>I found this article on diagnostic styling and it really helped but a friend of mine took it one step further. Instead of red the best color for diagnostics is lime green. You are most likely not going to use it in your styles so it will really stand out on your page.</p><p>So follow the steps in this article but remember to replace the color specified with lime green.</p><p><a href="http://24ways.org/2007/diagnostic-styling">http://24ways.org/2007/diagnostic-styling</a></p><p>If you have any css tips, tricks, resources email them to Susan Fischer at <a href="mailto:susan@clinchportal.com">susan@clinchportal.com</a> and we will post them.</p>Anonymousnoreply@blogger.com0tag:blogger.com,1999:blog-4831058058167238618.post-13666191894543983462008-05-29T08:44:00.000-07:002008-05-29T08:45:59.311-07:0030+ Firefox Add-ons for Web Developers & Designers<p>Someone sent me a link to this and it has some really good firefox addins for css and other web developer tasks I thought I would pass it on.</p><p><a href="http://mashable.com/2007/08/27/30-firefox-add-ons-for-web-developers-designers/">http://mashable.com/2007/08/27/30-firefox-add-ons-for-web-developers-designers/</a></p>Anonymousnoreply@blogger.com0tag:blogger.com,1999:blog-4831058058167238618.post-36833005904110020922008-05-02T10:11:00.001-07:002008-05-02T10:11:31.655-07:00Perpetual BeginnerFor those just learning some of the newer technologies such as subsonic, linq, mvc, etc this is going to be fast becoming the place to go. It is definitely a blog to keep an eye on. The perpetual beginner, Jesse Naiman, will soon be a name you will remember. <br /><br />Here is the link to his blog: <a href="http://alt-net-guild.blogspot.com/">http://alt-net-guild.blogspot.com/</a>Anonymousnoreply@blogger.com0tag:blogger.com,1999:blog-4831058058167238618.post-27700033886741937322007-03-26T08:49:00.000-07:002007-03-26T08:50:54.063-07:00Change Highlight Color Of Select BoxThis should do the trick:<br /><br /><strong>option:hover{ background:#C6C4BD; }</strong><br /><br />If you have any CSS Tips, Tricks etc that you would like me to post to this blog let me know<br />at <a href="mailto:chrisw_88@hotmail.com">chrisw_88@hotmail.com</a>Anonymousnoreply@blogger.com1