Tag | Css Posts

The Sins of Our Education System As we all know, Agilists tend to frown on specialization. I am no exception. I tend to think that I take that sentiment a bit further though. I believe that designers should program and that programmers should draw wireframes. Before you dismiss me out of hand as a crackpot, hear me out. Hopefully by now, most UX designers (and hopefully some developers) have read The Design of Everyday Things. Hopefully those same designers have accepted that their difficulty with ...
Today’s ReSharper Tip of the Day is a guest posting from Josh Buedel, It is a great tip that extends ReSharper’s use into the CSS and HTML space. Resharper templates come in two flavors: Live Templates which are invoked by typing keyword and pressing tab, and Surround With Templates, which are invoked against the current selection. .... Read more at Fooberry.com ...
How old were you when you started programming? I was probably in high school or middle school and was waaaay into role playing. There was a particular engine (Role Master) that was ridiculously complex in maintaining character stats and skills. Tired of constantly rewriting stuff, i decided to make a massive excel spreadsheet that would do all of the calculations for me. It blew away the group with its awesomeness. :) What was your first language? Excel? ;) HTML -> CSS -> MacroMedia -> ASP ...
Although this might be present in other versions of DNN too, I've found that if I add the attribute "theme=something" to the <pages> element in web.config, I get a compilation error in FCKImageGallery.aspx: "Error 129 Error parsing attribute 'theme': The 'theme' property is read-only and cannot be set. " That is because the page's codebehind class derives from the FCKGallery class, which already has a Theme property. This is unfortunate, because, although DNN has its own skinning mechanisms, ...
According to the CSS Compatibility report for Microsoft Internet Explorer browser version 5 to 8 published here, Microsoft doesn't intend to support the border-radius attribute of CSS 3 anytime soon - both Internet Explorer 8 Beta 1 and Internet Explorer 8 RTM will not have support for the property that can save us all from having to download tiny images of curves (not *that* kind of curves!) to view rounded borders. Firefox supports the border radius, although it needs the "-moz-" prefix ...
Getting rounded corners in CSS3 would be as simple as setting the border-radius attribute. Mozilla Firefox and WebKit-based browsers support the border radius, although with a non-standard attribute names: -moz-border-radius and -webkit-border-radius (yes, with the leading hyphen) I've tried it on Firefox 3 and find the anti-aliasing to be a bit too fuzzy. Internet Explorer 7 doesn't support it yet though. Opera 9.5 doesn't seem to support it either. There are a lot of other cool effects provided ...
If you've been encountering missing borders when using the RoundedCornersExtender, it may be because the panel you're applying the RoundedCornersExtender to may be enclosed within a container that is unable to provide the space for the border to appear. Simply add padding via the CSS attribute to the container for the border to appear. Example (before): <table> <tr> <td> <asp:Panel ID="myPanel1" runat="server"> &nbsp; </asp:Panel> <ajaxToolkit:RoundedCorn... ...
I was thinking about the level of programming abilities lately, as we are starting to interview for an open position. I thought, "Wouldn't it be nice if programmers came in version numbers like software?" This would make it easy to say, I need a version 3 programmer with abilities in languages A, B and C. It's so difficult to say Mid-Level developer, because mid-level is so subjective. Mid between WHO? So here are my thoughts of what the versions for a web programmer might be: Alpha: Has read some ...
I sat through a session by Heather Solomon at TechEd 2008 where she talked about creating custom templates for SharePoint 2007, something that definitely isn't a quick weekend project. She has some great resources to get started on that process. CSS Reference Chart for SharePoint 2007 - This is an amazingly detailed drill down into all the CSS options that are available for use in SharePoint. What's even better is she includes screen shots for where each CSS style gets applied. Minimal or Base Master ...
· Everything You Wanted To Know About MVC and MVP But Were Afraid To Ask · Functional Programming in C# 3.0: How Map/Reduce/Filter can Rock your World · MbUnit 2.4 - Avoiding Crappy Data Resulted From The Test · Managed Extensibility Framework · IronRuby at Tech Ed 2008 · Velocity: A Distributed In-Memory Cache from Microsoft · Must See WF/WCF Influencer MSDN Webcasts · WCF Webcast Series (Old but good) · Using CSS to Fix Anything: 20+ Common Bugs and Fixes (Found by Mohamed Tayseer) · A jQuery Client ...

