以前、インスピレーションを得ることが出来るWebデザインのギャラリーサイトをまとめた記事を書きましたが、2年が経ちチェックしているサイトも変わってきたので改めてまとめ直してみました。 今回はWebデザインだけではなく、色々なデザインギャラリーを紹介します。 目次 01. Webデザイン - 日本 02. Webデザイン – 海外 03. ポートフォリオ 04. モバイル 05. アプリアイコン 06. ロゴ 07. 名刺 08. 広告 01. Webデザイン - 日本 日本の方が運営されているWebデザインギャラリーです。海外のWebサイトはもちろん、日本のWebサイトを探したい時は日本のWebデザインギャラリーを見るのが一番便利です。 1. I/O 3000 2. straightline bookmark 3. S5-Style 4. Good Design Web 5. Anothe

コメントはFacebookコメント、検索フォームはGoogleサイト内検索などに代用するのであれば不要かもしれません。ただ、外部サービスを利用するにしても使用頻度の高そうなパーツはファイル化しておくほうが便利そうです。 テンプレートファイル一覧 さて、ここからがテーマの肝になりますが、通常index.phpの条件分岐コードで対応可能であっても、見た目上、あるいはSEOなどの内部構造上ページの種類によってマークアップを切り替える事がよくあるので、基本的なテンプレート種類毎にファイルを分けたほうが管理しやすいです。 テンプレートの種類と階層構造については公式ドキュメントにもまとまっているのですが、結構ややこしいので自分なりにまとめてみました。 テンプレート階層 – WordPress Codex 日本語版 ※参考までに「個人ブログ」「企業サイト」「ブログメディア」などサイト規模ごとに、ボクだっ

『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。

ユーザーがウェブブラウザのお気に入りなどに設置されたブックマークレットをクリックすると、ブックマークレットに記述されたJavaScriptの小さなプログラムが、ウェブブラウザで起動する。プログラムはページの外観や表示を変更したり、他の場所にジャンプしたり、子ウィンドウを表示したり、ウェブブラウザで表示中のウェブサイトのURLを取得したり、ユーザーに追加情報の入力を促したりする。 - Wikipediaより ということで、プログラムを起動するボタンとしてブックマークを使う感じです。では、私が普段から使っているお勧めブックマークレットを紹介します。 XRAY クリックした要素の内容を表示してくれます。topやleftなどの位置関係、width、height、margin、paddingなどのボックスに関することなどが一目で分かります。 ColrGrabr そのサイトにどのような色が使われている

レポート 写真やイラストを魅力的に見せる「Lightbox」をコードを書かずにラクラク設置! - Adobe Muse体験記(8) コードを書かずにWebサイトを作成できる画期的なWeb制作ソフト「Adobe Muse」。本レポートでは、このソフトを使い、自身のWebサイトのリニューアルを行うことを決意した著者(HTMLの知識ほぼゼロ)の体験をお伝えしていく。 ■これまでの記事 【レポート】駆け出しクリエイター、"コードを書かない"Webサイト作りに体当たりで挑戦! - Adobe Muse体験記(1) 【レポート】4ステップでWebサイトが完成! 駆け出しクリエイターがコードを書かないWeb制作の概要を解説 - Adobe Muse体験(2) 【レポート】Webサイトの構成がボタンひとつで完成! 自分のサイトの「プラン」を作る - Adobe Muse体験記(3) 【レポート】コード記述

『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。

こんにちは。アートディレクターの長岡です。 最近は、毎朝娘を保育園へ送ってから出社しています。 子育てにも優しい会社、それがLIGです！！ イクメンぶりをアピールしたところで、本題に入りたいと思います。 Webデザイナーならば、賞を取ってみたいと考えたことが一度はありますよね。今回は、そんなWebデザインのインスピレーションを刺激してくれる優れたWebデザインアワードサイトを厳選して5つご紹介します。 世界のアワード Awwwards https://www.awwwards.com/ 言わずもがなでずが、世界でもっとも有名なWebデザインアワードです。 デザインや動きのインスピレーションを刺激したい方はこちらがオススメです！ サイトに登録すれば、下記の項目に簡単に投票できます。 デザイン クリエイティビティ ユーザビリティ コンテンツ FWA http://www.favouritewe

