[CSS]検索フォームを素敵なデザインするスタイルシート集
検索フォームを素敵なデザインにスタイリングする、クロスブラウザ対応のスタイルシートをCss Finestから紹介します。 <textarea name="code" class="html" cols="60" rows="5"> <form id=”searchform1″ method=”get” action=”" > <input class=”isearch1″ type=”text” name=”keywords” id=”keywords” /> <input class=”ibutton1″ type=”submit” value=”" /> </form> </textarea>
CoolTips ― Neat tooltips under the mouse
On May 3rd, we shared that we sold Postmark and DMARC Digests to ActiveCampaign. For some of you reading, this will come as quite the surprise. As you can imagine, this decision was incredibly important and personal, taking nearly a year of soul searching and questioning. First, a few important points: The entire team at Wildbit was offered a position with ActiveCampaign, regardless of whether the
TextExpander：入力中に省略形の代わりにテキストスニピットを自動的に挿入する | Bridge 1 Software
TextExpander 2.4.1J 入力中に省略形の代わりにテキストスニピットを自動的に挿入する カスタマイズ可能、時間節約の入力ヘルパー！ ☆TextExpander の QuickTime ムービーを表示☆ ☆「ベクターソフトニュース」で紹介されました！こちらをご覧下さい。☆ TextExpander はより効果的に正確な入力を支えるユーティリティです。TextExpander は入力される文字を常に監視して、入力された「省略形」の代わりに設定された「スニピット」を自動的に挿入します。ユニバーサルバイナリ（PowerPC/Intel両対応）です。 TextExpander の FAQ はこちらにあります。 TextExpander の主の機能： フォーマット付きテキスト＆ピクチャーを含む挨拶、テキスト、署名などを素早く挿入できます。 簡単な省略形を入力するだけで長い文字列を即
idTabs
Psst, here's beta copy of idTabs 3.0. Email me if you have questions. Version 2.2 Here's what's new. Changed option 'return' to 'change' Removes confusion with javascript's return Added ability to dynamically add idTabs The most requested feature Added 'selected' class option More freedom rules! Added ability to change defaults Now you can select no tab to be shown at start Bind idTabs to differen
[戯] target="_blank" を使わないで新しいウィンドウでリンクを開く方法
target="_blank" を使わないで新しいウィンドウでリンクを開く方法 2006-03-14-5: [JavaScript] <a href="foo.html" target="_blank">foo</a> を使えば新しいウィンドウでリンクが開きますが，これは XHTML 1.1 や XHTML Basic では採用されていません． ではどうするかというと，スクリプトを使うわけですが， <a href="javascript:void(0)" onclick="window.open('foo.html');">foo</a> こうすると，一見解決したようですが，JavaScript が off の場合はリンク先に飛べません． しかも，ステータスバーにリンク先が出ないので不安になります．これを <a href="foo.html" onclick="window.open('f
無料でX(旧Twitter)・Facebook・Mastodonにまとめて投稿や予約投稿ができるオープンソースの「Mixpost」をセルフホストしてみた
MixpostはXやFacebook、MastodonなどさまざまなSNSの複数のアカウントを一括で管理できるツールとのこと。同時投稿のほか時間を指定して投稿することも可能とのことなので、さっそくセルフホストして使ってみました。 Self-hosted, Open Source Social Media Management - Mixpost https://mixpost.app/ 公式サイトにアクセスし、「Get started」をクリック。 「Free」の欄に表示されている「Github」をクリックします。 Laravelアプリケーションに追加することも可能とのことですが、今回はスタンドアローンアプリ版を使用するので「use Composer to create this standalone app」をクリック。 さらに今回はDocker版を使用します。Docker版の詳細につい
無料で使えるワイヤーフレームツールのまとめ : could
ソフトウェアワイヤーフレーム 無料で使えるワイヤーフレームツールのまとめ Firefox 上で動作するワイヤーフレームツール Pencil をはじめ、無料でしかも便利なツールが増えてきました。紙とペンでワイヤーフレームを描くのは基本ですが、より本物に近いプロトタイプを作るのであればソフトウェアを使うのが最適です。以前紹介した「プロトタイピングの基礎の基礎」も併用に読んで今回紹介するツールの中から自分に合ったツールを探してみてはいかがでしょうか。 DIA: a drawing program UMLダイアグラムに特化していますが、ワイヤーフレームも作れます。基本的にデータは XML で保存されますが、EPS, SVG, PNG といった別形式にも書き出せます DENIM タブレットで操作すると快適そうなプロタイピングツール。サイト内をどのように移動するかを確認するには使えそうです OpenO
Google マップの埋め込み HTML でふきだしを消す方法（新）
Google マップをブログなどに埋め込むときの HTMLコードに含まれるふきだしを消す方法です。 ふきだしを消して、マーカーを残したい場合は「Google マップの埋め込み HTML でふきだしを消してマーカーを残す方法」を参照してください。 １．問題点 Google マップから検索などで特定の地域を表示させて、HTMLコードを取得して、ブログに埋め込むと、検索したときの情報がふきだしとして含まれてしまいます（下）。 実は、以前「Google マップの埋め込み HTML でふきだしを消す方法」をエントリーしたのですが「その方法ではふきだしが消えませんでした」というコメントを頂きました。 どうやら前回のエントリーからしばらく経ったこともあり、その間に Google マップの UI が変更されたようです。ということで、新しい技を紹介します。 ２．解消方法 Google マップで検索結果が表示
IE PNG Fix - TwinHelix
IE PNG Fix 2.0 Alpha 4 This script adds near-native PNG support with alpha opacity to IE 5.5 and 6. Now you can have full translucency and no more ugly grey borders! Full CSS background positioning and repeat are supporting (including CSS sprites). It requires only one line in your CSS file, and no changes to your website HTML. <IMG> tags and background images are both supported. Script License Ag
JavaScriptでページスライダー用ライブラリいろいろ:phpspot開発日誌
Javascript Page Slider?Roundup - CSS-Tricks “Page Sliders” are a bit like Tabbed Boxes, only the content appears to slide by instead of be instantly replaced. JavaScriptでページスライダー用ライブラリいろいろ。 小さい範囲に複数のアイテムを格納したい場合に使えるスライダー用ライブラリがいくつか紹介されていました。 Coda Slider Step Carousel Viewer Simulates a Flash Horizontal Navigational Effect jCarousel Carousel Component - YUI カッコいいだけでなく、省スペース、ということで色々なところで活用できそうですね。
便利なツールを使ってHTML&CSSコーディングの速度を上げる | Blog hamashun.com
Windows XPを使っていると様々な不便を感じます。 その一つ一つは小さな物ですが、一日中PCを使う僕たちからするとかなりのストレスとなってしまいます。 そんな時はツールを使って解決すると良いです。 注意：紹介しているツールは全てWindows用です。 CLCL かなり有名なクリップボード拡張ツールです。 「もう使ってるよ！」という人が多いと思います。 通常、Ctrl+Cなどでコピーしておける内容は一つのみです。 もう一度Ctrl+Cをすると、内容が上書きされてしまいますよね。 CLCLを使えば、その履歴を辿って呼び出す事ができます。 Alt-Tab Extender"Joe" このツールは超オススメです。 レジストリは使っていないので、一度試してみてください。 僕は、このツールが無いとWin XPを使う気にならない程に依存しています。 マークアッパーはウィンドウが増えがちです。 エデ
プロのサイトデザイン方法を作って学べる手順集:phpspot開発日誌
35 Tutorials for Creating Website Layouts in Photoshop | Vandelay Website Design Photoshop is an excellent tool for creating attract websites. プロのサイトデザイン方法を作って学べる手順集。 次のようなサイトデザインのPhotoshopチュートリアル集です。 Create a Dark Themed Web Design from Scratch Making Your Own Portfolio Web Page Design a Cartoon Grunge Website Layout Hand Drawn Layout Online Photo Portfolio Layout Sound System Studio Website Layo
[JS]パネルをスライド・フェードで表示・非表示させるスクリプト
mooSlide revampは、div要素のパネルをブラウザの上下の端から、スムーズにスライドで表示したり、フェードで非表示することができるスクリプトです。 mooSlide revamp デモ（Toggle sliderをクリック） オプションで、ボックスの高さ、スライドとフェードのスピード、不透明度など変更することができます。 mooSlide revampはmootoolsのプラグインで、動作にはmootools.jsが必要です。 対応ブラウザは、Fx2.0.0.14, IE6/IE7, Op9.2 and Safari for Windowsとなっています。 mooSlide revampは、以前紹介した「表示される動作が楽しいスライドのスクリプト -mooSlide」の改良版です。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Deliver your apps instantly, everywhere - Turbo.net
検索結果で特定のカテゴリーのみ表示させないように - 助け合い掲示板 - カラーミーショップ
http://youmos.com/reference/cssjavascriptmin-width_max-wid
IE6でmin-width,max-widthを実装する：CSS | Tech de Go
AIRTIGHT - SimpleViewer flashno
A Writing Horse » Sliding Tabs
deconcept » You’ve got your good thing, and I’ve got mine » SWFObject: Javascript Flash Player detection and embed script