I've been thinking about trying to do some custom CSS to my blog for a while now, and with all the back end stuff I've been researching lately, this was a good mental break for me to pound on some CSS for a bit. I still have yet to style the galleries, but it's now 1:30am and I am heading to bedding.

Leave me a comment to tell me what you think of the new look! How does it look in your browser version. (I only checked it in IE7 and FF 2.)

~Lee

“What's in a name? That which we call a rose By any other name would smell as sweet." Smells wonderful, but what if no one plants it, no one waters it and even the gardener can't remember what the heck the flower that smelled so nice was called. I’ve been somewhat absent in the Microsoft events and hooplah in the past. These meetings and events used to be mostly about technology previews and the next cool tool or language that will revolutionalize software development (in recent while, I’ve noticed ...
Below there are a few links describing how to Make your web page more printer-friendly Page dimensions : print :Maximum width = 560 pixels CSS Media Types Create Print-Friendly Pages - Save print.css in the same directory as the file, include the <link rel="stylesheet" type="text/css" href="print.css" media="print" /> complete css guide - Printing CSS and Printing describes Page Break <STYLE TYPE="text/css"> P.breakhere {page-break-before: always} </STYLE> This then will be the ...
If you have the requirement to make your website accessible, unless you were given that requirement before you began the project, you will probably be converting an existing site. This was my task. After a lot of research, some work with blind users, and working with JAWS myself, here are the recommendations that I am presenting to our development team to make our ASP.NET 2.0 application more accessible. In another post, I will give some more detail about some of the specific solutions we developed. ...
You've mastered web forms and controls. You've prototyped a Silverlight 2.0 application. AJAX? You're all over it. But have you really learned how to design a good web page or web site? Steve Krug's "Common Sense Approach to Web Usability" provides surprising and sometimes counterintuitive principles that every good website must follow. Krug preaches the importance of removing clutter in order to make the purpose and functionality of a site (or page) clear--and happily, he practices what he preaches ...
Nikolay Raychev with a couple articles about SL2 buttons, DanWahlin continuing his SL 1.0 series, and Todd Anglin on SL2 UI Controls in general. I've had 4 emails about running SilverlightCream.com really wide and having the CSS cause problems, but this morning, Henrik Sderlund wrote me about it, and after exchanging email with him, he wrote back with the CSS solution. How cool is that? Thanks Henrik! From SilverlightCream.com: Button Controls in Silverlight 2 Beta 1 Nikolay Raychev goes through ...
This one isn't a rant... surprise! ... this one is to report how I resolved the latest problem I had and some of the web resources I used for it. I've been working moving some web applications and associated Oracle databases from an old server to a new virtual one. I finally got the production applications running and had asked the IT folks to give me an alias through DNS to my test .NET 2.0 application that I want to run on the same server. First I had problems with getting 404 errors, and that'll ...
Just got back from the Microsoft Heroes Happen Here event in St. Louis. It was awful. This is the first event from Microsoft I have walked out on. The first track was titled Next Gen Web Apps and the presenter spent 15 minutes talking about CSS as if it was new and no one in the audience had ever seen it before. Next he moved on to LINQ and then lost me as he typed out the samples. Then we left. Maybe it was going to get better, but I couldn't make it any longer. It was definitely catered to the ...
If you want to show the progress bar please refer back to this post on how to get an AJAX Progress Bar to work with SharePoint: http://www.mosslover.com/ar... For the next step you want to create a Javascript Function in your user control or web part that looks a little bit like this: <script type="javascript/text" > HideButtons() { var Button1 = <%= Button1.ClientID %>'; document.getElementbyId(But... ...
Like many organizations, we didn't find out about our Accessibility requirements until the application was half done and partly in production. It's one thing to know up front that you will have these requirements and build them into your UI designs. But getting those requirements late in the game has additional challenges. When you find out that Accessibility is needed, the following steps can be taken without any impact to the application from a user's perspective (if done well), but will lay some ...
Employee Info Starter Kit is a starter kit, which includes very simple user requirements, where we can create, read, update ad delete (crud) the employee info of a company. The primary purpose of this starter kit is, to provide a solid guideline with respect to building enterprise level projects, by utilizing new asp.net 2.0 and sql server 2005 features, as well as latest best coding practices. The starter kit includes several cases where we can perform multi-table joining and/or write operations. ...
This was done using ASP.NET 3.5 in VS 2008. I had an application that I was using an Ajax TabContainer and TabPanels. The tabs looked great but I had wanted to change the background color of the tab body to a standard color my company uses. I took the default /*XP Theme*/ styles from Tabs.css and put them in my own CSS file. On the TabContainer I set the CssClass=”tabBackground” (tabBackground was the name I gave the class in my CSS file). I changed the background-color in .ajax_tab_body and everything ...
I guess it's about time I've posted again. I've been very busy. Just coming up for air for a bit. I've been mixing some CSS design patterns with Server Controls recently. Aside: A nice book about CSS design patterns is Pro CSS and HTML Design Patterns. It is very helpful in understanding how the boxing models work and it provides a lot of practical examples. Anyway, copy-paste reuse easily gets out of hand on a web project. It's not always easy to refactor HTML. Anyway, I have many pages that use ...
Will Strohl, also known as hismightiness on the DotNetNuke forum site, did a great job on Saturday at our user group meeting. Skinning is always a popular topic with those that use DotNetNuke. You need to decide to either purchase the many skins available on the DotNetNuke marketplace site or at snowcovered or to design your own. Designing your own requires some skill at graphics and skill at putting all the files together with the tokens you want to use and the css style as well. It's not for the ...
What is new in Visual Studio 2008 A quick list of some of the new features are: Multi-Targeting support Web Designer and CSS support ASP.NET AJAX and JavaScript support Project Designer Data LINQ – Language Integrated Query The features listed and explained in this paper are not complete and this document intends to give you a forehand to start off with VS 2008. 1. Multi-Targeting Support Earlier, each Visual Studio release only supported a specific version of the .NET Framework. For example, VS ...
This has been pooled together from a number of resources: What is ASP.NET? Microsoft ASP.NET is a server side technology that enables programmers to build dynamic Web sites, web applications, and XML Web services. It is a part of the .NET based environment and is built on the Common Language Runtime (CLR) . So programmers can write ASP.NET code using any .NET compatible language. What are the differences between ASP.NET 1.1 and ASP.NET 2.0? A comparison chart containing the differences between ASP.NET ...
I'm working on a prototype of a Single Sign On (SSO) solution for a web portal using Windows Cardspace as the authentication mechanism. This means I've spent my weekend developing web sites which may explain my foul mood. I was applying some color attributes to some of my UI controls which rendered fine, but generated compiler errors because they were failing CSS Validation. Since it renders without issue (even between browsers), I'm not sure why its an error at all. In any event these errors were ...
Microsoft unveiled the IE8 Beta 1 at last week's MIX 08. While IE8 looks prettier that all of its predecessors and it offers enhanced security, it's not quite ready for web developers to put on their development machines just yet. I installed IE8 beta 1 on the day it came out I have been using it for my developments at home. So far I have found quite a few problems. Various issues with rendering AJAX Control Toolkit controls. For instance, the content in the TabPanel cannot even be displayed. Control ...
I've created a helper function, that allows me to set extra CSS class name(space separated) public static string AppendIfNotContains(string str, string sToAppend, string delimeter) { if (!str.Contains(sToAppend)) { str = AppendWithDelimeter(str, sToAppend, delimeter); } return str; } public static string AppendWithDelimeter(string str, string sToAppend, string delimeter) { if ((!str.EndsWith(delimeter) & !String.IsNullOrEmpty(str)) & !String.IsNullOrEmpty(sToAp... { str = str + delimeter; ...
Last week I attended the Black Hat DC 2008 Briefings. The following is a list of the presentations I saw, the key concepts discussed as well as things I found interesting or didn’t know. Summary of Black Hat DC 2008 Briefings DAY 1 - Web App Track Preparing for the Cross Site Request Forgery Defense · A cross site request forgery (CSRF) can be used to force users to submit data to online web applications, sometimes manipulating their local cache or history. · This vulnerability could make a user ...
As part of configuring enterprise search for a company's portal, one of the requirements was changing the look and feel of the SearchCenter. In short, they wanted a very Google like UI - I.e. nothing too flashy or heavy. So, I started off creating a minimal master page and adjusting the layouts - nothing major just positioning the controls etc.. Now, to change the appearance of the webparts required modifications to the default styles located in the core.css file and thanks to Heather Solomons CSS ...
Update: Check this post Apparently, it is not possible to pass empty strings from JavaScript to .NET. Even worse, if the .NET method has two string parameters, and one of them only is an empty string, the .NET method will not be called. This is fairly easy to demonstrate: Read the rest of this entry » ...
I've done quite a few web UI changes, including CSS styles and javascript testing in IE. Now I have to ensure, that it also work in FioreFox. The suggested Collection of Global CSS Reset Styles not always work , if site has already some default style settings. See my recent post how to Declare different CSS rules for Firefox and Internet Explorer 7 . parentElement I also incorrectly used parentElement in DOM - always use parentNode instead. innerText Thanks to Damian Edwards who pointed another FireFox ...
The post Creating different CSS style selector definitions for different browsers (Firefox, Internet Explorer 7 and IE 6.0) with subsequent comments describes that You can have the same attribute for different browsers in the same rule by specifying # and _ prefix .context_bar_form_field { height: 15px;/* apply to all browsers */ #height: 15px;/* override for Microsoft Internet Explorer browsers*/ _height: 21px; ;/* override for IE browsers 6.0 and older */ } Alternatively you can use Conditional ...
I've got from web designers HTML prototype, that I have to implement in ASP.NET web site. Just including the whole HTML with CSS and JS files didn't work well, because the CSS files had global settings, that corrupt existing layout. So I had to comment and modify CSS selectors to adapt th the site. Not an easy task, because I am not expert in CSS and it took a time to understand quite large set of CSS rules, that the designers used. Excellent presentation from Damian Edwards at RDN about CSS based ...
So Twitter pooted last night and I turned the code on my site off overnight so it wouldn't ripple back to me. Now today Twitter is pooting again, and of course I've got the code turned back on because at 5:30 this morning it was alive. My question is... is this normal for Twitter? I've only been using it a few weeks, but yesterday afternoon and today aren't looking great for them, and it seems like it's taking them a while to come up. For anyone trying to look at my site outside an anal-retentive ...
Note: This is ported from my old weblog. Originally published June 22, 2006 First, I assume here that you know themes and read about them, but are a bit afraid or unfamiliar with using them. If you don't know what are Themes and skins in ASP.NET 2.0, check their section on MSDN as well as this great article (another one). Do you know that... Do you know that you can provide intellisense to skin files in VS2005? Simply go to Tools menu, click Options, and from the tree in the left, expand the node ...
Scott Hanselman beat me to the punch, but come Feb 14th, our latest and greatest edition of the Professional ASP.NET book is coming out. The book has a ton of new content and was exciting to put together - but man, did it take some serious time to do (especially when all three of us have real jobs, kids, newborns, animals, etc to deal with). The book is big ... really BIG - 1728 pages, so it can serve many other useful purposes after you are done reading it! :) The book description from the WROX.com ...
Jeff talked about the new DKSkin available to GWB users. I tried it out this morning since I thought the coloring looked pretty good. However, I decided to take it down again because I did not like how code snippets look against the dark background. True, I could mess with the CSS a bit and find another solution, so maybe I will play with that later. So, thanks for the skin, Jeff. I will probably return to it at a later date ...
Yes, it's true. I've packed my bags and am moving to a new location. For those of you with RSS Readers, please change your feed subscriptions to use my new feedburner location. I do not plan to do any new posts on GeeksWithBlogs with the possible exception of a few redirection reminders. For the rest of you, you can see my shiny new blog on caffeinatedCoder.com. It may not look like it, but I've spent quite a few late nights over the past few weeks dusting off my PHP and CSS skills so that I could ...
I love Simple Machines Forum. It's a fantastic community software package, it's open-source, it's pretty fast, free, and it's got boatloads of features. It's so great, in fact, that I'm basing one of my personal projects on it. SMF is written in PHP (I'm running into too many acronyms already - this is, after all, a post about OOP). Being that PHP is a scripting language, and among other things strong with string processing, it seems pretty natural that it performs the parsing of UBBC (Universal ...
I've been meaning for a looong time to get my own website up and running now that I've gone independant...something that I can use as a main contact for people who want information specifically around hiring me. I've finally got it up and running here! Doing the site has brought up alot of questions around proper web development for me (read my recent post on the upcoming MVC framework for a taste of what I'm meaning). I wanted to use Divs as much as possible and stay away from tables for layout ...
Visual Studio 2008 & .NET 3.5 Quick Changes Overview I AM NOT TRYING TO REPRESENT THIS WORK AS MY OWN, I AM MERELY AGGRIGATING EXISTING INFORMATION HERE FOR MY OWN BENIFIT AND MAYBE YOURS Visual Studio 2008 General · Can target framework versions 2, 3, and 3.5 · Built in ORM ASP.NET · Now supports nested master pages in the designer · Faster switching between markup and designer · Split view for seeing the designer and markup at the same time · Drastically improved CSS support with new “Manage ...
So now that I am a CI Factory junkie (just pulled down the latest bits and I am upgrading my 0.8 to 0.9) I figured I have learned a lot since the last time I thought about what my preferred stack is, and a colleague of mine, Robz, got me thinking when he was discussing a post he is going to write that I imagine will be similar to this one. Development Environment Visual Studio 2005 ReSharper VisualSVN TestDriven.Net Visual Studio 2008 (Once R# happens) JetBrains IDE ;) Issue Management JIRA (Thinking ...
When designing a web application we need to squeeze the performance out of our application in every possible way. Here are some tips on how to increase the performance of your web application. 1) Caching: This is on the top of the list. Caching when used wisely can increase the performance of the web application by more than 100%! Steven Smith is an expert in caching and has provided many articles and videos in which he showed how to use caching effectively. Check out this video on Caching on DNR ...
I had a ASP.NET page with HEAD as server control similar to the following: <HEAD runat = "server"> <%this.RenderHeadItems()... <link rel="stylesheet" type="text/css" href="WebjetStyles.css?v=&l... </HEAD> The first server function was called and executed successfully, but the second Code Render Blocks located inside a parameter of link element, wasn't considered as server code and literally was copied to client HTML as &lt;%=AssemblyVersionNu... ...
In this article we'll see how easy it is to use Virtual Earth SDK to produce a simple mashup, using web services that provide information in JSON format. Live Demo - Source Code If you are not familiar with JSON or how to integrate JSON services in ASP.NET AJAX applications, you can take a look at my 3-part series of articles on JSON and ASP.NET AJAX here. First of all, we need to create a simple .aspx page, and add a ScriptManager to it. Then, we're going to reference the Virtual Earth API in the ...
Scott Guthrie gave a great keynote this morning. As is turns out VS 2008 is almost complete and we are not getting a copy here at the conference. We will get one mailed to us however after they release it. Which means we will not really be one of the first to get it. :( Visual Studio 2008 - Of course this is going to be able to be used immediately by us due to the fact that you can target .NET Framework 2.0. That means we can just install and continue developing the same applications with AJAX integration ...
As I was listening today to the new Foo Fighter CDs I bought a few days ago, I realized that I love one of the tracks: "But, Honestly" (on "Echoes, Silence, Patience & Grace"). In fact, I especially like the second part of the song, with an incredible progression in energy, Dave Grohl's great voice and guitar and the bass and drums bringing the whole crescendo to an harmonic explosion (I feel like a poet today...). Read the rest of this entry » ...
This past Tuesday morning we released the first public CTP of NetAdvantage for ASP.NET Aikido, a project that has consumed a significant portion of my life for the past 6 months. The CTP represents the introduction of a new series of controls based on our new Aikido framework, which is the first significant re-architecture of the product since its inception over 7 years ago. The new framework is designed from the ground up to provide a platform on which developers can build a new generation of Web ...