キーワード検索「デフォルト」
1394
皆さんはGoogleリーダーを使っているでしょうか。デフォルトでも大変使いやすいGoogleリーダーですが、ブラウザの拡張機能やGreasemonkeyスクリプトを組み合わせることで、さらに使い勝手が広がることは多くの方がご存知のことでしょう。当サイトのでも以前、あなたのGoogleリーダーを超便利にする最強のFirefoxアドオンまとめという記事をエントリーしたことがありますが、今回はそのGre...
497
WordPressのドキュメント見てたら、（個人的に）不便だと思っていた点をフォロー出来る便利な設定等が載っていたので紹介してみる。WordPressのコメント削除とか、記事削除、とか、Ajaxで非常に軽快に削除出来てしまうので、「ついうっかり」の保険の意味でゴミ箱機能は欲しいけど、ゴミ箱に入ってから削除に至るまでの日数がデフォルトの30日はやや長めな気がするので、wp-configでdefine...
443
WordPressは1万3000以上のプラグイン、1300以上のテーマが公式に登録されており、その拡張性から大体のことは出来てしまいます。 但し、弱点があってデフォルト利用だとパフォーマンスがあんまり出ないってことで、アクセスの多いブログにするには色々工夫が必要ということで高速化に関するページを色々まとめてみました。 15 Ways To Speed Up Wordpress WordPressで...
365
iPhoneとAndroid両方に対応するスマートフォン向けサイトの作り方をまとめてみました。スマートフォン独自の仕様 viewportについて スマートフォンでの可視領域やズームなどの設定をするmeta要素がviewportです。 viewportの各プロパティ width(幅) 可視領域の幅。デフォルト値は980px。 200pxから10000pxまでの範囲を指定できる。 height（高さ）...
282
![[CSS]角丸やシャドウだけではないCSS3の大切な三つのテクニック | コリス](http://capture.heartrails.com/200x130?http://coliss.com/articles/build-websites/operation/css/3-advanced-css3-techniques.html)
まずは、デフォルトのスタイリングです。* {margin: 0;padding: 0;}ul {list-style-type: none;margin: 2%;border: 1px solid #ccc;padding: 5px;width: 44%;float: left;}ul li {margin-bottom: 5px;padding: 2px;}ここまでのスタイルは下記のように表示さ...
248
jquery.validation.jsというフォームバリデーションプラグインを公開していますが、使える場面が割と限定されてしまうような作りだったので、より幅広く使えるようにexValidationという名前で新しいjQueryプラグインとして作り直しました。伴って仕様や使い方が異なる部分も多いので、ドキュメントとして書いておきます。ただし前半のバリデーションルール周りは同じエンジン使ってるので、...
203
![[CSS]この発想はなかった！inputとlabelを使って実装する美しいデザインのアコーディオン | コリス](http://capture.heartrails.com/200x130?http://coliss.com/articles/build-websites/operation/css/css3-tutorial-accordion-using-input-and-label-by-codrops.html)
パネルが開いた+ホバー時 パネルが開いている時のアローは上向きに変わります。 デモでは上記のチェックボックス版だけでなく、ラジオボタン版などもあります。 デモページ：チェックボックス版 デモページ：ラジオボタン版 デモページ：チェックボックス版・デフォルトオープン 実装 HTML 一つのアイテムに含まれるのは、チェックボックス、ラベル、コンテンツの3つです。それらをdiv要素で内包します。 <se...
190
CLEditor - WYSIWYG HTML Editor 軽量でデザインが良いWYSIWYGエディタ実装jQueryプラグイン「CLEditor」。 次のようなすっきりしたデザインのWYSIWYGエディタを実装出来ます。ボタンはデフォルトで多数ありますが、カスタマイズ可能です。 全てダウンロードしても10KB以内という軽量なものになっています。 内容に応じてサイズを自動で変えたりすることも出来...
112
JavaScriptへコンパイルして実行することを前提としたスクリプト言語「CoffeeScript」がちょっとした注目を集めています。CoffeeScript自体は2009年末に登場し、その1年後の2010年12月にバージョン1.0がリリースされていますが、注目を集めたのは、数日前（2011年4月13日）にRuby on Railsの生みの親であるDHHが、次期バージョンのRails3.1でjQ...
101
WordPressのデフォルトのギャラリーを使い易くカスタマイズしています。WordPressのギャラリーに外部CSSでスタイルを指定できるようにしたり、liタグ、リストを使えるようにもカスタマイズしています。Webサイトで写真を一覧で表示したい時によく使われるギャラリー。 フォトグラファーのWebサイトのように、WordPressのテーマにもWebサイト全体をギャラリーとするものもたくさんありま...
96
![[JS]シンプルで軽量だけど、充分な機能を備えたコンテンツスライダーのスクリプト -Casual Slider | コリス](http://capture.heartrails.com/200x130?http://coliss.com/articles/build-websites/operation/javascript/jquery-plugin-casual-slider.html)
Casual Sliderの特徴 Casual Sliderのデモ Casual Sliderの使い方 Casual Sliderの特徴 Casual Sliderは実装が簡単で、シンプルながら充分な機能を備えたコンテンツスライダーです。 4KBと超軽量のスライダー タイマー機能付き あらゆるHTMLエレメントを配置可能 全てのメジャーブラウザをサポート カスタム ナビゲーション セットアップが簡...
108
![[JS]背景やボーダーの不透明度をアニメーションで変更するスクリプト -Transify | コリス](http://capture.heartrails.com/200x130?http://coliss.com/articles/build-websites/operation/javascript/jquery-plugin-transify.html)
IE6でのキャプチャTransifyの特徴あらゆるエレメントの背景とボーダーの不透明度を変更します。設置は簡単で、軽量のスクリプト。主要ブラウザの全てで動作します。機能するのは、背景のカラー、背景の画像、ボーダーです。マウスのホバーで、不透明度をアニメーションで変更します。jQuery1.4.3でテスト済みです（前のバージョンでも動作します）。Transifyの実装「jquery.js」と「tra...
90
![[JS]画像をホバー時にさまざまなアニメーションで目立たせるスクリプト -Adipoli | コリス](http://capture.heartrails.com/200x130?http://coliss.com/articles/build-websites/operation/javascript/jquery-plugin-adipoli.html)
デフォルト：transparent、ホバー：boxRainGrowReverse Adipoliの使い方 外部ファイル 当スタイルシートと「jquery.js」と当スクリプトを外部ファイルとして記述します。 <link href="css/adipoli.css" rel="stylesheet" type="text/css"/> <script src="js/jquery-1.7.1.js"...
78
15 Simple & Effective jQuery Plugins that Enhance Your Forms | Onextrapixel - Web Design & Development Online Magazine フォームをカッコよくするjQueryプラグイン集１５。 デフォルトのフォームってかっこ悪いですが、TwitterBootstrapばりにカッコよくしてくれるjQu...
84
![[CSS]IE6/7でも動作する、可変レイアウト用グリッドシステム -Flurid | コリス](http://capture.heartrails.com/200x130?http://coliss.com/articles/build-websites/operation/css/css-framework-fluid-css-grid-flurid.html)
IE6/7でも動作する数少ない、可変レイアウト用グリッドシステムのCSS/JSのフレームワーク「Flurid」を紹介します。FluridはCSSベースで開発された可変レイアウト用グリッドシステムのフレームワークで、jQueryのプラグインとしても開発されています。Fluridの対応ブラウザFluridの対応ブラウザは下記の通りです。Internet Explorer (Windows) - ver...
88
あかつかだいすけさんのご紹介で、6月27日に慶応大学湘南藤沢キャンパスでインタラクションデザインについての講義を1時間ほどやらせていただきました。その際の発表資料はいつもの通り「高橋メソッド in XUL Returns」で作ったのですが、Remote XULがデフォルトで禁止されるようになったFirefox 4以降だとこれを見るためには色々と面倒が多いので、代わりに講義の内容を思い出しながら資料...
88
AppleっぽいUIが秀逸なイメージスライドショー実装jQueryプラグイン「AviaSlider」2010年05月31日-AviaSlider - a unique jQuery Image slideshow plugin AppleっぽいUIが秀逸なイメージスライドショー実装jQueryプラグイン「AviaSlider」 WEBブラウザ上でスライドショーというとリッチなものからシンプルなもの...
65
![[JS]年表や社史など、アニメーションでスライドする時間軸コンテンツを簡単に実装できるスクリプト -Timelinr | コリス](http://capture.heartrails.com/200x130?http://coliss.com/articles/build-websites/operation/javascript/jquery-plugin-timelinr.html)
Timelinrの実装 HTML 時間とパネルをそれぞれリスト要素で実装し、divで内包します。 「#timele, #dates, #issues」はデフォルトの設定です。 <div id="timeline"> <ul id="dates"> <li><a href="#">date1</a></li> <li><a href="#">date2</a></li> </ul> <ul id="...
75
jQuery Raty - A Star Rating Plugin 可愛い感じの星型レーティングが簡単に実装できるjQueryプラグイン「Raty」。 星のイメージがデフォルトでファンシーな感じになっています。 画像の切替や細かなカスタマイズもオプションを渡すことで簡単に実施できるみたいです。 関連エントリjQueryとCSS3を使ったカラフルなレーティングシステムのサンプル JavaScrip...
71
HTML5をベースにしたモバイルアプリケーションを開発するためのJavaScriptライブラリとして注目されている「jQuery Mobile」。ついに最初のβ版であるβ1の公開が今朝から開始されました。 新機能として主に紹介されているのは、iOSやAndroidでのURLバーの非表示機能によってアプリケーションとしての見栄えを設定できることや、トランジション効果がスムーズでスクロールが高速になっ...
