Webサイト制作でつまずきがちな解像度に関わるあれこれ │ Design Spice
アプローチ方法は違うものの、このdipと先程のデバイスピクセル比はほぼ同じ目的を持った機能です。 参考：Androidレイアウトの単位 – dpについて掘り下げる – アンテナ立てて viewport 仮想的なウインドウサイズです。 viewportがないと仮定した場合、デバイス幅320pxのiPhoneでインターネットにアクセスした時のウインドウサイズは320ピクセルとなり、通常のサイトを閲覧するには不便です。 そこで仮想的に大きいウインドウサイズとすることで、通常のサイトでもひと目で情報が見え、閲覧性や操作性を高まります。 viewportのデフォルト値は980ピクセルです。 （※iPhoneは980ピクセルで間違いないのですが全てのスマホで980ピクセルでしょうか？ 情報が見つからなかったので知ってる方は教えてください） また、viewportの数値はサイト側で指定できます。 スマホ
WEBデザイン | Blog | ユージック
WEBページのモック作成テンプレート 2017/06/27WEBデザイン WEBページのレスポンス時のレイアウトや動きなど静止画だけではイメージがつかみにくい事が多いので、最近ではモックをHTMLで作るケースがあります。そこで私が使うモック作成テンプレートをご紹介します。 SVGアニメーション 2015/11/12WEBデザイン ブログをリニューアルするにあたって画像やアイコンをSVG化しました。今回はSVGのアニメーションに挑戦します。 静止画より動画のほうが伝わりやすいWEBデザイン 2011/04/30WEBデザイン 最近、動画をFLASHに組み込んだWEBサイトをちょくちょく見て、デザインとしての伝え方が良いなと思ったのでご紹介します。 脱・根拠のない予測 ヒートマップを活用しよう 2009/12/23WEBデザイン 最近、当ブログでは「うごく人」をリリースした所でおなじみのUse
ページの幅960pxを基準にして、設計するグリッドデザイン | コリス
960 Grid Systemは、ページの幅960pxを基準にして、設計するグリッドデザインを紹介しているサイトです。 960 Grid System デモページ 960pxを基準にする理由としては、下記の2つが挙げられています。 最近のモニターは1024x768の解像度をサポートしており、960pxを表示するには十分である。 960という数字は、2, 3, 4, 5, 6, 8, 10, 12, 15, 16, 20, 24, 30, 32, 40, 48, 60, 64, 80, 96, 120, 160, 192, 240, 320, 480と多くの数字で区切ることができ、フレキシブルにグリッドの設計を行える。 デモページでは、左右に10pxのマージンを持ち、カラム間のマージンを20pxにし、60pxをベースに12カラムと、40pxをベースに16カラムの2種類のレイアウトを見ることが
ランディングページデザインリンク集
ランディングページの厳選デザイン・リンク集／ランディングページ最適化・作成に関する情報掲載サイトです。
[Webデザイン] 文字組みについて本気出して考えてみた | Stocker.jp / diary
これはもう何年も前から気になってることなのですが。 何故、昔からずっと見出し画像などの文字組みや文字詰めの甘いWebサイトが多いのでしょうか。 私はデザインについて偉そうに言える立場でないのは分かっていますが、折角全体的なデザインや背景、写真、Flashなどの動きはとても美しく、文章構成のしっかりしたサイトなのに、ただ一点文字詰めだけが甘いというサイトがあまりにも多くて、そういうサイトが減る様子もないのがずっと気になっています。 私は以前、ファッション雑誌やビジネス誌の組版（MacのInDesignやQuarkXPressを使って印刷用のデータを作る仕事。DTPとも言う）の仕事をしていて、見出しは言うまでもなく、本文の文字詰めが少し甘いだけでもものすごく怒られたものですが、Webデザインの世界ではそういうのはあまり怒られることがないのでしょうか。 私は、見出しやタイトル画像における文字組み
![[Webデザイン] 文字組みについて本気出して考えてみた | Stocker.jp / diary](https://cdn-ak-scissors.b.st-hatena.com/image/square/e6e22153e1233d79c8da8733fc112f935fe5ee4a/height=288;version=1;width=512/https%3A%2F%2Fi0.wp.com%2Fstocker.jp%2Fdiary%2Fwp-content%2Fuploads%2Ftypographic-1-1.png%3Ffit%3D500%252C250%26ssl%3D1)
50 Negative Space Logo Design Ideas
The latest trend in the logo design industry nowadays is the use of negative space in logos. This technique makes the designs more attractive and eye-catching; and also allows imparting the idea and concept of your logo in a very clever and unique way. The people find these logos more appealing as the hidden messages within them are interesting to find and look at. These logos not only catch the a
WEB画像について－GIF・JPEG・PNGの特徴
GIFは透明色の指定ができる GIFは画像に使われている色のうちの1色を指定して透明にすることができます。 WEB上に掲載する画像は全て輪郭が四角形ですが、 GIFの背景を透明にすることで見かけ上は四角形以外の輪郭の画像が可能となります。 尚、JPEGでは透明色の指定はできません。 GIFはアニメーションにできる アニメーションにできることもGIFの特徴の1つです。 GIFアニメはコマ画像をパラパラマンガの要領で表示させることで実現しています。 滑らかな動きを表現するのにはあまり向いていませんが、アイコンやボタン画像などにちょっとしたアクセントの動きを加えるのには最適です。 GIFアニメが他の動画形式に比べて優れているのは、 特別なプラグインを必要とせずより多くの環境で作者の意図通りに表示させることができる点です。 GIFのライセンス問題について GIFに使われているLZW圧縮の技術は、1
AdverTimes.（アドタイ） by 宣伝会議
メール受信設定のご確認をお願いいたします。 AdverTimes.からのメールを受信できていない場合は、 下記から受信設定の確認方法をご覧いただけます。
ホームページ制作 コーディング作業 とは? |東京| 株式会社 ネオワーカーズ
コーディングとは、プログラミング言語を使ってソフトウェアの設計図にあたるソースコードを作成することを言います。そして、ホームページ制作でのコーディングはXHTMLやHTMLのマークアップ言語を利用して、デザインをWebぺージへ変換する作業の事を言います。 ホームページを制作する際には、まずデザインを決定します。デザイン自体はアドビ社のグラフィックソフトPhotoShopやIllustratorを利用して大まかなデザインを決定します。この時点では単に一枚の画像です。もし、この画像をJPEG形式などに変換してサーバーへアップロードすれば、インターネット上で配信する事は出来ますが、それは単なる一枚の画像です。見る人に取っては単にチラシを見ているようなものです。 ホームページの基本は、ページとページの繋がり→つまりリンクの集合体です。単に画像だけの配信では、このリンクを設置する事も出来ません。また
これを読めば大丈夫！知っておくべきWeb用語7選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
初めまして。新人ディレクターの允です。”充（みつる）”ではありません。”允（まこと）”です。 中学生の頃の出席簿に”充”と書かれていて担任に卒業まで”みつる”と間違えて覚えられていたトラウマがあるので、お間違えのないようお願いします。 ・・・フリではありません。 さて、今回は「最近よく耳にするWeb関連のキーワード」を簡単ではありますがまとめてみました。 どの業界でもそうだと思うのですが、特にWeb業界は日々新しいキーワードが生まれます。なので、いきなり知らないキーワードがぶっこまれても慌てないように、この記事を読んで少しでも意味を理解していただければ幸いです。 これで知ったかぶりからはおサラバです！ でも私が知ったかぶっている可能性もあるので、間違いなどあればそっとご指摘頂けると嬉しいです。 レスポンシブ 意味 「複数の異なる画面サイズでページのレイアウト・デザインを柔軟に調整し、複数の
配色に悩んだときに、きっと役立つ7つの配色技法【基本】
私は「色」が好きなので、配色を考えるのがそんなに苦ではないんですが、良い配色が思い浮かばず、苦しんでいるWebデザイナーさんは沢山います。 人の目で見分けられる色の数は750万色以上あると言われていて、デザイナーはこの膨大な色の中から配色を考えるんですが、これが結構大変なんです。経験を積んだWebデザイナーさんでも何日も配色に悩み、目の下に隈を作ることがあると聞いたことがあります。 そこで今回は、配色を考える時や、配色に悩みすぎて出口が見えなくなってしまった時に役立つ、基本的な7つの配色技法を紹介したと思います！ 基本的な7つの配色技法 これから紹介するの7つの配色技法は、お互いに明確な違いがない物もいくつかありますが、あくまでもこれらは配色の方向性・配色の考え方を示すものだと理解してください。それでは早速、例を交えながら特徴と効果をまとめて紹介させていただきます。 ドミナントカラー配色
クライアントとは - IT用語辞典
概要 クライアント（client）とは、顧客、依頼人、得意先、施主などの意味を持つ英単語。ITの分野では、他のコンピュータやソフトウェアから機能や情報の提供を受けるコンピュータやソフトウェアのことをクライアントという。 コンピュータシステムの構成のうち、機能や情報を提供する側である「サーバ」（server）と、機能や情報の提供を受けて利用する側である「クライアント」（client）に役割を分けた方式を「クライアントサーバシステム」（client-server model）という。 クライアントはサーバの機能や情報の提供を受け、自らは利用者への情報の提示や入力・操作の受け付けなどを担当することが多い。クライアントがサーバに処理要求（リクエスト）を送り、サーバがこれに応じて処理を行い、結果を返答（レスポンス）する、という形で一連の処理が進められる。 コンピュータ（ハードウェア）のことを明示的に
デバッグとは - IT用語辞典
プログラムが仕様や開発者の意図と異なる動作をする場合、そのような動作を引き起こすプログラム上の欠陥、誤りを「バグ」（bug：虫）という。テストなどによって発見された誤作動・不具合について、その原因やソースコード上での位置を探索・特定し、意図した通りに動作するように修正する作業をデバッグという。 バグの探索デバッグ作業ではまず、バグがプログラムのどこに潜んでいるのかを探し出す。バグはエラーなどで停止したコードに存在するとは限らない。あるコードが誤ったデータを生成し、そのデータを使って処理を行おうとした別のコードが致命的なエラーを起こして停止するということもあるからである。 位置が特定されると、なぜそのような誤りが生じたのか原因を調べる。単純な誤記によるものから、プログラムを構成する論理やアルゴリズムの誤りに原因がある場合、当初の想定では予期していなかった入力値や動作環境など、様々なものが原因
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
W3Q - Web制作者のためのQ&Aサイト
Webロケッツマガジン
新着記事
Loading...
アクトゼロ｜SMMやSEMを中心としたデジタルマーケティング会社
web clientの意味・使い方・読み方 | Weblio英和辞書
ホームページを作る人のネタ帳
