こんにちは、さかとくです。師走で忙しいですね。今回は、JavaScriptでクリップボードを使うプログラムを作ってみます。IEとFirefoxで動く簡単なライブラリを作ってみましたので、参考にしてください。 IEだけで動かすのは、簡単なのですが、FireFoxではクリップボードを操作する方法がありません。そこで、FireFoxでも使えるようにFlashを使って工夫してみます。 まず、参考までにIEでクリップボードを扱うJavaScriptを見てみましょう。IEなら以下のように一行書くだけです。
ウノウラボ Unoh Labs: JavaScriptでクリップボードを使う(IE/Firefox)
こんにちは、さかとくです。師走で忙しいですね。今回は、JavaScriptでクリップボードを使うプログラムを作ってみます。IEとFirefoxで動く簡単なライブラリを作ってみましたので、参考にしてください。 IEだけで動かすのは、簡単なのですが、FireFoxではクリップボードを操作する方法がありません。そこで、FireFoxでも使えるようにFlashを使って工夫してみます。 まず、参考までにIEでクリップボードを扱うJavaScriptを見てみましょう。IEなら以下のように一行書くだけです。
DHTMLで超クールなリッチWebアプリケーションを作成する「DHTML Suite」:phpspot開発日誌
DHTML Suite DHTMLで超クールなリッチWebアプリケーションを作成する「DHTML Suite」。 次のようなデスクトップアプリ風インタフェースをWebアプリに実装したいときになかなか便利です。 他にも、エクスプローラ風のテーブルウィジェット 次のようなリッチなタブＵＩ実装ライブラリ など、リッチなWEBアプリを作るのに便利なライブラリが一式になってダウンロードできます。 他にもフォルダツリーやツールチップなどの機能も盛り込まれているようです。 おなじみ、dhtmlgoodiesの配布ライブラリなのでなかなか注目ですね。 関連エントリ JavaScriptでMacOS XのDock機能を実現する Yahoo UI Libraryを拡張した超リッチなコンポーネント集 Javascriptを使ったブラウザ上で動作するExcelシートライブラリ Ajaxな有用コンポーネント集
RSS自動作成ソフト「Fumy RSS & Atom Maker」
Fumy RSS & Atom Maker - RSSフィード自動作成ソフト - 最近に更新されたHTMLファイル群から情報を自動抽出し、RSSフィードやAtomフィードを自動作成するフリーソフトです。ローカルのHTMLからタイトルや概要を自動抽出するので手入力の手間を省けます。 ダウンロードページへfor Windows 10/8.1/8/7/Vista/XP ※最新版は、2009年6月8日公開の Ver 0.972β です。 (Windows10 64bit版でも動作確認済み) Fumy RSS & Atom Maker : 最新アップデート記録・情報 2016年08月13日 Windows10 (64bit版)でも動作することを確認済みです。 2011年10月28日 Windows7でも動作することを確認済みです。（32bit版・64bit版共に動作します。） 2009年06月08日
CSS デザインまとめサイト 44サイト | WWW WATCH
Modern, well-designed web pages deserve special focus in internet. They receive that thanks to so-called CSS galleries, into them are such pages arranging. On this page you can find a list of quite 44 CSS galeries of whom webdesigners from all the world gathers inspiration. 個人的には下記のサイトなんかよく利用させてもらってます。 CSS Beauty CSS Bloom CSS Blast CSS Drive CSS Mania CSS Remix CSS Vault Darkeye Design Shack Unma
POP*POP的アイコン配布サイトまとめ | p o p * p o p
よくあるアイコン配布サイトまとめですが、自分へのメモ書きの意味も込めてエントリー。ドイツ語のページでよくまとまっているものがあったのでご紹介しておきます。よろしければどうぞ。 » Icon-Sammlungen — Software Guide ご利用の際には、それぞれの利用ライセンスに従ってご活用くださいませ。 ■ 「80×15」ボタン ↑ 3,400個ものミニボタンを公開しています。 Adam KalseyやLuca Zappaを使えば、ボタンの作成もできます。ブログのRSS用ボタンも簡単に作れます。 » George Taylor McKnight ■ intersmash.com ↑ 1,800のサイトから集められた300のアイコンを公開。矢印、記事、メール、吹き出しなどに使えるかわいらしいのがたくさんあります。サイズは16×16ですね。 » intersmash.com/300i
全文検索 JiroSearch オープンソース(GPL) | Lucene
JiroSearchとは ｢JiroSearch｣ は、様々な全文検索ニーズに対応できることを目指し、オープンソースとJavaで開発された全文検索エンジンです。 面倒な設定作業やコーディング作業なしに、全文検索機能を導入することが出来るとともに、様々な検索ニーズに合致したカスタマイズを行うことができます。 基本的な特徴 Webサイト内の日本語全文検索「namazu」と同様のことができます オープンソース(GPLライセンス)ですので、無償で利用することができます Linux, Windowsのサーバ上で動作します インストールして、そのまま利用していただくことができます N-gram形式のインデックス生成型の全文検索として動作します 検索対象ファイルの自動更新を可能にします CSSファイルを直すことで検索結果ページのデザインを変更することができますjspファイルを修正することで、自由に検索結
フォームの入力ボックスを動的にリサイズできるブックマークレット:phpspot開発日誌
The Man in Blue > Experiments > FormTextResizer FormTextResizer is a bookmarklet that allows you to resize any textarea or text input on any webpage. This way, you won't be confined to a teensy little comment box or e-mail field. Just activate the bookmarklet, then click-drag on the textarea or text field that you want to resize. Simple! フォームの入力ボックスを動的にリサイズできるブックマークレット。 サイトを巡回していると、フォームの入力ボックスが小さく
JavaScript で文字をトリミングする
JavaScript を用いてエントリータイトル等の文字をトリミング（指定した文字数だけ表示する）するカスタマイズです。 以前、「Movable Type のようなトリミングを、他のブログで実現できないでしょうか」というご質問の回答です。大変遅くなりましたが、このエントリーで回答に替えさせて頂きます。 ここでは文字数でトリミングする方法を紹介していますが、半角・全角が混在している場合のサイズを調整したい場合は、下記のエントリーを参照ください。 JavaScript で文字をトリミングする（改善版） とりあえず「id 属性名」と「要素名+ class 属性名」で指定したタグの中に記述された文字列をトリミングする、簡単な JavaScript を書いてみました。 Windows + IE6/Firefox 2 で実験した限りでは、全角・半角いずれも1文字で計算してトリミングしてくれるようですが
滑らかに開閉するメニューのサンプル
以前、個人的に作っていたサイトで、なんかメニューの見せ方を工夫できないかなと思って、「prototype.js」 と 「effects.js」 を利用してやって... 以前、個人的に作っていたサイトで、なんかメニューの見せ方を工夫できないかなと思って、「prototype.js」 と 「effects.js」 を利用してやってみたのが今回紹介するメニューのサンプル。 マウスオン / オフすると、隠れているサブメニューが滑らかに閉じたり開いたりします。クリックで開いたり、折りたたまれたりするメニューはよくありますが、それに無駄なエフェクトを施した版といったところ。 実際に動作しているサンプルはこちら。マウスオン / オフで滑らかに開閉しちゃいます。 さて、今回の材料は、 JavaScript ファイル 3種 本メニューの HTML ソース 本メニュー用 CSS の追加 JavaScript
PHP互換のJavaScript日付フォーマット関数をモジュール化した - cloned.log
http://clonedoppelganger.net/javascript/DateFormatter.html 使い方は <script type="text/javascript" src="./DateFormatter.js"></script>と読み込んでおいて var now = new Date(); alert( DateFormatter.format(now, "Y/m/d(J) H:i:s") );というようにやると 2006/12/03(日) 16:03:56と出力することができます。 フォーマットパターンはソースコードにも書いていますが、以下のものが出力可能です。format文字を通常の文字として扱いたい場合は、直前に#を付けることでエスケープすることが可能です。 format 文字 説明 Y 年。4桁。 y 年。2桁。 m 月。前ゼロあり。 n 月。前ゼロな
サイトに使用するフォントのCSSを選ぶ際に役立つ「CSSTYPE」:phpspot開発日誌
CSSTYPE - web safe typography on screen for pixel perfectionists サイトに使用するフォントのCSSを選ぶ際に役立つ「CSSTYPE」。 次のようなＵＩが用意されていて、フォントやサイズを選択すればすぐさまプレビューされ、確認を簡単に行うことが出来ます。 このサイトを知っておくことで、サイト構築時のフォントの表示調整にかなり役立ちそう。 確認できるのは、font, font-size, text-decoration, word-spacing, line-height, letter-spacing, text-align, color, background, width, padding, text-indent, button-text。 次の図は、実際のプレビュー画面。 letter-spacing とか line-h
カラーテーマを作成する「Adobe Kuler」 - ネタフル
Create color themes with Adobe Kulerというエントリーより。 Need a killer color theme for your web site, art project, or magazine pages? Head to Adobe Kuler, an interactive web-based app that whips up snazzy themes in a matter of seconds. あなたのウェブサイト、アートプロジェクト、雑誌のページなどにカラーテーマが欲しい人は「Adobe Kuler」を見てみると良いかも。 「Adobe Kuler」を使うと、様々なカラーテーマをブラウズすることが可能です。もしくは自分自身のカラーテーマを作成することもできます。 You can title, tag, save and publis
横浜市
横浜市役所 〒231-0005 横浜市中区本町6丁目50番地の10 法人番号：3000020141003 所在地案内 組織案内 市役所開庁時間 月曜日から金曜日の午前8時45分から午後5時15分まで （一部の窓口では開庁時間が異なる場合があります） ※祝日・休日・12月29日から1月3日を除く お問合せは横浜市コールセンターへ 午前8時から午後9時まで（年中無休） 横浜市コールセンター 電話：045-664-2525 Q&Aよくある質問集で調べる 市政へのご意見・ご提案はこちらへ 市民からの提案 横浜市役所 〒231-0005 横浜市中区本町6丁目50番地の10 法人番号：3000020141003 所在地案内 組織案内 市役所開庁時間 月曜日から金曜日の午前8時45分から午後5時15分まで （一部の窓口では開庁時間が異なる場合があります） ※祝日・休日・12月29日から1月3日を除く
【無料ミニアイコン集】 サンタからのちょっと早い贈り物『Mini Icon 2』 | S i M P L E * S i M P L E
かわいらしいミニサイズのアイコンを配布しているBrand Spanking Newのサイトで一足早いクリスマスプレゼントが配布されていました。 113の超ミニアイコンです。サイズは10×10。かわいらしいすね。 これらを使ってなんかのアプリ作っちゃおうかな。携帯アプリとかいいかも。 ダウンロードは下記のサイトからどうぞ。 » HoHoHo! （mini Icon 2） また、Mini Icon 2とうたうからには他にもあります。よろしければどうぞ。どれもいい感じっす。 » Doc Type Icon » Mini Icon Pack 1
フリーのアイコン配布サイトいろいろ:phpspot開発日誌
More Symbols, Buttons and Icons For Free | Smashing Magazine We continue to collect best freeware and stock symbols, buttons and icons. Here are few sets we’ve stumbled upon over the last few weeks. フリーのアイコン配布サイトいろいろ。 ライセンス形態はそれぞれ違いますが、基本的にフリーなのでWEBアプリなどに使えそう。 Toolbar Icons - ロイヤリティフリー IconCool - 登録すればフリーで利用可能 Gallery 2 Web Icon Set - オープンソース。何でも使ってOK 14 sets in .PSD-format Twotones Miniicon-Set
TRANS [hatena] - 印刷用CSSをまとめてみた。
以前、絵文禄のことのはさんのところで、サイトの横幅を640ピクセルにする理由――統計と現状に基づく結論というエントリーがあった。それから、ちょっと印刷用CSSに興味を持って、色々と調べてみたり、自分で書いてみたりした。そのまとめ。 ちなみに、#naviがグローバルナビゲーション、#primaryがメインコンテンツ、#secondaryがサブメニュー、#footerがフッター。 とりあえず、最低限やっておいたほうがよいこと。 body { font-size: 12pt; color: #000000; background-color: #FFFFFF; } a:link, a:visited { text-decoration: underline; color: #000000; } img { border: 0; } 印刷で読まれることを勘案するのなら、font-sizeはある程度
![TRANS [hatena] - 印刷用CSSをまとめてみた。](https://cdn-ak-scissors.b.st-hatena.com/image/square/860579fb9ea6fc896c86331cc2f3af60ddeb6ef1/height=288;version=1;width=512/https%3A%2F%2Fogimage.blog.st-hatena.com%2F6435988827676522384%2F6435988827676523499%2F1448268251)
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
*.htmlを*.html.gzに圧縮しても*.htmlのままでアクセスできるようにしてディスク容量を節約する
好きなFaviconを淡々と並べてみる | caramel*vanilla
我的春秋: タグクラウドのマークアップ
ソースを見ながらリアルタイムで牽けるXHTML＆CSSリファレンス「HTML Playground」:phpspot開発日誌