divで実装したパネルの四隅を1px欠けにして、角をすっきりみせるスタイルシートをonderhond.comから紹介します。
divで実装したパネルの四隅を1px欠けにして、角をすっきりみせるスタイルシートをonderhond.comから紹介します。
ウェブサイトのデザインに、ビジュアルエレメントを追加したり、細部をブラッシュアップしたりしてクオリティをアップするPhotoshopのチュートリアルをPsdtuts+から紹介します。
HOKYPOKY. | MULTICOL. jQuery Plugin MULTICOL. はHTMLで雑誌のような美しい段組みレイアウトを実現するだけのシンプルなjQueryプラグインです。もちろん、日本製のプラグインなので日本語もきれいに段組みにします。HTMLで雑誌のような美しい段組みレイアウトを軽く実現できるjQueryプラグインの紹介。 次のようにコードを書くと、複数のブロックを簡単に4カラムにすることが可能です。 $("#sample1").multicol({colNum:4, colMargin: 10}); マージンを指定できるところも良いですね。 関連エントリ 複雑なブロックレイアウトもシンプルかつ簡単に実装可能な「malo」 複雑なCSSレイアウトもサクッと実装できるCSSフレームワーク「emastic」 CSSレイアウトのチート集「CSS Layout Cheats
連載:Webオーサリングツールを使ってみよう(2) Webオーサリングツールでコーディングできる人になる! セカンドファクトリー 新谷剛史 2007/4/3 有償版3大Webオーサリングツールの特徴とは?に続く連載第2回目は、Expression Web、Dreamweaver 8、ホームページ・ビルダーが、どのような機能で作業効率を向上させてくれるのかにフォーカスする。 私もWebサイトのコーディング作業行う際に「常に」Webオーサリングツールでコーディングや修正を行うわけではなく、テキストエディタを使用することがある。「Webオーサリングツールを使ってみよう」というような連載を執筆させていただいているのにもかかわらず、例えば数文字直すだけのHTML修正の場合には、テキストエディタを使用して修正を完了させてしまう場合も少なくない。 どれだけ起動の速いWebオーサリングツールであったとして
デザインのスキルを上げたい。 そんなあなたにおすすめなのが、『70+ Photoshop Tutorials to improve your Skills as Web Designer』。Webデザイナーとしてのスキルを上げるためのPhotoshopチュートリアル70選だ。 以下にいくつかご紹介。 ↑のキャプチャは自然にインスパイアされた背景。 プロフェッショナルなヘッダーデザイン 艶のある3Dボタン Wiiのヘッダー ブログのクリエイティブなフッター その他のリストは以下から。「レイアウト」「ヘッダー」「ボタン」「ナビゲーション」「その他」のカテゴリーでたくさんのチュートリアルが紹介されている。 » 70+ Photoshop Tutorials to improve your Skills as Web Designer Webデザイナーとしてのスキルを上げるためのチュートリアル、チ
53 Killer Photoshop Illustrator Effects and Tutorials Photoshop&Illustratorのキラーチュートリアル53、というエントリが公開されていました。 どれもうなるような作品ばかりで、その製作過程が見れるというのは非常に参考になりますね。 特に目をひいたものをピックアップ。 Create cool neon effects Creating Smoke Jessica Rabbit Silver White Fractal Rainy Day Rainbows The Dream In A Puddle Nietylko 参考にすれば、目を引くブログのヘッダー画像みたいなものは簡単に作れてしまいそうですね。
ウェブデザインに限らず、何かパソコンを使ってデザイン関連の仕事をするにはあの「Photoshop」を使いこなすことが必須らしいとはわかっていても、いまいちどういう風に使えばいいのかわからない、あるいは、仕事でPhotoshopを使ってはいるが必要な機能のみを使っているだけであって、ちょっと凝ったことを聞かれると即答できないのでテクニックをブラッシュアップしたいと思っている……そんな人向けに役立つPhotoshopをマスターするためのチュートリアルをいろいろと集めてみました。時間のあるときにでも少しずつ眺めていけば、なんでもできるようになるかも。 チュートリアルの詳細は以下の通り。 まずは基本的なテクニックを具体例と一緒に解説しているサイトを3つほど。初級テクニックから高等テクニックまで具体例を交えて解説しています。 Photoshop Tutorials from PhotoshopCAF
デザインする グラフィックアプリの使い方から、デザインの基礎、最新の表現手法まで、デザイナー、イラストレーター、写真家が知りたい情報が満載!
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く