Sassを使ったり、人からパクったりして、極力失敗しない方法
![RailsエンジニアのためのTwitter Bootstrapカスタマイズ例](https://cdn-ak-scissors.b.st-hatena.com/image/square/beb3a561b5ec298397f711913877580ddaa61157/height=288;version=1;width=512/https%3A%2F%2Ffiles.speakerdeck.com%2Fpresentations%2F508e2052aee4d50002021f36%2Fslide_0.jpg%3F58310)
We are pleased to introduce Type & Grids, a free responsive HTML5 template by Jeremiah Shoaf. All of the content resides in a single HTML file, so setting it up is super-simple. Its extensive customization options set Type & Grids apart from other templates out there. Each type theme is meticulously handcrafted, with attention paid to the smallest typographic details. Today, we are pleased to intr
第 3 回目は「見栄えの良いページャー」です。 シンプルなコーディングで見栄えの良いページャーを実現します。 XHTML のサンプルは以下です。とてもシンプルです。 <ul class="pager"> <li class="prev"><a href="hoge">« PREV</a></li> <li><a href="hoge">1</a></li> <li><em>2</em></li> <li><a href="hoge">3</a></li> <li><a href="hoge">4</a></li> <li><a href="hoge">5</a></li> <li class="next"><a href="hoge">NEXT »</a></li> </ul> サンプル1: とてもシンプルなページャー とてもシンプルなページャーのサンプルです。 «
You are a gamster? Then you are right here, because at idealo online Price comparison you'll find whatever you need. Cheap Joysticks and Paddles, videogames and Gamepads. At idealo you'll definitly save money! Your're not into games but into television? No problem! You too, will find something out of the huge offer we've got on Televisions and DVD Players. Believe us, you'll find something.
Vicuna CMS で用意してあるスキンの利用方法を解説します。 土台用スキンの特長 Vicuna CMS で配付しているスキンは、レイアウトや配色変更等のカスタマイズを簡単に行えるよう工夫しています。どのスキンも一般的なレイアウトパターンには対応しているので、カスタマイズのベースとするスキンは、以下に説明する各スキンの特徴を考慮して選択してください。 Origin Skin もっともシンプルな形状のスキンで、 Vicuna のスキンは全てこの Origin スキン を土台に作られています。 コンテンツの領域と背景, メニュー領域と本文領域が色で区切られているスキンを作成する場合に土台として利用すると楽にカスタマイズできます。 画像を一切使っていないので、シンプルなデザインや、ポイントとなる画像をここから付け足していく場合にも、他のスキンよりも比較的楽に進められます。 Smart Can
こんにちは。 WEBサイトの制作にあたり、意外と頭を悩ますのがフッターの位置の固定。 position:fixedを使用することで実現は可能ですが、IE6では正常に表示されません。 javascriptを利用して実現することも可能だと思いますが、今回はCSSのみでフッターの位置を画面の下に固定する方法をご紹介しようと思います。 ここから続き 早速、下記のリンク先を見てみてください。 http://ryanfait.com/sticky-footer/ ブラウザのウィンドウサイズを変えたりしてみても、常にフッターが画面下に固定されていますね。 では、実際に実装する方法の説明です。 [1]:HTMLで最低限必要な記述は以下の通り。 <body> <div class="wrapper"> <!-- コンテンツをここに <h1>タイトル</h1> <p>内容内容内容</p> --> <di
noupeのエントリー「37+ Great Ajax, CSS Tab-Based Interfaces」から、CSSとJavaScriptで実装するタブ型インターフェイス37選の紹介です。 37+ Great Ajax, CSS Tab-Based Interfaces 自動で切り替わるタブ型インターフェイス Easy Tabs 1.2 - now with autochange Rotating jQuery tabs example Tab Content Script (v 2.1) スライド式のタブ型インターフェイス Sliding Tabs Coda-Slider Perspective Tabs AJAXを使用したタブ型インターフェイス Ajax Tabs Content Script (v 2.1) 閉じることも可能なタブ型インターフェイス Tab Panels Close
FreeCSSTemplates.org has been rebranded to FCT. Therefore, our new domain will be FCT.co while our previous domain FreeCSSTemplates.org will always be kept redirected here. What happened to FreeCSSTemplates.org? As the domain FreeCSSTemplates.org was dedicated to just “Free CSS Templates“, we decided to expand our brand name by keeping the domain name short but with more topics to cover. That mean
最近のページやサイト作成に欠かすことのできない「CSS(カスケーディング・スタイル・シート)」ですが、そのレイアウト作成を行う際に便利なリソース22種類です。ゼロから作るよりは楽に製作できるはず。 詳細は以下の通り。 40種類のCSSレイアウトがそろっています。 Layout Gala: a collection of 40 CSS layouts based on the same markup and ready for download! CSSのフレームワーク blueprintcss - Google Code 16種類の異なるCSSベースのレイアウト intensivstation :: CSS Templates :: Templates 12種類のCSSによるレイアウト Dynamic Drive CSS Layouts- CSS Frames CSSのレイアウトを作成する
home blog labs about contact プログラミング・開発 > プログラマでも出来るWebデザイン (X)HTML CSS テンプレート デザイン 画像 作成: 2007-01-08T01:58:41+09:00 更新: 2009-04-29T09:48:31+09:00 年始早々に大幅リニューアルした当ブログですが、リニューアルのお知らせでも書いた通り、 今回のデザインリニューアルに当たっての作成過程や、使ったツールを書いていきます。 デザインセンスの無い私にとって、今回のリニューアルは良く出来たと自負しているので、 お題はプログラマでも出来るWebデザイン。 前提として、CSSでコーディングが出来て、ある程度HTMLは設計出来る、でもデザインは・・・orz な人を対象にしています。 使用したツール・サイト一覧 作成過程は後半に書くとして、今回使用したサイト・ツールで
noupeにエントリーされている、AJAXを使った素晴らしいCSSのフォームの47のサンプルの紹介です。
サーバサイドCSS、Smart*CSSを試してみた こちらの記事を拝見して興味津々で試してみました。 >>ウノウラボ Unoh Labs: 「サーバサイドCSS」という選択 >>Smart*CSS | Lism.in 一言で言うと、こういうものらしいです。 Smart*CSSは構造化(階層化、あるいは入れ子)したCSSを動的に変換して出力するシステムです。変換はSmart*CSSが自動でやってくれるので、「手元で変換して、そのファイルをアップ」のような面倒なことは一切必要ありません。 ウノウラボさんのページ内で世の中のCSSを書く人はCドライブに保存して動かない物はいらないと書かれていて、確かにそうだろうなーと思ったけど、幸いにもSmart*CSSに必要なSmartyもローカルにインストール済みだったので、結構気軽に試せました。 Smart*CSSのインストール >>Smart*CSS イ
2007年12月6日追記 IE6で選択中のタブの上が切れていたのを修正しました。 具体的にはcss/style.cssの35行目にfloat: left;を追加しております。 いろんなサイトで見かける「よくある質問」。 一番多いパターンは、リストで質問があって、アンカーで回答に飛ばす方法だと思うです。 特別ソレがいけてないとかは思わないんですが、飛んだ後に「戻るボタン」で戻らない人とかは、毎回ページトップ押したり、スクロールして戻ったりと案外手間だったりするわけです。 それならそういった手間が掛かるかも知れないことを少しでも省けないかしら?って事で、jQueryを使ってタブ型で折りたたまれたよくある質問っぽいサンプルを作ってみました。 (単純にボクがこのスタイルが一番見やすくて好きってだけだったり) サンプルページ サンプルダウンロード(Zip:20KB) メインのCSSファイル (サンプ
User submitted list of design resources for web designers and developers.
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く