In this post I want to show you how I like to go about creating a state machine. A state machine is usually used (or at least, I use it) for things like the game states (pause, playing, gameover,ecc) or AI...
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...
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;
left: -9999px;
}
CSS Hiding the SEO...
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 "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
XHTML 1.0 Strict...
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...
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
<!--...
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...
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 tag with class v_item. It is...
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...
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 -->
...
We have chosen the best articles written by our partners from SurfingSuccess and you can find them below:
https://wshop.fi/eng/jquery-document-ready-explained-document-ready-function/
https://wshop.fi/eng/javascript-browser-detection-navigator-user-agent-sniffing-guide/
https://wshop.fi/eng/asp-asp-net-forms-authentication-login-control-with-sql-server-using-aspnetdb-mdf/
https://wshop.fi/eng/jquery-append-insert-using-append-prepend-before-after/
https://wshop.fi/eng/jquery-window-width/
https://wshop.fi/eng/css-wildcard-kind-of-css-attribute-selector/
How to set the default view in visual studio...
jQuery $(document).ready() is a basic part of using jQuery. The jQuery document ready function executes when the DOM (Document Object Model) is completely loaded...
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...
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...
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...
We have chosen the best articles written by our partners from SurfingSuccess and you can find them below:
https://wshop.fi/eng/jquery-document-ready-explained-document-ready-function/
https://wshop.fi/eng/javascript-browser-detection-navigator-user-agent-sniffing-guide/
https://wshop.fi/eng/asp-asp-net-forms-authentication-login-control-with-sql-server-using-aspnetdb-mdf/
https://wshop.fi/eng/jquery-append-insert-using-append-prepend-before-after/
https://wshop.fi/eng/jquery-window-width/
https://wshop.fi/eng/css-wildcard-kind-of-css-attribute-selector/
How to set the default view in...
