『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年3月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材/配色やWeb制作といった最新トレンドも公開中。
LoadGo - Your own images as a progress bar サイトのロゴ等をプログレスバーにすることができるjQueryプラグイン「LoadGo」 たまにみかけるサイトのロゴ自体をプログレスバーにしてローディング状態を表示する機能を実装できます。 よりブランドについてユーザの方に認知してもらいたいというような場合に、そして単純にカッコイイということで使えそうです 関連エントリ フラットデザインでレスポンシブなプログレスバー作成「ProgressBar.js」 スクロールに合わせてプログレスバーを表示して進捗を分かりやすくする「Scrolling Progress Bar」 アニメーションするPOPなデザインのプログレスバー実装jQueryプラグイン「jQMeter」
先日の記事「フォントサイズの指定方法(翻訳版)」で、CSSの比較的新しい単位「ビューポートの単位(Viewport Units)」について触れました。この単位「vw, vh, vmin, vmax」はブラウザのビューポートのサイズに基づくもので、これらの単位で指定した実際の大きさはビューポートの大きさによって変化するため、レスポンシブデザインにあった単位と言えるでしょう。 これらの単位を使うことは「フォントサイズの指定方法」でフォントサイズに使うことを反対しましたが、レイアウトでは非常に役立つ単位です。 Viewport vs. Percentage Units 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様に許可を得て翻訳しています。 ビューポートの単位(Viewport Units)とは 要素を幅いっぱいに指定 (% > vw) 要素を高さいっぱいに指定 (
Webサイトの制作料。機能、デザイン、コンテンツ、ページ数によって大きく異なることは容易に想像できますが、一般的な中小企業がデザインを頼むとしたらいくらかかるのでしょうか? チラシのデザイン料を調べた前回に引き続き、実際に料金表を公開されているデザイナーやウェブ制作会社を検索してみて、フリーランスやSOHOの方を中心に100社ほどまとめてみました。今回も、会社名とURL、料金表部分のスクリーンショットを掲載しています。 ウェブ制作のお仕事で独立・開業したばかりの方や、する予定の方にとっても、いくらチャージすればよいのかを考える際の参考になれば幸いです。 追記:現在、広告用バナー、LP(ランディングページ)、アプリ用アイコンなどの制作料金についても調べています。興味がある方は、公開時にお知らせが届きますので、もし良かったら読者登録していただけますと幸いです。 アルファーム http://al
カンプやワイヤーフレームを作成する上で重宝するのが、グリッドシステムです。 これは、縦方向に区切られたカラムに沿って要素を配置するもので、簡単に見栄えのするレイアウトを作成することができます。 多くの制作者はグリッドシステムを利用する場合には960GRID SYSTEMなどを使用したりします。 近年のWebサイトは横幅が大きくなり続けており、デザインする時に960GRID SYSTEMの横幅が960pxでは不足する場合も出てきているものと思われます。 もっと自由にグリッドシステムを設計したい場合にはカラムを自作するのが一番です。 PhotshopもIllustratorもCCではカラムを簡単に作成できるようになっています。 もっと自由に自分専用のカラムを使用してグリッドシステムを活用してみましょう。 ページの横幅の決め方PC用 グリッドシステムのカラムを作成する時に事前に必要になるのがペー
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く