Geeks With Blogs

News Google

Nick Harrison Blog<Nick>.Next() Stylish musings Thoughts on UIs and style sheets specifically
No excuses for Tables Breaking your Responsive Designs
Modern thinking on web design is shunning the much loved table tag in html. The most compelling reason is to make it easier to accommodate responsive designs, but there are additional reasons as well. For many the last bastion for the table is when displaying a list of records, after all tabular data should still fill at home in a table, butt if you allow this exception you bump into challenges leading to the table tags fall from grace in the first place. The problem is that tables require a rigid ......

Posted On Wednesday, April 3, 2013 11:05 AM

Have you seen Chosen?
Chosen just may be the definitive jQuery plugin for cleaning up drop downs in your MVC applications.Add this to your document ready event handler: $("select").chosen();and enjoy the magic. Everything else works seamlessly. You don't have to worry about binding. It still works as expected.If you have wired up an onchange event handler, you have a little bit of work to do but not much and the look is quite impressive.As an added bonus for long drop down lists, the default behavior gives you a searchable ......

Posted On Tuesday, January 15, 2013 11:57 AM

Add a drop shadow across the top of your page.
This is a subtle trick to add some depth to your page. By adding a drop shadow across the top of your page, it looks like the page slides up under the toolbar. Subtle affect but nice and easy to achieve. No changes needed to your page, and this can easily be added to any style sheet. Works with any browser with minimal CSS3 compliance. body:before { content:""; position:fixed; top:-10px; left:0; width:100%; height:10px; -webkit-box-shadow:0px 10px 20px rgba(0,0,0,.9); -moz-box-shadow:0px 10px 20px ......

Posted On Friday, January 11, 2013 2:49 PM

4 Simple CSS Tricks to Make Web Input Fields Look Better
Most web sites will have an input form somewhere even if it is nothing more than a contact form. Any web application will have lots of input forms. Regardless of why you have the input form or what it is prompting form, we should strive to have them look as nice as possible to keep the user visually engaged. So here are a few CSS tricks we can use to make an input more visually engaging, less intimidating, and hopefully a little easier to use. Let’s start with a simple unassuming input form for entering ......

Posted On Tuesday, March 19, 2013 2:07 PM

Easily Add a Table of Contents to Any Web Page with jQuery
This snippet will add a list of links to every named anchor in your web page. Each link will have an associated click event handler to animate scrolling to that section. I hope you find this useful. First we build up our links. We use a jQury selector to find all of the anchor tags with a name attribute: var toc = ""; $("a[name]").each(function (index, e) { toc += "<li><a href='#' onclick=\"scrollToAnchor('" +$(e).prop("name")+"')\">" + $(e).prop("name") + "</li>"; }); If you are ......

Posted On Friday, January 11, 2013 9:18 AM

Styling Generated HTML
When I first started using MVC, I was very excited about the template view helpers. This was a big deal for me because I had never turned over control of how the HTML was generated. I never used the designers, and dragging and dropping controls on a web page was sacrilegious. Most of the time, I never even bother looking at the design view. But I loved the benefits for binding and notification. The templates brought a lot to the table. I also love the idea of just specifying that I want an editor ......

Posted On Monday, December 17, 2012 4:33 PM

Newly Styled Blog
I recently re styled my blog. I wanted a new look and something unique. I played with the various themes that you can chose from when customizing your blog. I also saw that you can add custom CSS, so I knew that it was possible to get some unique looks. AI started by adopting the naked skin which applies no style sheets. This gave me a blank slate to work with. It also looks very difficult to read: So I now have a blank slate to work with. I examined the source for the page to look at the structure. ......

Posted On Sunday, August 15, 2010 9:16 PM

View State not Tracking on Dynamic Controls until after the second post back
For several days, I have struggled with a problem with the view state on dynamically loaded controls. I am using a fair number of dynamic controls on a little project that I have been working. Everything was working fine except in one section. In this one section, view state was not being tracked until after the first post back. Events were not responding until after the first post back. Everything seemed to be setup properly and it was working everywhere else. Very perplexing. Who ever heard of ......

Posted On Monday, November 28, 2005 7:14 PM

Guidelines for Dynamically Loaded Controls
Through much trial and error and research on the web, I have come up with the guidelines for dealing with dynamically loaded controls. Load the controls in the same order on each post back Add new controls to the Controls array before setting any properties. Properties set before the control is added to the control array will not be tracked in View State. If an event handled after dynamic controls are added causes diferent controls to be loaded, the newly reloaded controls may need to be explicitely ......

Posted On Sunday, November 20, 2005 7:19 PM

Iterative Process for Web Page Design
Here are some guidelines that I have started following to structure pages and get the style sheets right. I have found it useful to have one style sheet for the web site that sets the color schemes, fonts, and page structure as well as any other UI constraints that would be common across all pages in the site. I then add a new style sheet for each page to handle positioning information specific to that page. This seems to keep the style sheets more manageable while still keeping the content separate ......

Posted On Sunday, November 20, 2005 7:01 PM

Copyright © Nick Harrison | Powered by: | Join free