Displaying keyword search results 1 - 12
Created by James on October 16, 2013 09:14:24 Last update: October 16, 2013 09:14:24
The initial attempt was to compile the bunch of LESS files with:
lessc less/*But then I got errors like:
NameError: variable @line-height-computed is undef...The order of LESS files listed is important. Variables are defined in variables.less , so it should be listed first. For Bootstrap, the ordering is defined in bootstrap.less . So all you have to do is ( this is the right way ):
lessc bootstrap.less bootstrap-compiled.cssJust for the reference, this is the content of bpptstrap.css :
/*! * Bootstrap v3.0.0 * * Copyright 2...
Created by James on November 01, 2012 13:51:42 Last update: November 01, 2012 13:51:42
One way to vertically center a line of text in a container div is to set line-height to be the same as the height of the container. But that requires specifying line-height in pixels. This technique avoids that.
<!doctype html> <html> <head> <style typ...
Created by James on January 10, 2011 12:35:53 Last update: November 04, 2011 19:28:03
<!DOCTYPE HTML> <html> <head> <title>jQu...For the above test page, when you move the mouse through both the outer and inner areas of the mouseover/mouseout rectangle, the output is...
Created by James on May 19, 2011 16:02:40 Last update: May 19, 2011 16:05:05
Finally, MathJax makes showing math equations in the browser a reality! Here are some simple demos. A simple example:
<!doctype html> <html> <head> <title>Math...Add HTML styling for Firefox:
<!doctype html> <html> <head> <title>Math...
Created by James on March 02, 2011 12:29:38 Last update: March 11, 2011 08:42:50
jQuery event delegation allows you to bind event handlers to elements not yet created, under these conditions: The DOM element must nest inside the element to which the event is delegated to The inner element must not stop event bubbling The opposite of delegate is undelegate .
<!DOCTYPE HTML> <html> <head> <title>jQu...
Created by James on September 07, 2010 03:11:39 Last update: January 11, 2011 20:28:33
<!doctype html> <html> <head> <title>Vert...For some reason, the following code did not work although...
Created by James on July 19, 2009 20:51:23 Last update: January 11, 2011 20:14:18
If CSS3 border-image is properly supported, making a rounded corner box is very easy. You just need a round corner image like this: The following markup:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" ...would render like this (try it in Firefox 3.5 and Google Chrome): However, IE as of version 8.0 does not support border-image . So until border-image is reliably supported in all major browsers, we still have to rely on tried and true tricks to make it work. In general, I found three general categories of tricks to make rounded corners: Good old tables. This trick creates a table of 9 cells and uses the 8 cells on the perimeter to render the borders and rounded corners. The central cell is used for...
Created by Dr. Xi on October 26, 2010 04:47:37 Last update: January 11, 2011 20:00:36
<!doctype html> <html> <head> <style typ...
Created by James on October 15, 2010 20:10:26 Last update: October 15, 2010 20:10:26
<!DOCTYPE html> <html> <head> <title>C...Reference: Cufonize Your Pages – How to add Cufon to your Web Design
Created by James on September 10, 2010 23:01:14 Last update: September 10, 2010 23:01:14
By default, heights for jQuery UI tab panels expand or contract depending on the height of each tab. The code snippet here sets the height of all tabs to be equal to that of the container.
<!DOCTYPE html> <html> <head> <title>jQu...
Created by Fang on April 01, 2010 22:24:58 Last update: April 02, 2010 02:49:38
In this note I'll show you how to create and package a JSP custom tag. The purpose of this tag is to display a random splash image for a home page, among a set of images. We should be able to add or delete candidate splash images from the WAR archive without the need to change the JSP. This is the intended use of the tag:
<%@ taglib uri="http://custom.tag.com/demo" prefix...In the above example you provide a set of images named splash*.png (e.g., splash1.png, spalsh2.png, ...), and the tag will pick a random one to display when the JSP is rendered. Let's get started. I'll use Maven for this purpose. Create the standard Maven directory structure
./pom.xml ./src ./src/main ./src/main/jav...pom.xml
package tagdemo; import java.util.ArrayList......
Created by James on October 11, 2009 21:15:53 Last update: October 11, 2009 21:19:39
<html> <head> <base href="http://www.html.i...Example 2: modx Simple Rounded Corner Box
<html> <head> <title>Round Corner</title> ...Example 3: CSS3 (does not work in IE)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" ...