個人商用無料でバックリンク不要！デザインに使いたくなる素敵な写真画像がダウンロードできるサイト -DesignersPics
海外の素敵な街並み、食品や料理がキレイに撮られたもの、パソコン・スマホやオーディオグッズがアップで撮られたもの、ファッションやアクセサリー、おもちゃやネコの写真など、デザインに使いたくなるようないいショットが揃った高解像度の写真画像がダウンロードできるサイトを紹介します。 DesignersPics 写真画像は全て個人でも商用でも無料で、Webサイト・プレゼン、パンフレット・パッケージ・ラベル・Tシャツ・看板など、デジタルメディアでも紙でも利用できます。 また利用の際には、バックリンクは特に必要ありません（してくれたら嬉しいなとあります）。詳しくは下記ページをご覧ください。 FAQ and Terms 写真画像は、現在5つのカテゴリで管理されています。 画像のサイズは3,500x2,318pxで、高解像度なのも嬉しいポイントです。
ポートフォリオサイトの作り方
就活に使うポートフォリオサイトってどんな手順でどんなものを作っていいかよくわからず、制作した当時はとても悩んでいました。 今回は、そんな実体験を元にしたポートフォリオサイトの作り方のポイントをご紹介します。 なぜwebデザイナーの就活にポートフォリオサイトが必要なのか ポートフォリオは自分自身のデザインスキルや技術スキルの作品集。自分がどんな制作者で何が得意なのか、何が出来るのか、制作したサイトを見れば大体分かります。 webデザイナーにとってのポートフォリオは自分のちからを相手に知ってもらう大事な武器ですので、時間がないからといって片手間で作ったりせず、綿密に計画してフルパワーで作り上げる必要があります。 ポートフォリオを作る前の下準備 作品の構成要素 ポートフォリオに制作実績を掲載する時、下記の6つは載せておきましょう。 サイトのタイトル サイトのURL サイトのスクリーンショット 制
GitHubを使ってみよう！導入と簡単な流れ、よく使うコマンドなど。 ｜https://wp.yat-net.com/name
2013年 10月 24日 GitHubを使ってみよう！導入と簡単な流れ、よく使うコマンドなど。 カテゴリ： Git タグ：GitGitHub GitHubを覚えよう覚えようと思ってなかなか手をつけてこなかったので、そろそろ本腰入れて使おうと色々やってみたのでまとめておきます。 1.GitHubとは？ 2.GitHubを使えるようにする 3.Git及びGitHubでよく使うコマンド一覧 GitHubとは？ github ソースファイルのバージョン管理システムにGitというものがあります。 Gitはリポジトリ（管理保存場所）先として、ローカル、もしくはリモートを選択出来るのですが、GitHubはそのリモート先にあたるもので、プロジェクトの管理をWeb上で行うことが出来るサービスです。 GitHubは無料で利用出来るプランも用意されています。容量に応じて金額が変わってきますが、プロジェクトを非
ウェブサイトのヴィジュアルを定義するスタイルガイド用のテンプレート素材 -UI Style Guide Template
UIスタイルガイドとはウェブサイトのヴィジュアルを定義するもので、コンテンツから切り離すことによりウェブサイトのスタイルを的確に確認するのに役立ちます。 UIスタイルガイドを作成する際にベースとなるテンプレート素材を紹介します。 UI Style Guide Template UIのスタイルを一括で管理することでデザインの作業時だけでなく、コーディングや検証の時にも重要なガイドになるでしょう。また、クライアントがヴィジュアルの変更を求めてきた際も、部分的にみるのではなく、全体を通して整合性をもった対応を行うことができます。 テンプレート素材にはカラースキームや背景をはじめ、さまざまなUIエレメントのスタイルが定義されています。
レスポンシブWEBデザインのデザイン・設計上の注意点 | Web制作 | | SRE BLOG | SRE BLOG
レスポンシブWEBデザインはその特徴から、レイアウトの自由度が低いと言われています。どのようなデザインにするのかは悩ましい問題とも言えるでしょう。 そこで今回は前回のレスポンシブWEBデザインの基本に続き、実際の事例とともにデザインや設計における注意点を紹介していきます。 １、各デバイスのサイズを把握しましょう！ レスポンシブWEBデザインの最大の特徴はなんと言っても、色々な端末から見れるということ。設計する前に端末のサイズを把握していなければ、始まりません。 参考までに主要なディスプレイサイズを図にしてみました。 ユーザーがいつどんな環境でサイトを見るのか、考えてみることが大切ですね。 ２、よく使うブレークポイントはこれだ！ どの画面サイズでも見やすいサイトになるよう適切なブレークポイントを設定しましょう。 ちなみにSRE BLOGでは1160,1080,1024,985,960,940
レスポンシブのプレゼンや企画書に最適！各デバイス用のキャプチャを簡単に埋め込める親切丁寧なPSD素材 -Responsive Showcase PSD
レスポンシブのプレゼンや企画書に最適！各デバイス用のキャプチャを簡単に埋め込める親切丁寧なPSD素材 -Responsive Showcase PSD
レスポンシブ・ウェブデザインでの CSS コードの書き方 | Yomotsu net
いわゆるレスポンシブ・ウェブデザイン、つまりメディアクエリーを採用した Web サイトを構築する際の一番管理しやすいと感じるコードの書き方をまとめました。ただし、あくまでも個人的な、経験から感じた意見ですので絶対ではありません。 CSS のコードの配置広く知られている方法はいくつかあります。 CSS ファイル自体を分ける方法 @media 規則で 1ファイル内にメディア特性単位に書く方法 @media 規則で 1ファイル内にパーツ単位で書く方法 それぞれをコードで表すなら以下の書き方が該当します。 方法1 : CSS ファイル自体を分ける方法この方法は管理が大変でおすすめできません。これでファイルごとコード分割されてしまったらコード検索しづらいわけです。 <link rel="stylesheet" href="desktop.css" media="(min-width:769px)">
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://designaholic.cc/2012/07/web-20.html