『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年3月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材/配色やWeb制作といった最新トレンドも公開中。
2, 3, 4, 6, 9, 12, 18の均等分割をはじめ、黄金比の分割にも対応したグリッドレイアウト用のCSSのフレームワークを紹介します。 The Square Grid [ad#ad-2] The Square Gridのグリッド設計 グリッドの全幅は994pxで、両端に余白7pxをとり、残りの980pxを均等に35分割したものをベースにしています。 均等分割のカラム
作業効率がアップする隠れた使い方教えます! WEB制作、プロの無料サービス活用術 ──サイトチェックに使えるツール(1) クラウド隆盛の昨今、ソフトウエアと同等か、それ以上に便利な機能を持ったオンラインサービス/ツールが豊富に取りそろってきた。本記事では、オンラインサービスの中でも無料利用が可能なものを選りすぐり、Web制作を6つのシーンに分類してより快適に作業するための82の活用術を紹介する。Webサイトが完成しても即納品というわけにはいかない。不具合がないかを検証することもWeb制作の一部といっても過言ではない。ここではチェックツール活用例を紹介する。 ■バックナンバー 第1回 デザインに使えるツール(1)はこちら 第2回 デザインに使えるツール(2)はこちら 第3回 デザインに使えるツール(3)はこちら 第4回 コーディングに使えるツール(1)はこちら 第5回 コーディングに使えるツ
作業効率がアップする隠れた使い方教えます! WEB制作、プロの無料サービス活用術 ──デザインに使えるツール(3) クラウド隆盛の昨今、ソフトウエアと同等か、それ以上に便利な機能を持ったオンラインサービス/ツールが豊富に取りそろってきた。本記事では、オンラインサービスの中でも無料利用が可能なものを選りすぐり、Web制作を6つのシーンに分類してより快適に作業するための 82の活用術の中から、前々回、前回に引き続きWeb制作に使えるデザインに特化した無料オンラインツールの活用法を6点紹介する。デザインの幅を広げ、Webサイトの質を高める実践方法を試してほしい。 第1回 デザインに使えるツール(1)はこちら 第2回 デザインに使えるツール(2)はこちら Tweet [technique 19] 特別なツールなしにスクリーンキャストを撮影する 「Screenr」 [technique 20] 出来
作業効率がアップする隠れた使い方教えます! WEB制作、プロの無料サービス活用術 ──デザインに使えるツール(2) [technique 15] Webサイト内の画像ファイル全体を確認修正ができる 文=高橋義博 Tool Picnik URL www.picnik.com/ 「Picnik」は、登録無料のオンライン画像編集ツールである。Picnikにはさまざまな機能があるが、本記事ではWebサイト内の画像を一括で確認し、任意のファイルを修正する方法を説明する。 ライブラリメニュー→“ウェブサイトから取得”に確認したいWebサイトのアドレスを入力すると、簡単にWebサイトで使用されている画像の一覧が表示される。その中から編集したい画像ファイルを選択し、[編集]を選ぶと画像ファイルを編集することができる。 「Picnik」のトップページ “ウェブサイトから取得”にWebアドレスを入力する 多彩
作業効率がアップする隠れた使い方教えます! WEB制作、プロの無料サービス活用術 ──デザインに使えるツール(1) クラウド隆盛の昨今、ソフトウエアと同等か、それ以上に便利な機能を持ったオンラインサービス/ツールが豊富に取りそろってきた。本記事では、オンラインサービスの中でも無料利用が可能なものを選りすぐり、Web制作を6つのシーンに分類してより快適に作業するための 82の活用術の中から、Web制作に使えるデザインに特化した無料オンラインツールの活用法を13点紹介する。デザインの幅を広げ、Webサイトの質を高める実践方法を試してほしい。 Tweet [technique 01] オンラインで本格的な画像編集をする 「pixlr」 [technique 02] 繰り返し用の背景画像を作成する 「Tiled backgrounds designer」 [technique 03] カラーパター
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く