時間の節約になるWeb制作関連ツール 12+1 | Webクリエイターボックス

2010/07/12 1604 users 節約 Webクリエイターボックス グリッド 短縮 時間

Webサイトを作る際に、じっくり時間をかけたい作業とそうでないものがあると思います。細かい作業は便利なツールで作業時間の短縮をして効率よくすすめましょう！今回は私がいつも使っているものとSMASHING MAGAZINEで紹介されていて「おぉっ！」と思ったWeb制作に関する便利ツールを紹介します。 Photoshopテンプレート まずは私Mana作のPhotoshop用テンプレート。グリッドなんぞ... 続きを読む

ウェブデザインに黄金比やフィボナッチ数列など数学的な要素を取り入れる方法 | コリス

2010/02/25 1152 users コリス ウェブデザイン フィボナッチ数列 デザイ 黄金比

黄金比、フィボナッチ数列、ファイブエレメンツ、サインウェーブなど数学的な要素を巧みにウェブデザインに取り入れる方法をSmashing Magazineから紹介します。 Applying Mathematics To Web Design 下記は各ポイントを意訳したものです。 また、当サイトでも黄金比をウェブデザインに取り入れる簡単な方法を紹介していますので、あわせてどうぞ。 黄金比をサイトのデザイ... 続きを読む

ハイパーテキストリンクのスタイル大全 | コリス

2010/02/15 561 users コリス チップス ウェブページ スタイル大全 テクニック

ハイパーテキストリンクをデザインする上で知っておきたい基礎知識から、実用的なチップス、やってはいけない間違いなど、すぐに役立つテクニックをSmashing Magazineから紹介します。 The Definitive Guide To Styling Web Links 以下は、各ポイントを意訳したものです。 はじめに ハイパーテキストリンク（リンク）はウェブページをつなぎます。Web Stan... 続きを読む

実用的なユーザビリティの10のポイント：ガイドライン編 | コリス

2009/09/30 579 users コリス tumblr ユーザビリティ ウェブページ フィールド

ユーザーにあなたのウェブページを容易で、そして楽しくアクセスできるようにする実用的なユーザビリティの10のポイント（ガイドライン編）をSmashing Magazineから紹介します。 Tumblr 多くのフォームは2カラムのレイアウトを採用し、ラベルはフィールドの左に配置されています。一見よさそうに思えますが、これは採用すべきではありません。 なぜなら、フォームは一般に垂直に方向付けがされている... 続きを読む

Photoshopの動作を軽快にするための10のポイント | コリス

2009/08/24 545 users デフォルト コリス パフォーマンス ステップ 設定

Photoshopの設定を変更して、動作を軽快にするための10のステップをSmashing Magazineから紹介します。 10 Simple Steps to Better Photoshop Performance はじめに もし、あなたがPhotoshopの設定をデフォルトのまま使用していたり、パフォーマンスを改善するために再点検することを望むなら、ここで紹介する10のポイントをチェックし... 続きを読む

[CSS]ネガティブマージンの理解を深め、活用するテクニック集 | コリス

2009/07/28 563 users コリス margin ネガティブマージン CSS テクニック集

スタイルシートのmarginで使用する「ネガティブマージン（マイナスマージン）」について理解しておくべきこと、ネガティブマージンを使用したテクニックなどをSmashing Magazineから紹介します。 The Definitive Guide to Using Negative Margins 1. ネガティブマージンの理解 2. ネガティブマージンの使い方 3. ネガティブマージンのテクニッ... 続きを読む

JavaScriptツール&ライブラリ50選 | エンタープライズ | マイコミジャーナル

2009/06/23 559 users Really easier タイトル

Smashing Magazine - WE SMASH YOU WITH THE INFORMATION THAT WILL MAKE YOUR LIFE EASIER, REALLY. Smashing Editoria氏がSmashing Magazineにおいて50 Fresh JavaScript Tools That Will Improve Your Workflowのタイトルで50... 続きを読む

「使えるUIパターンをまとめたサイト40選！」という記事があったので本当に使えるものだけ選んでみた - IDEA*IDEA ～ 百式管理人のライフハックブログ ～

2009/06/16 570 users IDEA インターフ UIパターン ライフハックブログ 40個

またしても「本当に使えるものだけご紹介」シリーズ。Smashing Magazineで「40+ Helpful Resources On User Interface Design Patterns」なる記事があったので全部開いてみて本当に使えそうなものだけピックアップしてみましたよ。40個は多いだろ・・・。 というわけでユーザーインターフェースのパターンをまとめたサイトですよ。「ここのインターフ... 続きを読む

デザインを魅力的なものにする、シンプルな10個のテクニック | コリス

2009/04/06 593 users 意訳 コリス フォーカス 手間 デザインテクニック

デザインを魅力的なものにする、シンプルな10個のテクニックをSmashing Magazineから紹介します。 10 Simple and Impressive Design Techniques 以下、その意訳です。 手間のかかるデザインテクニックは高度な効果を与えることができますが、間違ったところに使用してしまうと、意図したフォーカスとは異なり、ユーザーの気をそらすだけになってしまうことがあり... 続きを読む

ウェブサイトでやってしまいがちなユーザビリティのミス | コリス

2009/02/19 589 users コリス ユーザビリティ padding 意訳 ウェブサイト

ウェブサイトでやってしまいがちなユーザビリティの9つのミスをSmashing Magazineから紹介します。 9 Common Usability Mistakes In Web Design 下記は、その意訳です。 1. クリックできるエリアが小さい リンクのクリックできるエリアが小さいと、ユーザーはクリックするのが非常に困難です。 解決方法 リンク箇所にpaddingなどを設けて、クリックで... 続きを読む

53 CSS-Techniques You Couldn’t Live Without | Smashing Magazine

2007/01/19 750 users

CSS is important. And it is being used more and more often. Cascading Style Sheets offer many advantages you don’t have in table-layouts - and first of all a strict separation between layout, or desig... 続きを読む