サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
Pixel 9
codylindley.com
ThickBox is a webpage UI dialog widget written in JavaScript on top of the jQuery library. Its function is to show a single image, multiple images, inline content, iframed content, or content served through AJAX in a hybrid modal. Features: ThickBox was built using the super lightweight jQuery library. Compressed, the jQuery library is 20k, uncompressed it's 58k. The ThickBox JavaScript code and C
Native HTML Widgets/Forms <fieldset> <legend> legend <label> label <input type="text"> <input type="search"> <input type="url"> <input type="email"> <input type="tel"> <input type="password"> <input type="datetime"> <input type="date"> <input type="month"> <input type="week"> <input type="time"> <input type="datetime-local"> <input type="number"> <input type="range"> <input type="color"> <input ty
Toggle Button = $('selector').addClass('highlight').animate({ marginLeft: 10}, 'fast'); Download This Lab This is a paragraph, which means it is wrapped in <p> and </p>. Those "p" tags in the previous sentence are formatted as <code>. This is the first list item (<li>) in an unordered list (<ul>). This is the second list item. It has a link in it. This is the third list item. It has a class of "my
What is this? Pushpin Header Technique - Updated 3/20/2006 Shopper Name First Name Last Name User ID Status C2C Fishing John Doe C2C Fishing Enabled X2X Someone Jane Joe X2X Guppy Disabled X2X Someone Jane Joe X2X Guppy Disabled X2X Someone Jane Joe X2X Guppy Disabled X2X Someone Jane Joe X2X Guppy Disabled X2X Someone Jane Joe X2X Guppy Disabled X2X Someone Jane Joe X2X Guppy Disabled X2X Someone
What is this? 5 step (showing each state of the step menu) Step 1: XXXXXXXXEt nequ a quam turpis duisi Step 2: XXXXXXXXEt nequ a quam turpis duisi Step 3: XXXXXXXXEt nequ a quam turpis duisi Step 4: XXXXXXXXEt nequ a quam turpis duisi Step 5: XXXXXXXX Et nequ a quam turpis duisi Step 1: XXXXXXXXEt nequ a quam turpis duisi Step 2: XXXXXXXXEt nequ a quam turpis duisi Step 3: XXXXXXXXEt nequ a quam t
Cody Lindley is a front-end/JavaScript developer and recovering Flash developer. He has an extensive background working professionally (25+ years) with HTML, CSS, JavaScript, and client-side performance techniques as it pertains to web development. If he is not wielding client-side code he is likely toying with interface/interaction design, Design Systems, and Component UI systems. When not sittin
What is this? | Download This Example Roll over a question mark: Password? User ID? Try adjusting the browser window so the links in the paragraphs below are as close to the right side of the window as possible. Roll over a link in the paragraphs below. This demonstrates how the tool tip will flip horizontally depending upon the space between the tool tip and the right side of the window. Don't wo
Column 1: Example A Get number of paragraphs in column 2 and display that number in an alert box. Including the one in the red box. Show / Hide jquery code //Code for example A $("input.buttonAsize").click(function(){ alert($("div.contentToChange").find("p").size()); }); //show code example A $("a.codeButtonA").click(function(){$("pre.codeA").toggle()}); Example B Animate a paragraph in Column 2 b
Cody Lindley is a web front-end UI/UX engineer and recovering Flash developer. He has an extensive background working professionally (25+ years) with HTML, CSS, JavaScript, and client-side performance techniques as it pertains to web development. If he is not wielding client-side code he is likely toying with interface/interaction design, Design Systems, and Component UI systems. When not sitting
このページを最初にブックマークしてみませんか?
『Cody Lindley | Web Front-end UI/UX Engineer | Meridian, Idaho』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く