Javascript browser detection can be useful. This is called user agent sniffing. jQuery had the function “.browser” which would detect the users browser, but it was removed in jQuery version 1.9. They now recommend “.support” for browser feature detection.
*using navigator.userAgent can...
Javascript window location object properties contain information about the current URL. For example” location.pathname” returns “/subdirectory/search.”
Example URL: http://www.domain.com/subdirectory/search?filter=a#somewhere
Javascript Window Location Object Properties
PropertyDescriptionReturnshashReturns the anchor portion of a URL#somewherehostReturns the hostname and port of a URLwww.domain.com (will include port if one exists)hostnameReturns the...
Two of the three javascript window location object methods seem to do the same thing. They do not. The window location methods are assign(), reload(), and replace(). The reload() method does what you think. Both assign() and replace() appear to simply open a new page.
So…Uhhh….. What’s the...
CSS Center - This short tutorial and snippet will show how to center with CSS
CSS Center HTML
<body>
<div class="centerMe">
<!-- Put centered content here -->
</div>
</body>
CSS Center
This CSS centering includes styling that may be required for older versions of...
The Developers Dilemma usually takes two forms:
If Only I could XOr, How Do I X
Usually followed by a flurry of Google Searches and, depending on the platform/language you are programming in, either success or failure.
Often though, if the solution requires downloading...
jquery window width, you’ll need it if you’re working with Responsive Design and/or need to figure out the width of the browser Window? Are you using a responsive design layout and using viewport, but need a way to determine window width? jQuery width() and jQuery resize() can...
This post is for beginners. It shows how to make a basic jquery UI accordion. We will use a predefined jquery ui for the accordion. There is a link to the demo right before the entire code snippet.
HTML for Basic jQuery UI Accordion
<!--...
Here we will explore 5 different CSS clearfix options. A “CSS clearfix” is often needed to clear floats.
Examples 1-3 clear floats by applying a CSS class to a p tag. The p tag holds a “non-breaking space” - ascii code for space is “ ”Examples 4...
There are several tutorials on how to make a CSS sticky footers sticky header, or sticky sidebar. This is one.
Remember to compensate at the bottom of your page...
There are several tutorials on how to make a CSS sticky footers sticky header, or sticky sidebar. This is one.
Remember to compensate at the bottom of...
In Visual Studio, to change the Default View from Design View to Source View, or Split view, do the following.
In the menu, go to “Tools” > “Options.” Once in options, select the “HTML Designer” Section.
Next, select your...
Javascript browser detection can be useful. This is called user agent sniffing. jQuery had the function “.browser” which would detect the users browser, but...
These control naming conventions may help provide some organization. Visual Studio sets Name properties to defaults for controls, like Label2. Using these conventions it would be something like lblName.
ASP.NET Control Naming Conventions
ASP.NET Control Naming Conventions are prefixed to...
The vertical menu knows how far to animate by getting the width of the div it’s located within.
View Demo
The snippet of code below is the html for our vertical menu. Take note of the span...
Have you ever made an HTML email with images in it and it looked good in most email clients, but not gmail or possibly hotmail?
You’ve made sure to build your HTML email using tables instead of divs, used colspans, specified heights and widths....
There are several tutorials on how to make a CSS sticky footers sticky header, or sticky sidebar. This is one.
Remember to compensate at the bottom of your page so the CSS sticky footer doesn’t cover any content....
Here are the doctype declarations for you. Short and sweet
HTML Doctypes:
HTML 5 Doctype
<!DOCTYPE html>
HTML 4.01 Strict Doctype
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
XHTML Doctypes:
XHTML 1.1 Doctype
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
XHTML 1.0 Transitional Doctype
<!DOCTYPE html PUBLIC...
There are several CSS generators out there. Many do the same things. Soo… To keep you from sorting through several different generators, here are my favorites to save some time. Some browsers have different quirks,...
This post is for beginners. It shows how to make a basic jquery UI accordion. We will use a predefined jquery ui for the accordion. There is a link to the demo right before the entire code snippet.
HTML...
As far as I know, this is better for SEO when hiding an element with CSS. I believe it is better than display: none; and/or visibility: hidden;
#thingamabob {
position: absolute;
...
Here we examine why you would use a protocol relative URL. Have you ever had this error in ie - “This page contains both secure and nonsecure items?” A protocol relative URL may also be called...
Javascript browser detection can be useful. This is called user agent sniffing. jQuery had the function “.browser” which would detect the users browser, but...
This will show how to make RSS icon display in browsers with RSS feed integration.
Most CMSs will automatically add the code needed for an RSS feed to...
Javascript window location object properties contain information about the current URL. For example” location.pathname” returns “/subdirectory/search.”
Example URL: http://www.domain.com/subdirectory/search?filter=a#somewhere
Javascript Window Location Object Properties
PropertyDescriptionReturnshashReturns the anchor portion...
