キーワード検索「リスト」
1722
misc, Develop はじめにこんにちは、動画配信界の情弱です。年始からStackOverflow眺めてたら超絶便利な質問に神回答がされてたので忘れないうちにメモっておく。2012年どっかで役に立てばいいですね。 参考オリジナルはこちら。ここではコメントにパラパラと載ってたので、まずは直近1ページ目だけにあったものを1個のリストにまとめてみた。ほぼGeorge Stocker氏による回答を載...
877
#sample { width:500px; font-size: 16px; color:#333333; background:#d6e5f5; padding:20px; } #sample li { list-style-type : none; padding:5px 10px; border-bottom:1px solid #84b2e0; } 1. 下に薄いラインを追加してみる こ...
851
CSS HappyLife ZERO が移転したのでお手数ですが、消えちゃう前にブックマーク等変更してもらえるととても嬉しいです。制作会社でコーディングする場合、社内のガイドライン的なのが有ったりデザイナーもある程度固定されてると思うので、毎回似たような事を確認したりとか、このデザインはどういう意図なんだろう？ってのも、何度か同じ人とやってれば見えてくる訳ですが、フリーランスの場合だとデザイナーは...
632
byats—posted at2010-08-19 19:26last modified2010-08-19 19:26プログラミング言語(C#，VB，PHP，C/C++，Python，Java，Ruby，JavaScript，Objective-C)やHTMLのコーディングスタンダードを集めたリストを発見しました。日本語訳があるものはできるかぎり探し出して，括弧のなかに併記して補ってあります。微...
525
ついに明らかになった、iPhoneアプリのリジェクト基準条項。 リアルタイムに更新中。 とりあえずリアルタイムに翻訳を作成中。 おもいっきり意訳なので、間違いの指摘や突っ込みはコメント欄かTwitterでお願いします。＜このリストは、2009年9月10日現在のものです＞ 2. 機能2.1: クラッシュするアプリはリジェクト。 2.2: バグのあるアプリはリジェクト。 2.3: 開発者の申請したもの...
390
node.js上でコードを書くため、JavaScriptをしっかり復習したりnode.jsの制御フローを知るための読むべきページのリストです。 JavaScriptそのものの復習http://ejohn.org/apps/learn/John Resigさんの書かれたチュートリアルがわかり易いと思います。 JavaやRubyなどの言語を普段使っている方で、JavaScriptのプロトタイプベースの...
368
レイアウトのグリッドをはじめ、ナビゲーション、パラグラフ、リスト、フォーム、テーブルなどページでよく使用するエレメント、角丸、グラデーション、ドロップシャドウ、回転のエフェクトなど、ウェブページを構成するさまざまエレメントが用意されたHTML5+CSS3ベースのフレームワークを紹介します。 Perkinsはウェブデザイナー・開発者の大切な時間を節約するために開発されたもので、HTML5+CSS3で...
336
![[JS]高さの異なる要素をレンガ状に隙間なく並べるだけのシンプルなスクリプト -Wookmark | コリス](http://capture.heartrails.com/200x130?http://coliss.com/articles/build-websites/operation/javascript/jquery-plugin-wookmark.html)
Wookmarkの使い方 実装はいたってシンプルです。 外部ファイル 「jquery.js」と当スクリプトを外部ファイルとして記述します。 <script src="//ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script> <script type="text/javascript" src="jquery.wook...
310
javascript, thinksスカンディナヴィア半島というサービスをリファクタリングしていたこれはTwitter List クライアントです。OAuthに対応していないのでPublicなリストしか取れませんがそのかわりマルチカラム対応、また簡単なコメントを読めば自分で好きに設定できます。自分はこれを愛用していて、DropboxのPublicフォルダでどこからでも参照できるようにしていつもタブ...
352
Google , Googleカレンダー , その他 , タスク管理 , フリーソフトGoogleのタスク管理ツール『Gqueues』掲載日時：2010.05.09 14:00 コメント [0], トラックバック [0]『Gqueues』はサブタスク、期限、タスク課題、タグなどの機能を持つ、リスト状のタスク管理ツールです。シンプルさ、使いやすさに重点が置かれていて、非常に手軽に使うことができます...
275
![[CSS]IE6, 7も考慮した、CSS3で実装するドロップダウンメニュー | コリス](http://capture.heartrails.com/200x130?http://coliss.com/articles/build-websites/operation/css/css3-tutorial-dropdown-menu-by-red-team-design.html)
IE6, 7でもドロップダウンとしての機能を損なうことなく、そしてCSS3対応ブラウザでは更に見栄えをよくし、ユーザビリティも向上させるスタイルシートのチュートリアルを紹介します。デモページ：IE6での表示下記は各ポイントを意訳したものです。HTMLHTMLはシンプルで、ドロップダウンはリストの入れ子で実装されています。<ul id="menu"><li><a href="#">Home</a><...
274
JK - jQuery SimpleFAQ 使いやすいFAQをサクッと作る際に便利なjQueryプラグイン「SimpleFAQ」。 FAQというと内容が多くなればページが長くなって見難くどんどん使いづらくなっていきますね。 そんな場合に、項目は並べつつも、クリックした際にアニメーションで質問のすぐ下に現れるようなFAQが簡単に作れます。 質問のリスト。 とりあえず質問が並んでいるので分からないこと...
273
![[CSS]シンプルなHTMLに付箋紙のデザインを適用するスタイルシート | コリス](http://capture.heartrails.com/200x130?http://coliss.com/articles/build-websites/operation/css/css-tutorial-sticky-notes-with-css3.html)
付箋紙はどんな背景にも適用できます。デモ画像無しで付箋紙Sticky Notes with CSS3 by accidental hacker付箋紙の実装上記の当サイトに設置したデモのコードを紹介します。リスト要素で実装します。p要素は付箋紙には必要ありません。<ul id="notes"><li><p>画像無しで付箋紙</p></li><li><p>Sticky Notes with CSS3<...
219
スマートフォンなどのモバイル用サイトを簡単に制作できるようにするJavaScriptベースのフレームワークを紹介します。 先日リリースされたiOS5にも最適化されています。 ChocolateChip-UIで用意されているエレメント あらかじめ用意されているエレメントは数多くあります。 ツールバー ナビゲーションバー ボタン アイコン ナビゲーションリスト テーブルビューアー セレクションリスト ...
216
![[CSS]これは使ってみたい、繊細で美しいツールチップを実装するチュートリアル | コリス](http://capture.heartrails.com/200x130?http://coliss.com/articles/build-websites/operation/css/css3-tutorial-animated-tooltips-by-codrops.html)
デモ 実装 デモ デモはCSS3アニメーション、擬似要素を使用しているため、Firefox, Chrome, Safariでご覧ください。 Demo 4 最初にぼんやりと大きなツールチップが表示され、縮小とともにはっきりとツールチップを表示します。 実装 HTML ツールチップはリスト要素で、各アイテムはa要素で実装されています。 <ul class="tt-wrapper"> <li><a cl...
248
![[JS]Twitterのツイートをブログやサイトに簡単に設置できるスクリプト -jTweetsAnywhere | コリス](http://capture.heartrails.com/200x130?http://coliss.com/articles/build-websites/operation/javascript/jquery-plugin-jtweetsanywhere.html)
Twitterでつぶやいたツイートをあなたのブログやサイトに簡単に設置できるjQueryのプラグインを紹介します。jTweetsAnywhereの設置は簡単で、数行のスクリプトで自分のブログやサイトにツイートを設置することができます。jTweetsAnywhereの主な特長指定したユーザー（複数可）のツイートを表示。ユーザーのリストからツイートを表示。Twitterの検索の結果を表示（パラメータは...
210
Wijmo - jQuery UI Widgets 30近いウィジェットがセットになったjQueryプラグイン集「Wijmo」。 jQueryといえばプラグインによって様々なことが出来るのはご存じだと思いますが、Wijmoはこれ1個で30ものウィジェットが実装できるパックです。 UIのデザインをそろえたいような場合に使えそうです。 アコーディオン カレンダー 各種グラフ コンボボックス オーバーレ...
210
![[JS]超軽量・超高性能のコンテンツスライダーのスクリプト -Sudo Slider | コリス](http://capture.heartrails.com/200x130?http://coliss.com/articles/build-websites/operation/javascript/jquery-plugin-sudo-slider.html)
クロスブラウザ対応、各パネルのブックマークやスクリプトのオフ時も配慮されたアクセシブルで超軽量・超高性能のコンテンツスライダーのスクリプトを紹介します。Sudo Slider jQuery Plugin デモページSudo Sliderの主な特長リスト要素で簡単にスライダーを実装。AJAXで画像やHTMLをロード。スクリプトのオフ時でもコンテンツが可能。マルチプルなスライダーにも対応。標準的なスラ...
159
サイトマップの作り方と送信方法 広告 サイトマップとは自分のサイトに含まれるページの中でクロールしてもらいと思うページをリストにしたものです。 自分のサイトに含まれるページが検索エンジンなどにインデックスされるには、各ページをGoogleやYahoo!などの検索エンジンにクロールしてもらわなければなりません。通常は内部のリンクを順に辿ってクロールしますが、サイトマップが作成されていれば効率よくクロ...
168
![[JS]奥行きを生み出す『パララックス』を簡単に実装できるスクリプト -Smart3D | コリス](http://capture.heartrails.com/200x130?http://coliss.com/articles/build-websites/operation/javascript/jquery-plugin-smart3d.html)
パララックスはそれぞれのタイミングをずらして視差効果を生み出し、奥行き感を出すものです。 上記デモでは背景と人物の画像2枚をそれぞれマウスに合わせてずらして表示しています。 使用画像 5枚の画像を使用したパララックス Smart3Dの実装 一番最初に紹介したデモの実装方法です。 HTML 各画像をリスト要素で配置します。 <ul id="mindscape"> <li><img src=".../...
