This domain may be for sale!
demo 5 一行ごとにさまざまなアニメーションで表示します。 「rolling」のエフェクトかっこいいです。 Lining.jsの使い方 Step 1: 外部ファイル 当スクリプトを外部ファイルとして記述します。 <head> ... <script src="build/lining.min.js"></script> </head> デモにあるエフェクトを使用する時は、エフェクト用のスクリプトも加えます。 <head> ... <script src="build/lining.min.js"></script> <script src="build/lining.effect.min.js"></script> </head> Step 2: HTML 適用する要素に「data-lining」を加えます。 <p class="poem" data-lining>洋酒といえば、誰でも
ファイルをアップロードするフォームのHTMLついてまとめてみました。 ファイルアップロード用のフォーム このエントリーはHTMLのビギナーの方向けの内容です。 1.HTML まずフォームをアップロードするためのHTMLから説明します。 <form action="./upload.cgi" method="post" enctype="multipart/form-data"> <input type="file" name="file" /> <input type="submit" value="アップロード" /> </form> ファイルをアップロードする場合、form要素のmethod属性は「post」です。 またenctype属性の設定が必要です。enctype属性の値には「multipart/form-data」を指定します。 <form action="./upload.c
複数選択可能なselect要素をチェックボックス対応・一括選択可能にするjQueryプラグイン・Multiple Selectのご紹介。なかなか便利そうだったので備忘録です。 複数選択可能なselectボックスを直感的な操作で手軽に選択できるようにしよう、というもの。グループ化したものも一括選択できるのが個人的には嬉しかったです。 動作サンプルです。 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script> <script src="jquery.multiple.select.js"></script>本体とプラグインを読み込みます。 $('#foo').multipleSelect();セレクタにはselect要素を指定します。 また、細かいオプション設定が可能です。詳
頭の中で起こっていることを可視化する思考ツール「マインドマップ」は頭の中をスッキリさせたい時に有用なツールですが、PC上でマインドマップを分かりやすく表示し、かつ、BMP・CSV・PDF・PNG・Text・TIFFなどさまざまな形式で簡単に出力できるソフトウェアが「Blumind」です。 Blumind | Mind-Map Editor http://blumind.org/ ダウンロードはトップページ右端の「Blumind 3」というリンクをクリックすると始まります。 ダウンロードされたインストーラーを実行。 実行をクリック。 「Next」をクリック。 ライセンスが表示されるので、同意したら「I Agree」をクリックします。 さらに「Next」をクリック。 「Install」をクリックすると、ソフトウェアのインストールが始まります。 インストールが終了したら「Finish」をクリック
Movable Typeで特定のウェブサイトやブログを検索対象からはずす「SearchDisablerプラグイン」を公開します。 1.機能 Movable Typeの検索機能では、作成したすべてのウェブサイトやブログの検索が可能になります。 特定のウェブサイトやブログを検索対象外にしたい場合、環境変数ExcludeBlogsに対象外にしたいブログIDを設定すればOKです。 たとえばブログID1~3のウェブサイト・ブログを検索対象外にしたい場合、mt-config.cgiに次の1行を追加します。 ExcludeBlogs 1,2,3 また、「Movable Type検索でURL改ざんによるブログ検索をできないようにする方法」で紹介した環境変数を設定しておけば、URL改ざんによるブログ検索も行えません。 ただ、これらの設定を行っていないと検索対象外のウェブサイトやブログを検索されてしまう可能性
Twitter Bootstrap向けに作られた、select要素の複数選択を分かりやすくするjQueryのプラグインのご紹介。個人的にBootstrapの使用率が減りましたので利用させてもらう機会は無いかもですけど・・ Bootstrap向けのマルチセレクトのユーザビリティ向上用スクリプトです。 チェックボックス式になっていて、チェックが入るとハイライトされます。 数が多い場合はenableFilteringというオプションを使えばフィルタリングもできる。と言っても、あまり多すぎるようならもう少し工夫しないとですね。 <script type="text/javascript" src="jquery.min.js"></script> <script type="text/javascript" src="bootstrap.min.js"></script> <script type
ホームページ制作(Webデザイン、HTMLコーディング、WordPressカスタマイズ、ライティング)の「ライラックミモザ」 仕事でHTML5/CSS3を本格的に使用しはじめました。 HTML5にしても、CSS3にしても、まず悩ましいのがIEへの対応。もちろん、IEを対応させないわけにはいかず、CSS3をIEで使用するために、コリスさんの「たった一行を追加するだけでIE6/7/8をCSS3対応にする -CSS3 PIE」で紹介されていた「CSS3 PIE」というスクリプトを利用しました。 下記はCSS3 PIEの簡単な使用法と備忘録です。 CSS3 PIEでできること CSS3 PIEは、現在CSS3のすべての機能を実現できるわけではありませんが、下記の機能に対応しています。 ・border-radius(角丸) ・box-shadow(シャドウ) ・border-image(境界線に画像
I'm a user-friendlier drop-in replacement for the standard <select> with multiple attribute activated. Free (under WTFPL license) Works in an unobtrusive fashion Fully open sourced Keyboard support Provides some callbacks Fully customizable via CSS Depends on jQuery 1.8+ Tiny code ~8kb minified HTML <html> <head> <link href="path/to/multiselect.css" media="screen" rel="stylesheet" type="text/css">
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
サポートしているブラウザ・アプリケーション(Google Chrome・IE・Microsoft Word・Microsoft Outlook・Acrobat Reader・Skypeなど)の文書を選択しショートカットキーを使ってすぐに翻訳することが可能で、Google Translate・Microsoft Translator・Promt・Babylon・SDL FreeTranslation.com・Яндекс переводの翻訳エンジンを選び複数言語を翻訳できるのが「QTranslate」です。Windows XP・Vista・7・8・Server 2003・Server 2008で起動可能となっています。 ダウンロード、操作方法については以下から。 QTranslate - Download http://quest-app.appspot.com/download 上記サイ
サイトのURLを入力すれば、わざわざ全種類・全バージョンのブラウザ環境をそろえることなく、、無料でバージョン別にInternet Explorer・Google Chrome・Firefox・Safari・Operaでの表示がチェックできるネットサービスが「browserling」です。操作方法は以下から。 browserling - interactive cross-browser testing https://browserling.com/ ◆操作方法 上記サイトにアクセスすると、このような画面が表示されます。 使い方は簡単、まず上部に「表示させたいサイトのURL」を入力します。今回はGoogle Chromeのバージョン14.0でサイト表示を確認したいので「Google Chromeのアイコン」・「14.0」の順に選択してから、「run」をクリック。 そうすると、以下のようにG
Movable Typeのカレンダーに複数カテゴリのリンクを表示する方法を紹介します。 1.基本 Movable Typeでカレンダーを作るためのMTCalendarタグにはcategoryモディファイアが用意されており、これを利用すれば特定の1つのカテゴリだけに絞ったカレンダーを作成することができます。 例えば「ニュース」カテゴリに属しているブログ記事のカレンダーを作るには次のようにすればOKです。 <mt:Calendar category="ニュース"> …中略… </mt:Calendar> ただし複数のカテゴリを指定することはできません。 2.やりたいこと ここでは、次のようなカテゴリ構成があると想定します。 日記 ├ 食事 ├ 旅行 └ 趣味 ニュース ├ イベント ├ お知らせ └ その他 各ブログ記事はサブカテゴリにのみ属しています。 この状態で「ニュース」カテゴリのサブカ
Create consistent color palettes With Colllor it is much easier to generate a consistent web color palette with just a few clicks. You should use colors consistently, so you have a common look and feel throughout your design. All the alternative proposals produced by Colllor derive from the same color and they all have a common denominator sharing hue, lightness or saturation values. This tool wil
右図は、ボックスの角を丸くできるborder-radiusプロパティを使ったサンプルを、IE6で表示した画面です。border-radiusプロパティの使い方は、記事「画像を使わずにCSSだけで角を丸くする方法」をご参照下さい。 CSS3 PIEを使うソース例は以下の通りです。 p { border-radius: 30px; behavior: url("/PIE.htc"); } box-shadowプロパティをIE6で表示 右図は、ボックスに影を付けるbox-shadowプロパティを使ったサンプルを、IE6で表示した画面です。box-shadowプロパティの使い方は、記事「IE9を含む代表的なブラウザで使えるCSS3プロパティ」の4ページ目をご参照下さい。 CSS3 PIEを使うソース例は以下の通りです。 p { box-shadow: 10px 12px #800000; /* 影
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く