[Software] Gradient App for OSX - CSS3のグラデーション指定が簡単にできるMac用アプリ
[Software] Gradient App for OSX – CSS3のグラデーション指定が簡単にできるMac用アプリ Pocket Tweet ディスプレイ上から任意の2色を抽出し、CSS3のグラデーション指定が簡単に行えるMac用アプリ。まだベータ版という事で、サイト上の入力欄にメアド突っ込んで初めてDLできます。アプリを起動すると、グラデーションさせる2色のパレットが出てきます。色をクリックすればカラーパレットから指定、虫眼鏡をクリックすればディスプレイ上の好きな場所から色を抽出できます。グラデーションさせる方向についてはアプリ中央に並んだ4つのボタンから指定でき、最後に「Copy」を押せばCSS3のコードがクリップボードにコピーされます。「CSS」ボタンを押せばコードを見る事もできます。CSS3のグラデーション指定って手書きするとわりとめんどいので、このツールはなかなかナイス
[CSS3] CSS 3のText-Shadowプロパティを使ったタイポグラフィー
[CSS3] CSS 3のText-Shadowプロパティを使ったタイポグラフィー Pocket Tweet テキストに影を付けるtext-shadowプロパティですが、少し前まではSafariのみが対応していて、マックオタのサイトオーナー以外にはあまり使われる事はありませんでした。けどFirefox 3.5とOpera 9.5がCSS3での表現に一部対応したことで最近じゃチラホラ見るようになり、テキストで表現するタイポグラフィーのツールとしても使われる機会が多くなったような機がします。というわけでText-Shadowプロパティを使った、CSS3による指定方法を個人的にまとめてみました。 ソースのダウンロード text-shadow、基本的な指定の仕方 Safari向けに過去にtext-shadowを使ってきた人ならすでにご存じ、今まで通りのシャドウの付け方です。一般的な黒い影を落とした
[TYPOGRAPHY] Creative Print Typography Layouts - 印刷物におけるタイポグラフィー
[TYPOGRAPHY] Creative Print Typography Layouts – 印刷物におけるタイポグラフィー Pocket Tweet 印刷物におけるタイポグラフィーというと、まぁわりと一般的な話ではありますが、基本ウェブ業界に身を置いている人間としては印刷業界というのはアウェイな業界なのであります。けどクオリティの高い制作物というのは業界が違えど参考になりますね。けど印刷物とウェブって決定的な違いがあって、まず１つは解像感、そしてもう１つはエッジの有無。それらをふまえて異業種からのフィードバックを得られるとイイ感じですね。 Creative Print Typography Layouts >>
[WEB DESIGN] 16 Best Web Design Galleries for Inspiration - ウェブデザインギャラリーサイトまとめ
[WEB DESIGN] 16 Best Web Design Galleries for Inspiration – ウェブデザインギャラリーサイトまとめ Pocket Tweet ウェブデザインのギャラリーサイトまとめ。一時期ボコボコ出てきた“CSSなんちゃら”みたいなサイトがたくさん紹介されてます。けど実際こういうのよく見るんスよね。「なんかこうアレゲな感じにしたいんだけどどうすっかなー」みたいな時に見たりすると、「これじゃそのまんまじゃん」みたいな事になって大失敗したり。イケませんな。そんな感じでデザインのネタ帳にひとつ。 16 Best Web Design Galleries for Inspiration >>
[CSS] Variable Grid System - グリッドレイアウトのジェネレーター
[CSS] Variable Grid System – グリッドレイアウトのジェネレーター Pocket Tweet グリッドのジェネレーターと言っても何のこっちゃ分かりませんね。まぁ早い話がCSSを使ってグリッドレイアウトを行う際に、基準となる最小カラムのWidth、数、溝の幅の3つを入力するだけで、CSSソースを吐き出してくれるというものです。また生成されるCSSソースは、グリッドレイアウトを行う際のCSSフレームワークとして有名な960 Grid Systemがベースになっています。簡単にグリッドのベースCSSを吐き出してくれるので、これはめっちゃ重宝しそうな感じ。久しぶりにエクセレントなサイトです。 Variable Grid System >>
[JAVASCRIPT] Simple Controls Gallery - シンプルなJSスライドショー
[JAVASCRIPT] Simple Controls Gallery – シンプルなJSスライドショー Pocket Tweet Javascriptを使ったシンプルなスライドショー。JSライブラリにはjQuery（最近じゃメインストリームなのかな）が使われているようです。写真送りのボタンと、スライドショーの再生＆停止ボタンがあるだけというシンプルなもの。シンプルなだけに、例えば商品写真とかで当たり障りなくサラっと使えそうな感じ。ほら！ なんだかビジネスブログっぽくなってるよね！ Simple Controls Gallery >>
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
[WEB DESIGN] 101 Examples of Text Treatments on the Web - テキストの扱いがウマいサイト101個
[WEB DESIGN] 30 Beautiful Website Footer Designs - 美しいフッターデザイン
[LOGO DESIGN] Ultimate Typographic Logos Inspiration - ロゴデザインのネタ帳