Photoshop Tutorial / 遠近感、質感で遊ぶ、紙と文字のグラフィック。 / Maka-Veli .com
作ったグラフィックの解説記事、やっと2発目です。上記のような、フォーカスと質感を出した感じのヤツです。今回のはあんまり上手くないですけど、せっかくなのでチュート化しておきます。僕は試行錯誤しながら作ったので２時間くらいかかっちゃいましたが、見ながらであれば３０分もかからないと思います。長いので多少割愛しつつ、以下説明になります。 紙を用意 今回はこんな感じの紙をチョイス。 今回のはなるべく凹凸や荒っぽい方が良いと思います。 また、極力大きいモノを用意してください。 紙の筋に遠近感を多少出したいので 自由選択 > Ctrl押しながら上辺の左右をぐぐっと内側へ。 適当なところで切り取り、イメージ > 色調補正 > 彩度を落とす 更にレベル補正で、若干陰影が強めに出るくらいに、かつ明るめに調整してください。 今回のポイントはこの辺。 フォーカスの位置を大体決めましょう。 フォ
Mac をクリーンインストールしたらメモリが 2GB 浮いた話と再構築のために行う作業まとめ
Mac があまりにも遅いので空の HDD から Mac を再インストールして、すべて綺麗に再構築することにしました。 普通に作業すればメモリがこんなに消費されてパフォーマンスが悪いです。クリーンインストールしてどの程度メモリを減らせるかに挑戦します。クリーンインストールの際にいろいろと困ったことがあったので、次回からは困らないように細かくまとめておきます。 移行アシストを使わないことのメリット 移行アシストを使うと何も考えずに新しい Mac にデータを移動できますが、移行アシストを使わないで手動で移行することで以下のようなメリットがあります。 使わなくなったアプリケーションをまとめてアンインストール いらないアプリケーションを削除できます。つまり、パソコンを使おうとして、改めて必要なものをインストールすることになりますので、必然的にいらないアプリケーションをアンインストールすることができま
CSS3で出来たクールなLightBox実装チュートリアル:phpspot開発日誌
CSS3 Lightbox | Codrops CSS3で出来たクールなLightBox実装チュートリアル。 もうなんでもCSS3でできるような気になってしまいますが、LightBoxもCSS3で出来るみたい。デモのクオリティも高いです セットのダウンロードも出来るので学習用と実用例として使えます。 クリックして開いた場合、CSS3によってオーバーレイでイメージが表示されます。 関連エントリ フルスクリーン背景がスライドショーになるCSS3サンプル アニメーションするバナーをCSS3で作るチュートリアル CSS3でクールな角丸テーブルを作る例 CSS3の機能をフルに使った価格表テーブル例 ピュアCSS3で動くiPhone4のデモ
Youtubeのカーソルを合わせるとポップアップするボタン実装CSSサンプル:phpspot開発日誌
YouTube Popup Buttons | CSS-Tricks Youtubeのカーソルを合わせるとポップアップするボタン実装CSSサンプルが公開されています。 ポップアップというのか分かりませんが、一見うっすらデザインの邪魔にならない程度のボタンをおいておき、カーソルを合わせるとボタンと分かるものにし、クリックすると凹むというボタンです。 ボタンをそこまで目立たせず、デザインの邪魔にならず、さらに分かりやすさもそこまで損なわないというデザインとして、使える場面があるかもしれませんね。 関連エントリ CSSボタン作成チュートリアル＆テクニック集１３ シンプルなタグなのに凝った綺麗なボタンを作るCSSチュートリアル ピュアCSSなソーシャルサイトのログインボタン
[JS]div要素やリスト要素を折りたたんで配置するWAI-ARIA遵守のスクリプト -jQuery Collapse
実装は超簡単、カスタマイズ性にも優れ、IE6にも対応、クリックで開閉する折りたたみコンテンツを設置するjQueryのプラグインを紹介します。 jQuery Collapse jQuery Collapse -GitHub [ad#ad-2] jQuery Collapseの特徴 jQuery Collapseのデモ jQuery Collapseの使い方 jQuery Collapseの特徴 軽量 約600バイトの軽量スクリプト。 クロスブラウザ対応 IE6+, Firefox3+, chrome5+, Safari4+, Opera10+ でテスト済み。 カスタマイズ モジュール式で設計しているため、簡単にカスタマイズが可能。 開閉する要素の変更、callback関数も用意されています。 クッキーのサポート 「jquery-cookie」を利用してクッキーをサポート。 ARIA遵守 障害
Cでのポインタの読み方
Cでのポインタの読み方 Cのポインタの読み方は、ルールを知らないと摩訶不思議です。 ルールを覚えれば、 int (*p[5])[3]; char (*(*fp)(void))(int); なんてのも解読する事ができます。 大事な前程 ポインタを読む際には、「英語で読む」必要があります。 「え～、英語～」 と思う方もいるかもしれませんが、逆に日本語で読む方が大変です。 基本ルール ルール 後置演算子が優先。 関数の() 配列の[] 前置はあとで。 要は、「後ろに何かあったら、後ろが優先」です。 演算子の英語での読み方 * pointer to ... () function returning ... [] array of ... Lesson 1 まず、演算子が単独で出てくる場合です。 Lesson 1-1 pointer to ... int *p; これは、まずpを見ましょう。 i
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
新着記事
スライドショーやグリッドレイアウトなど、日本製の国産jQueryプラグイン