フォームデザインいろいろ - DesignWalker
今回は、フォームの見た目にこだわっていろいろとフォームのデザインをまとめてみました。 登録、ログイン、コメント、検索などなどいろいろな場面で使われるフォームをきれいに見せるアイデアがたくさんつまっています。 Blog Comment Form Design Showcase | Smiley Cat Web Design ブログのコメントフォームを集めたショーケースです。きれいなフォームがたくさんありますね。またこちらのサイトでは、他にもいろいろとフォームをまとめられております。ログインフォームや登録フォーム、別のブログコメントフォームも参考になりますね。 Pattern Tap 現在185種類のフォームデザインがまとめられております。 Form Generators, Styling, Inspiration | CSSAddict おしゃれにデザインされたフォームがたくさん。 Web
CSSテンプレート配布サイト色々まとめ:phpspot開発日誌
CSS Tools: Free Templates CSSテンプレート配布を行っているサイトが色々紹介されていました。 総数でいうと8000近くのテンプレートがあります。 FreeCSStemplates.org 332のクールテンプレート Free-CSS-Templates.com 219のフリーテンプレート FreeWebTemplates.com 4200のフリーテンプレート FreeCssTemlates.com 36色のテンプレート CSScreme.com いくつかのフリーのクオリティの高いテンプレート TemplateWorld.com XHTML/CSSのクールテンプレート DreamTemplate.com 3000以上のテンプレート これだけあると迷ってしまって、その時間の方が心配になってしまいますね。 関連エントリ デザインされたフリーのCSSテンプレート集 フリー
[使えるCSSテクニックVol.2] CSS を使った見栄えの良いページャー | バシャログ。
第 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： とてもシンプルなページャー とてもシンプルなページャーのサンプルです。 «
![[使えるCSSテクニックVol.2] CSS を使った見栄えの良いページャー | バシャログ。](https://cdn-ak-scissors.b.st-hatena.com/image/square/1f4390ea5b2b558adfd9c349b9a080aae407daff/height=288;version=1;width=512/https%3A%2F%2Fbashalog.c-brains.jp%2Fshared%2Fpublic%2Fimg%2Fcommon%2Ficon_ogp02.png)
CSSを1行書くだけで枠の角を丸くする！ [ホームページ作成] All About
CSSを1行書くだけで枠の角を丸くする！枠の角を丸くする方法として、スタイルシートに1行書き加えるだけで済む方法をご紹介したいと思います。丸みの半径を自由に指定できるなど、画像とHTMLを駆使するよりも楽に作れます。 ※この記事は、2005年のものです。 ※スタイルシートだけで枠の角を丸くする方法は、新記事「画像を使わずにCSSだけで角を丸くする方法」（2009年7月公開）で詳しく解説しています。ぜひ、そちらをご参照下さい。 楽な方法で枠の角を丸くしたい！ 枠の角を丸くする方法として、スタイルシートに1行書き加えるだけで済む方法をご紹介したいと思います。 丸みの半径を自由に指定できるなど、画像とHTMLを駆使するよりも楽に作れます。 今回ご紹介する方法のメリット・デメリットは次の通りです。 メリット： スタイルシートに1行加えるだけで済む 丸みの半径サイズの指定が自由自在 デメリット： M
![CSSを1行書くだけで枠の角を丸くする！ [ホームページ作成] All About](https://cdn-ak-scissors.b.st-hatena.com/image/square/8f530daf3cb408d6b6a0ba6f38ed7ccece36cffc/height=288;version=1;width=512/https%3A%2F%2Fimg.aacdn.jp%2Faa%2Fcommon%2Fogp300_300.png)
| ＾＾ |秒刊SUNDAY | ずばり！コレさえあればWebシステムは完璧なAjaxサンプル集
2008年06月04日 ずばり！コレさえあればWebシステムは完璧なAjaxサンプル集 今までCGIやPHPなどで制作してきたフォームや、投票システム、掲示板などは、PerlやPHPが動くサーバが必要となりましたが、Ajaxであれば、どここでも、CGIやPHP並の動的なコンテンツが作る事が出来ます。是非使いまくりたいものです。 ◆ Ajax RSS リーダー ■Ajax RSS reader RSSリーダは色々ありますよね。 ◆Ajax アップローダー ■AJAX file upload tutorial PHPでもCGIでもあるアップローダー。 ◆Ajax キャプチャー ■Using AJAX with CAPTCHA - AJAX Security Part 3 of 3 - waelchatila.com ◆ Ajax デスクトップ ■MuseStorm The profession
JavaScriptライブラリ「Prototype.js 1.6.0.2」のチートシートが無償配布中：CodeZine
JavaScriptライブラリ「Prototype.js」のチートシートが28日に公開された。PDFで提供されており、誰でも自由に閲覧・ダウンロードすることができる。 チートシートはAPIを1枚の用紙にまとめたもので、印刷して手元に置いておくことで開発時の効率を上げることのできる、いわばカンニングペーパーのようなものだ。
便利なＣＳＳテクニック３０選:phpspot開発日誌
30 Exceptional CSS Techniques and Examples | Six Revisions In this article, I’ve pieced together 30 excellent CSS techniques and examples 便利なＣＳＳテクニック３０選ということでエントリがまとまっていたので紹介。 特に気になったものを以下にまとめました。 Hoverbox Image Gallery - 画像ギャラリー上でマウスホバー時に画像拡大 デモはこちら CSS Photo Zoom - 文書に添付の画像にカーソルを合わせると画像拡大。テキスト位置も自動調整 デモはこちら whatever: hover - windowsのスタートメニュー風の階層メニュー デモはこちら Content Overlay with CSS - オーバーレイでdescr
自作のEmacsチートシートを公開してみる - UNIX的なアレ
Emacsって使うほどいろいろな機能に気がついていきますが、わりと基本的な機能も忘れがちだったりします。（自分だけでしょうか・・・） そんなときにWebを探すのも面倒なので、よく使うコマンドはまとめて手元においてあるのですが、どうせならとおもってまとめてみたので公開します。 ダウンロードはコチラから。 ※PDF形式で公開していますが、元ファイルはxlsの形式です。要望があれば別途公開します。 もしかしたら間違っている部分があるかもしれません。 自分自身のためにもどんどんと修正していきたいと思っていますので、気になる点がありましたらご指摘お願いいたします。 参考にさせてもらったサイト Emacs クイックリファレンス Emacs操作キー一覧
ウェブ制作・プログラマー・デザイナーのためのチートシート集 | コリス
Scott Klarrのエントリー「Cheat Sheet Index」から、ウェブ制作・プログラマー・デザイナーのためのチートシート集です。
効果的なコーディングのための強力CSSテクニック集『Powerful CSS-Techniques For Effective Coding』 – creamu
DiaryTechnology 効果的なコーディングのための強力CSSテクニック集『Powerful CSS-Techniques For Effective Coding』 かっこいいインターフェースをCSSで実現したい。 そんなあなたにおすすめなのが、『Powerful CSS-Techniques For Effective Coding』。Smashing Magazineによる、効果的なコーディングのための強力CSSテクニック集だ。 以下にいくつかご紹介。 » Triadic Background Setting with CSS Silverbackのサイト。シンプルなCSSで3枚の背景画像を重ねて3D効果を出している。ドキュメントはないがソースコードを見るだけでとても刺激的 » Creative Use of PNG Transparency in Web Design We
AJAXのサンプルが山ほどダウンロードできるサイト「Ajax Rain」 - GIGAZINE
jQuery、ProtoType、.Netなどのフレームワークを使ったサンプル、デモが豊富にあります。しかも、サンプルをダウンロード可能。サンプルやデモを見ているだけでも、インスピレーションが沸いてきます。 詳細は、以下から。AjaxRain かなりのサンプル数があるので探していた物を見つけることができるかも。タグで分別されているので、探すのは意外と簡単にできそうです。ちなみにサンプルの1ページあたりの表示数を変更できるのですが、100以上を入れると100にされます。 毎月このサイトでAJAXなどを使ったコードのコンテストをしているので、腕に自信のある方は応募してみては。詳しくはこちらから。 AjaxRain.com Rain Fest
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IDEA * IDEA
[CSS]スタイルシートで実装するテーブルのデザインパターンとそのポイント | コリス
http://dizzy.co.uk/ruby_on_rails/cheatsheets/action-mailer
[CSS]アイデア満載のスタイルシートのテクニック30選 | コリス
jQueryサンプル集 | DesignWalker
Connection Problem
[CSS]使いやすいスタイリッシュなフォームを実装する17のチュートリアル | コリス
http://e0166nt.com/blog-entry-415.html
Delta138 >>> Go Past Beyond Online Gaming Meta World