あいうえおかきくけこさしすせそ あいうえおかきくけこさしすせそ あいうえおかきくけこさしすせそ あいうえおかきくけこさしすせそ 見出しサンプル あいうえおかきくけこさしすせそ あいうえおかきくけこさしすせそ あいうえおかきくけこさしすせそ あいうえおかきくけこさしすせそ あいうえおかきくけこ あいうえおかきくけこさしすせそ あいうえおかきくけこさしすせそ あいうえおかきくけこさしすせそ あいうえおかきくけこさしすせそ CSSコード .sample2 { position: relative; color: #ffffff ; background: #000000; font-size: 16pt ; line-height: 1; margin: 20px -10px 20px -10px; padding: 10px 5px 10px 20px; box-shadow:1px 3px

背景やパターンはデザインに世界観を与えてくれる便利なものです。適材なパターンを上手く使えれば一気にクオリティを上げてくれます。今日紹介するのはイラストレーターで使える便利なパターンを集めたエントリー「450+ Adobe Illustrator Patterns」です。 5 Seamless Vector Patterns (5 patterns) 全部で450ものパターンがまとめられており、全てベクターデータでフリーで取得可能です。今日はその中から幾つか気になったものをピックアップして紹介したいと思います。 詳しくは以下 FudgeGraphics Pack #1 (20 patterns) 幾何学的な模様をいくつかまとめたパターンセット Various Swatches (20 patterns) ドット的なレトロな雰囲気を出せるパターンセット Classic Vintage (7 p

知らないと損をする!!　Photoshopレイヤースタイルを使って劣化を抑えたラクラク色調補正の便利技!! 最近煽り気味なタイトルを付けたいお年頃のやもです。 今回はいろいろ応用の効く便利技を一つ。Photoshop6（CS6にあらず）から使えるはずです。 ▼この画像を… 空はもっと暗く、ビルはもっと明るく補正したい場合どうしますか？ これはいけません ×とりあえず全体に暗くしてからビルだけを明るくしよう！ ▲これはやっちゃだめ ▲ビル大幅劣化なう 「劣化無し」（）な調整レイヤーと言えど、一度暗くして潰してしまったディディールを復活させることはできません。 逆でも同じことです。 ▲全体明るくして空だけを暗くしよう！→× 一度削ってしまった情報は、元には戻りません。当然ですね。 じゃ、両方にマスクだ！ ということで… ▲別々にマスクかけて補正すればいいじゃん！ ▲ほらできた！ →×(；´Д`

フロップデザインフォントという商用可の日本語フリーフォント フロップデザインフォントは、どなたでも自由に無料でダウンロードして、商用・非商用問わず使用できる日本語フリーフォントです。このフォントは第二水準の漢字も含まれ、ワープロ、Adobe製グラフィックソフトなどのアプリケーションで自由に加工して使えます。ひらがな、カタカナ、アルファベット、数字をオリジナルで制作し、残りの部分をM+FONTで補いました。またM+FONTで不足している漢字をIPAゴシックで補完しています。 フォントのデザイン特徴について 水平、垂直の線がデザインの基本となっているシンプルなゴシック体の日本語フォントです。暖かみのある手書きを感じさせるひらがな、シャープなイメージのカタカナ、スマートでデザイン性の高いアルファベット（英語）、スタンダードで読みやすい数字とそれぞれ異なる考えに基づいて作られたフォントです。しかし

『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。

自分用に日本語フリーフォントをまとめ〜個人や商用などで無料ダウンロードできる日本語のフリーフォントを紹介〜年賀状にぴったりなフォント、手書きフォント、スタンダードなゴシック・明朝体などの漢字が使えるフリーフォントが揃ってます（一部を除く）フォントを利用の際には必ず同梱もしくはウェブサイトのライセンスをご確認ください。また規約・ダウンロード形態が変更になる場合があるのでご了承下さい。 フロップデザインフォント うつくし明朝体 フロップデザインのフリーフォント一覧ページ 自由の翼フォント [browser-shot width=”600″ url=”http://tanukifont.sblo.jp/article/74591320.html”] アニメ『進撃の巨人』のOP2をイメージ 2/3角フォント [browser-shot width=”600″ url=”http://opentyp