How to fix z-index in YouTube iframes

January 25th, 2012 by Danele No comments »

Ever noticed how the highest possible z-index gets assigned to embedded Youtube iframes? It cases a real headache if you have a modal popup on the page, as the popup, which should obviously be on top of the page contents, sits underneath the iframe.

Here’s how to fix it – simply add ?wmode=transparent to the video URL.

<iframe type="text/html" width="520" height="330"
src="http://www.youtube.com/embed/videoURL?wmode=transparent"
frameborder="0"></iframe>

Disable links with CSS

December 22nd, 2011 by Danele No comments »

The attribute – disabled=”disabled” – does not work with elements other than form elements (submit, text-fields etc).

Trying to add this attribute to a link styled as a button does not work. Here is the workaround:

Set up your style for the link button, an active and disabled state. In this example Active will be normal (class=”btn”) and Disabled (class=”btn disabled”) will be greyed out.

To deactivate the button, add this to your disabled class (along with the rest of your styling for the button):

.disabled {
pointer-events: none;
cursor: default;
}

» Read more: Disable links with CSS

DevExpress controls: The ‘Microsoft.Jet.OLEDB.4.0′ provider is not registered on the local machine on 64bit machine.

December 1st, 2011 by Malcolm No comments »

Error

PROBLEM

Installing DevExpress controls apparently this problem you get with Telerik controls (RadControls) as well on a 64-bit machine and running the examples that use Access as its database may cause the following error above even if you have the Microsoft.Jet.OLEDB.4.0 provider installed.

DESCRIPTION

This problem comes from the fact that the MS Jet engine (the DB engine behind Microsoft Access) does not have a 64-bit port. Running on a 64-bit machine will default to a 64-bit web application pool and it will not be able to find the 32-bit version of the Jet engine component.

SOLUTION

The solution is to configure the application pool and enable 32-bit application support. For IIS 7, running on Windows 7, you can do this from the application pool’s advanced settings dialog:

Photobucket

CSS3 box-sizing property

November 28th, 2011 by Nirendra No comments »

An interesting CSS3 property that I have found to be very useful is the ‘box-sizing’ property.

This has two official values:
- content-box
- border-box
» Read more: CSS3 box-sizing property

Grabbing the xml request generated by a web service client.

November 14th, 2011 by Asmita No comments »

I recently needed to confirm the request values that were being generated by a webservice client that I just developed.

I had to find a tool to intercept the request being submitted.

I came across this awesome, easy to use tool which I used to grab the xml request that was being submitted to a web service.

tcpTrace (http://www.tcptrace.org/).

Install tcpTrace.exe and configure the port and server as follows:

Listen on Port# : 81

Destination Server : <your server>

Destination Port : <your destination servers port>

<soap:address location=”http://localhost:81/<rest of the url>“/>

In your wsdl replace the server and port with the tcpTrace localhost address (ie.localhost:81).

Run your program, and tcpTrace will output the xml request.

This is ideal for webservices that don’t return the actual request.

ASP .Net control name attribute

November 11th, 2011 by Mandisa No comments »

FYI readers here is something the past me didn’t know that present me knows and blogging about.
You can never set name attribute on an asp .net control. You may try but at runtime it will be reset to be the same as the control ID. Please see example below.

 

asp:TextBox ID="txtName" name="CoderSetName" runat="server"

Will be set to:

input name="ctl00..$txtName" type="text" value=" " id=" ctl00..$txtName "

Designing with a grid system (such as the twitter bootstrap) in mind

November 10th, 2011 by AndrewF No comments »

Something I, as a self taught designer, hadn’t gotten into the habit of was designing with a grid system in mind. This is something that I have quickly remedied. Designing this way means that the rest of the project flows as smoothly as possible and makes future structure changes a LOT simpler.

With structure comes the freedom to be creative without constantly worrying about how the structure will affect the build process. I will briefly cover two helpful tools that I feel work well for me. They allow your design grid to be set up faster and easier, allowing you to spend more time designing.

 

Designing with the grid system in mind

Designing with the grid system in mind
» Read more: Designing with a grid system (such as the twitter bootstrap) in mind

How and why to use the Twitter Bootstrap grid system for building best practice web page layouts

November 8th, 2011 by Danele 2 comments »

If you haven’t tried it already, CSS grid systems make web development much easier. CSS grid systems provide you with a foundation for creating columns and rows of set width, insuring that your site dimensions stay consistent and align well.

Why you should use a grid system:

  • Consistency: Achieve consistency across pages
  • Maintainability: Easily maintain newspaper style columns
  • Pixel perfect: Insure alignment of row and column elements
  • Rapid development: Waste less time aligning and floating elements
  • Reduce html tables: Simple replacement for many tabular designs
  • Better compatiblity: Cross browser support