redirect methods
You must have seen url redirect. You click an html redirect link. The link does not take you to the page it points to, but redirects the url to another […]
create a pure css pop up window
How to create a pop up box on your web page? You may think of using javascript. However, the trend is to create such popup windows without using javascript as […]
How to create tooltip for element using jQuery?
When mouse movers on an HTML element, a tooltip is popped up displaying some useful information about the element. This sounds cool. Today, we will learn how to add a […]
buttons to submit a form
After attending an HTML class, your first excise to submit an html form must be using a <input type=”submit”> button. Clicking the button will submit the values in the form […]
alter image on mouseover with CSS
How to change image on hover using CSS? Here we give you two methods: using two images <html> <head> <title>test</title> <style> .altericon1{width:130px; display:block; height:33px; line-height:33px; overflow:hidden; background-image:url(icon1.jpg); background-repeat:no-repeat; } .altericon2{width:130px; […]
url cache and refresh in browsers
When you visit a url (such as http://myprogrammingnotes.com/go)in Firefox, and the url is redirected to another url such as http://google.com, Firefox will remember the redirecting url. Thus, if you type […]
Responsive webpage design using w3.css
Simply speaking, responsive webpage design is laying elements on a web page in different manners for different browser’s sizes using the same piece of html code. For example, on large […]
meta viewport
The first and most important thing to begin your responsive web design is to set the viewport meta. The syntax is like <meta name=”viewport” content=”width=300, initial-scale=1″>. What does the width […]
css memo
I always forget the difference between the grouping selector and the descendant selector. grouping selector: h1,h2 {…} descendant selector: h1 em {…} child selector(like descendant selector but only selects the […]
css div size and img size
You must have encountered such case that an image is larger than its container div and can not be restricted in the div area. <div><img src=”image.png” alt=”” /></div> In the […]