25 Code Snippets for Web Designers (Part1) | Tutorial Blog
There are loads of handy scripts, bits of html and widgets that you can incorporate into your websites and blogs - here we bring together 25 of the mostThere are loads of handy scripts, bits of html and widgets that you can incorporate into your websites and blogs - here we bring together 25 of the most helpfull in the first part of this series … Bubble Tool Tips - Bubble Tooltips are an easy way
[ruby] Rubyã§HTMLã¨Webã‚’æ“作ã™ã‚‹ãŸã‚ã®ãƒ©ã‚¤ãƒ–ラリã€Hpricotã¨WWW::Mechanize - Greenbear Diary (2007-02-05)
â– [ruby] Rubyã§HTMLã¨Webã‚’æ“作ã™ã‚‹ãŸã‚ã®ãƒ©ã‚¤ãƒ–ラリã€Hpricotã¨WWW::Mechanize 今日ã¯ã€Rubyã§Webサイトを解æžã™ã‚‹ã¨ãã«å¼·ã„味方ã¨ãªã‚‹ãƒ©ã‚¤ãƒ–ラリã€Hpricotã¨WWW::Mechanizeを紹介ã—ã¾ã™ã€‚ ã©ã¡ã‚‰ã‚‚éžå¸¸ã«å¼·åŠ›ãªã®ã§ã€è¦šãˆã¦ãŠã„ã¦æã¯ãªã„ã‚ˆï¼ ä»¥ä¸‹ã§ã¯ã¾ãšHpricotã§HTMLを解æžãƒ»ç·¨é›†ã™ã‚‹æ–¹æ³•ã«ã¤ã„ã¦è§£èª¬ã—ã¾ã™ã€‚ 次ã«ã€ã€Œã¯ã¦ãªãƒ€ã‚¤ã‚¢ãƒªãƒ¼ã®è‡ªå‹•æ›´æ–°ã€ã‚’例ã«WWW::Mechanizeã®ä½¿ã„方を解説ã—ã¾ã™ã€‚ Hpricot Hpricotã¯HTMLを解æžã™ã‚‹ãŸã‚ã®ãƒ©ã‚¤ãƒ–ラリã§ã™ã€‚ 例ãˆã°ã€Œã‚るページã®ãƒªãƒ³ã‚¯ã ã‘を全部抜ã出ã—ãŸã„ã€ã¨æ€ã£ãŸã¨ãã€ã©ã†ã—ã¾ã™ã‹ï¼ŸscrAPIを使ã†ï¼Ÿã§ã‚‚scrAPIã¯ã‚„ã£ã±ã‚Š ã¡ã‚‡ã£ã¨ä½¿ã„ãŸã„ã ã‘ãªã®ã«ãƒ‘ーザ(Scrape)用ã®ã‚¯ãƒ©ã‚¹ã‚’定義ã™ã‚‹ã®ãŒé¢å€’ãªã‚“ã よãï¼ Hpricotãªã‚‰ã€ãŸã£ãŸã“ã‚Œã ã‘ã§
![[ruby] Rubyã§HTMLã¨Webã‚’æ“作ã™ã‚‹ãŸã‚ã®ãƒ©ã‚¤ãƒ–ラリã€Hpricotã¨WWW::Mechanize - Greenbear Diary (2007-02-05)](https://cdn-ak-scissors.b.st-hatena.com/image/square/b0dd2a08b2c0fff30d70543ed7fa340ebfeb5697/height=288;version=1;width=512/https%3A%2F%2Froute477.net%2Fd%2Fassets%2Fogimage.png)
ruby ã®ã‚¹ã‚¯ãƒ¬ã‚¤ãƒ”ングツールã‚ット scrAPI - å·o・-・）＜2nd life
http://blog.labnotes.org/category/scrapi/ ruby ã§ã‚¹ã‚¯ãƒ¬ã‚¤ãƒ”ングã—㦠web ã®æƒ…å ±ã‚’å–å¾—ã™ã‚‹ã®ã«ã¯ã€ä»Šã¾ã§æ£è¦è¡¨ç¾ã‹ xpath ã§ã‚„ã£ã¦ãŸã®ã§ã€ã‚ã‚Šã¨é¢å€’ã§ã—ãŸã€‚ã§ã€ãµã¨ scrAPI ã¨ã„ã†ã‚¹ã‚¯ãƒ¬ã‚¤ãƒ”ングツールã‚ットを知ã£ãŸã®ã§ã™ãŒã€ã“ã‚ŒãŒã‹ãªã‚Šä¾¿åˆ©ãã†ã€‚ ã“ã®ãƒ„ールã‚ットを使ã†ã¨ã€CSS3 ãªã‚»ãƒ¬ã‚¯ã‚¿ã‚’記述ã™ã‚‹ã“ã¨ã§ã€è¦ç´ ã‚’å–å¾—ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ãŸã¨ãˆã°ã¨ã‚るサイトã®ãƒªãƒ³ã‚¯ã‚’全部å–å¾—ã—ãŸã‘ã‚Œã°ã€ require 'rubygems' require 'scrapi' require 'open-uri' require 'nkf' require 'pp' $KCODE = 'u' links = Scraper.define do process "a[href]", "urls[]"=>"@href" result :urls e
独自デザインã®Selectボックスを作æˆã™ã‚‹JavaScriptライブラリ「Custom SelectBoxã€:phpspot開発日誌
独自デザインã®Selectボックスを作æˆã™ã‚‹JavaScriptライブラリ「Custom SelectBox〠2006å¹´11月16æ—¥- Custom SelectBox (WebFX) This sample creates a selectbox that works almost identically to the 独自デザインã®Selectボックスを作æˆã™ã‚‹JavaScriptライブラリ「Custom SelectBoxã€ã€‚ <option> ã®ä¸èº«ã«HTMLタグを指定ã™ã‚‹ã“ã¨ãŒå‡ºæ¥ã‚‹ã‚ˆã†ã§ã™ã€‚ 次ã®ã‚ˆã†ãªã‚³ãƒ¼ãƒ‰ã§ã“ã‚ŒãŒå®Ÿç¾ã§ãã¾ã™ã€‚ <html> <head> <link type="text/css" rel="STYLESHEET" href="classic.css"> <script type="text/javascript" src="fade.js"></scri
ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ã‚«ã‚¸ãƒŽç ”ç©¶æ‰€
オンラインカジノã¯æµ·å¤–ã‚’æ‹ ç‚¹ã«ã™ã‚‹ã‚®ãƒ£ãƒ³ãƒ–ルã®ãŸã‚ã€æ—¥æœ¬ã®è³åšæ³•ã¯é©ç”¨ç¯„囲外ã§ã™ã€‚ ã—ã‹ã—オンラインカジノã§éŠã¶æ™‚ã€æœ¬å½“ã«å¤§ä¸ˆå¤«ã‹ãªï¼Ÿã£ã¨å¿ƒé…ã•ã‚Œã‚‹æ–¹ã‚‚ãã£ã¨å¤šã„ã‹ã¨æ€ã„ã¾ã™ã€‚ãã“ã§ä»Šå›žã®è¨˜äº‹ã§ã¯ã€ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ã‚«ã‚¸ãƒŽã¯é•æ³•ãªã®ã‹ï¼Ÿã‚ªãƒ³ãƒ©ã‚¤ãƒ³...
Yahoo! UI Library: Grids CSS
YUI Grids CSS The foundational YUI Grids CSS offers four preset page widths, six preset templates, and the ability to stack and nest subdivided regions of two, three, or four columns. The 4kb file provides over 1000 page layout combinations. Other features include: Supports fluid-width (100%) layouts as well as preset fixed-width layouts at 750px, 950px, and 974px, and the ability to easily custom
ç”»åƒã‚„ページをLightBox風ã«è¡¨ç¤ºã§ãã‚‹Thickbox:phpspot開発日誌
Thickbox - One box to rule them all. Thickboxを使ãˆã°ç°¡å˜ã«ç”»åƒã‚„HTMLファイルã®ä¸èº«ã‚’LightBox風ã«ã‚«ãƒƒã‚³ã‚ˆãページ内表示ã§ãã¾ã™ã€‚ ç”»åƒã®å ´åˆ å¿…è¦ãªCSSファイルã¨JavaScriptファイルをインクルードã—ãŸä¸Šã§ã€æ¬¡ã®ã‚ˆã†ã«ç”»åƒã‚¿ã‚°ã‚’<a>ã‚¿ã‚°ã§å›²ã„ã¾ã™ã€‚ <a>ã‚¿ã‚°ã«ã¯ class="thickbox" を指定ã—ã€title属性ã«ç”»åƒã®èª¬æ˜Žæ–‡ã‚’入れã¾ã™ã€‚ <a href="images/image2.jpg" title="ç”»åƒã¨ä¸€ç·’ã«è¡¨ç¤ºã•ã›ãŸã„æ–‡å—列" class="thickbox"><img src="images/image2_t.jpg" alt="Image 2"/></a> ãŸã£ãŸã“ã‚Œã ã‘ã§ã€æ¬¡ã®ã‚ˆã†ã«LightBox風ã«ç”»åƒã‚’é–‹ãã“ã¨ãŒå‡ºæ¥ã¾ã™ã€‚ titleã§æŒ‡å®šã—ãŸèª¬æ˜Žæ–‡ãŒç”»åƒã®ä¸‹ã«å…¥ã£ã¦ã¾ã™ã€‚ 次ã«HTML
クールãªã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼ä½œæˆç”¨Javascriptライブラリ:phpspot開発日誌
mooShow 0.03 Beta . Javascript Slideshow based on moo.fx mooShow is a simple javascript/css slide show based on moo.fx the superlightweight javascript effects library, written with prototype.js. From Mad4milk, Rome. mooShowã¯ã€moo.fxライブラリを使ã£ãŸå‹•ãスライドショー作æˆç”¨ãƒ©ã‚¤ãƒ–ラリ。 Flashを使ã£ãŸã¿ãŸãã€ã‹ãªã‚Šã‚«ãƒƒã‚³ã„ã„スライドショーãŒä½œã‚Œã‚‹ã‚ˆã†ã§ã™ã€‚ フォトアルãƒãƒ 用アプリãªã‚“ã‹ã§ã€ã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼æ©Ÿèƒ½ã‚’組ã¿è¾¼ã‚€å ´åˆç‰ã«ä½¿ãˆãã†ã§ã™ã。 関連エントリ： Javascriptを多様ã—ãŸã‚¯ãƒ¼ãƒ«ãªWebアプリ:mOOflex
Realtime validation using Ajax - masuidrive
Ajaxã§ã€ãƒ•ã‚©ãƒ¼ãƒ ã®æ¤œè¨¼ã‚’リアルタイムã«è¡Œã„ã¾ã™ã€‚ イベントãƒãƒ³ãƒ‰ãƒ©ã®æŒ‡å®šã‚‚javascriptå´ã§è¡Œã†ã®ã§ã€æ—¢å˜ã®ãƒ•ã‚©ãƒ¼ãƒ ã«åŠ ãˆã‚‹å ´åˆã‚‚メッセージ表示用ã®divã‚¿ã‚°ã‚’è¿½åŠ ã™ã‚‹ã ã‘ã§OKã§ã™ã€‚
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
Ajax dynamic content
caramel*vanilla リンク先をサムãƒã‚¤ãƒ«è¡¨ç¤º - Link Thumbnail
http://blogus.xilinus.com/pages/javawin
{{#tags}}- {{label}}
{{/tags}}