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...
Many of the people who did the program performance optimization, or concerned about the process of program performance, should have used all kinds of caching technology. I said today Cache refers specifically to the ASP.NET Cache we can use HttpRuntime.Cache to...
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...
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, prefixes, etc., but these generators should...
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
<!--...
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 be displayed in supported browsers. However, if you need to add it for a hand coded site,...
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...
This tutorial will show how to use jQuery append. It will also show how to append after and append before. Append actually means to add after. But this will show you how to use jQuery to insert content with these four functions.
BeforeAfterInside.prepend().append()Outside.before().after()
.before() - Inserts content outside and before.
.prepend() - Inserts...
In general, this means evaluating the design for performance, maintainability, extensibility, scalability, availability, recovery, data integrity, and use-case correctness.
Performance Evaluation
Typically, designing a Web application into three...
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...
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...
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...
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...
CSS Center - This short tutorial and snippet will show how to center with CSS
CSS Center HTML
<body>
<div class="centerMe">
<!-- Put centered content...
Enjoying our content?
Subscribe and receive a weekly newsletter packed with awesome stories to inspire you!
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...
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 be displayed in supported browsers. However, if you need to add...
There are several tutorials on how to make things “sticky” using CSS. We will make a “sometimes sticky” element using CSS and jQuery. Here is an article on CSS sticky footers to help you understand before we...
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...
To get the below URL Rewrite code to work in IIS, you must first install the URL Rewrite module. The URL Rewrite module is not installed by default. The IIS URL Rewrite module may be...
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 default view of choice, Design View, Source View, or Split view.
Click “OK.” Then restart...
CSS wildcard or CSS Regular expression? - You may be looking for CSS Attribute Selector.
CSS Attribute Selector - Here’s the scenario: You want to add styling to all elements that have “read” in the name of the class.
For instance:...
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...
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...
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...
Many of the people who did the program performance optimization, or concerned about the process of program performance, should have used all kinds 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...