[CSS] Keiyaku CSS – 日本の契約書のためのCSSライブラリ Pocket Tweet Markdownで書かれた契約文書を、適切な印刷書式にスタイリングするためのCSSライブラリ。契約書でよく見る、第何条何項みたいな書式を、マークダウン形式で簡単に記述することができます。HTML書かなくてもマークダウンで簡単に書けるという点も魅力です。契約書以外にも、例えばサイト内の利用規約のスタイルとしても使えそうです。お硬い系の記述ってどうしても必要ですからね。 Keiyaku CSS
[CSS3] Creative CSS3 Animation Menus – マウスオーバーでアニメーションするメニュー Pocket Tweet マウスオーバーでアニメーションするCSS3メニュー。デモページはこちら。作例は全部で10例ありますが、どれもかっけーす。CSS3のアニメーション機能を使ってるので、JSに比べると動作がスムーズな印象。グリグリ動きます。こうした機能は機能性という面では必須ではないかもしんないけど、動きを含めたサイトデザイニングという意味ではなかなかアツいっす。多分実装もそれほど難しくないはず。その内何かで使ってみよっと。 Creative CSS3 Animation Menus
[HTML5] The Ultimate Collection of HTML5 Tutorials and Techniques – HTML5に関するチュートリアルやテクニックのアルティメットコレクション Pocket Tweet いやいやいや、アルティメットコレクションってのはちょっとアレっていうか大げさでしょ。とは思ったものの、なかなかの量の作例&Tipsまとめ記事です。HTML5やCSS3を使ったデモや考察、コーディングにおけるTipsなんかがたくさんまとめられてます。「こんな事できるならちょっとやっちゃおうかな」って思えるような実験的な試みが多く、コーディングに関わる人なら楽しめるかと。 The Ultimate Collection of HTML5 Tutorials and Techniques
[CSS] CSS and CSS3 buttons, 110 best sets ! – CSSボタンセット110選 Pocket Tweet CSSやCSS3で記述されたボタンパーツが110セットも集められた記事。いやこのまとめ記事スゴいっす。この手のボタンパーツをまとめた記事ってたまに見かけるけど、これほど多くの作例が集められてるのは見たことないっす。各作例はコーディング済みのものなので、DLしてからの設置も簡単そう。単純にボタンデザインのネタ帳としても使えそうです。いやーしかしよくこれだけ集めましたね。スゴい。 CSS and CSS3 buttons, 110 best sets !
[Javascript] Useful JavaScript and jQuery Tools, Libraries, Plugins – 使えるJSやjQueryプラグインまとめ Pocket Tweet 使えるJSやjQueryプラグインをまとめた記事。記事は主に3分割されていて、JSライブラリについて、JS Toolやユーティリティ、jQueryプラグインについてそれぞれ紹介されてます。紹介されている作例数が多く、なかなか見応えのある内容。最後のjQueryプラグイン紹介については、これ系のまとめ記事でよく目にするものが紹介されてます。JSがらみのネタ収集に是非。 Useful JavaScript and jQuery Tools, Libraries, Plugins
[Photoshop] 10 Killer Photoshop Tips For Web Designers – WebデザイナーのためのフォトショップTips Pocket Tweet ウェブデザイナーのためのフォトショップTipsを10例集めた記事。これなかなかナイスです。ショートカットや知ってると便利な機能が色々紹介されてます。Undoできる回数を増やす、16進法での色抽出、レイヤーの簡単なコピー法、オブジェクトの簡単なセンタリング(これショートカットMじゃなくてVだと思う)、フォントのカーニング修正ショートカット、スマートオブジェクトなどがその内容。ショートカットについてはキーボード風のフォントスタイルが指定されてて読みやすいです。ただ残念なのは基本的にWindows用のPhotoshopが前提となっている点。デザイナーなら普通Macだろとは思うものの、内容としては悪くない記事でし
[Template] 15 Free Photography Website Templates – フォトグラファーのためのWebテンプレートまとめ Pocket Tweet 写真をWebで見せるのに適したWebテンプレートのまとめ記事。フォトグラファーの方向きの内容。写真の見せ方もテンプレートによって色々あって、大きくスライダーで見せるもの、サムネールで一覧表示するもの、コメントの見せ方が凝っているもの、トランジションや動きを使って見せるものなど個性があります。最近じゃオンラインで写真を見せる手段としてはFlickrとかのSNSの方が主流な感じもしますが、自分のサイトを持ちたいという際にこうしたテンプレートは便利っスね。 15 Free Photography Website Templates
[Typography] we love typography – タイポグラフィーの作例紹介サイト Pocket Tweet タイポグラフィーの作例を集めたサイト。1サムネール1作品、特にジャンルに限定せず、美しい作品をスクラップブック的に紹介してます。Webタイポのような作品はほとんどなく、印刷物や手書きの作品が主体で、中には古い広告や書物に関するものもあり、作品のチョイスとしてはかなりシブ目です。個人的にツボりました。見てるだけで楽しいです。 we love typography
[Typography] Ultimate Guide of Web Typography Tutorials, Tips and Best Practices – Webタイポグラフィーのチュートリアルや作例 Pocket Tweet Webタイポグラフィーのチュートリアルや作例、Tipsなどをまとめた記事。これなかなか読み応えあります。Tips & Tutorial、作例紹介、Tools、Websafeフォントについて、その他リソースという感じに各種リソースが紹介されていて、Webでタイポ組む際のTipsや注意点などを知ることができます。最近じゃ画像ではなくテキストでタイポ組む機会や技術も増えてますね。とは言っても日本語だとなかなか難しいですが。Webでもちゃんとタイポ組みたいって人に是非これひとつ。 Ultimate Guide of Web Typography Tutorials
[Javascript] jQuery Plugins for Styling Checkbox & Radio Buttons – jQueryを使ってデザインされたフォームパーツ Pocket Tweet jQueryを使ってデザインされた、チェックボックスやラジオボタンなどのフォームパーツ。わりとブラウザデフォルトのまま配置しちゃうこれらのパーツをガッツリデザインしてます。iOSのUIを模したものもあります。リンク先ではチュートリアルやソースコードが配布されてます。こうした細かいパーツまでデザインされてると、いい仕事してんなぁとか思いますね。 jQuery Plugins for Styling Checkbox & Radio Buttons
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く