はじめに iPhone+Androidスマートフォンサイト制作入門を読んだことを忘れないようにメモ iPhoneの仕様を確認 端末 iPhone3G iPhone3G S iPhone4 ipad 解像度 iPhone3G、iPhone3G S : 320 x 480px iPhone4 : 640 x 960px iPhone4はiPhone3G、iPhone3G Sと比べて解像度が2倍あるが、 ブラウザーは100%表示時に320 x 480pxで表示する仕様になっている為、見た目が変わらない ブラウザ ソフトウェア：safari レンダリングエンジン：WebKit プラグイン プラグイン非対応 文字コード 文字コード変更不可 ・表示された文字コードを変更できないため、metaタグで正しく文字コードを指定する ・テキストファイルに直リンクを貼り表示させる場合はShift JISでしか見え

「WebサイトをiPhoneやAndroidで見やすく表示したい」「スマートフォンをターゲットにしたWebサイトをデザインしたい」――そんなWeb制作者のための入門ガイド。PCサイト制作のノウハウを生かして作るスマートフォン（iPhone/Android）対応サイト制作の基礎知識から実践的なテクニックまで解説します。<cj:inc template="792" element_id="594257" />

サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。

次に「人員配置」について解説する。人員配置は、Webサイトの構成要素に合わせて作業パートを設定することから始める【1】。そこで、コーポレートサイトのようなオーソドックスなWebサイトの場合を例に取ろう。Webサイト全体の見栄えとなるWebデザイン、アニメーションやインタラクティブなイベントを付加するFlash、デザインをコード化してブラウザ対応をするマークアップおよびコーディング、バックヤードでDB連携するWebプログラムなどがおもな構成要素となる。そして、それぞれの作業パートに対し、Webデザイナー、Flashクリエイター、マークアップエンジニア／コーダー、Webプログラマーといった人員を配置していく。 人員配置には、作業パートごとにクリエイターをアサインする「細分化方式」と、すべてをひとりにアサインする「一本化方式」の二通りがある。すべてを任せられるマルチな人材を使うことはとても便利で

WEBディレクションで使うＩＡツール 2007年10月15日 WEBディレクションで使うマーケティング戦略や情報整理でのフェーズにあたるＩＡ(インフォメーションアーキテクツ)で僕が使うツールをご紹介します。 WEB制作でのマーケティング戦略や情報整理といっても、そんなに特別なものは使用しておらず、僕は従来からのマーケティングツールを使用しています。 SWOT分析 これは企業の内部的要因である強み、弱みと企業の周囲を取り巻く外部的要因である機会、脅威などをまとめるマーケティングツールです。僕が使用しているのはこのSWOT分析の拡張版で、各変数のリストからそれぞれの戦略を立てる項目を作るものを使用しています。このツールはマクロ的な視点からその企業の現状を把握する際に使えます。 ポジショニング分析 企業が業界や市場においてどのような立ち位置に立っているのか(現状分析)に使えるマーケティングツール

こんにちは、小久保です。 私の経歴は、受託開発のディレクター → 自社媒体のディレクター → 事業責任者 という流れを経ておりまして、以前「受託開発事業から自社媒体事業へシフトするための意識改革のポイントとは？」という記事を書きましたが、実はキャリアパスの中で一番焦ったのが営業面での知識不足でした。 受託開発を担当している時は、開発工数と人月単価さえおさえておけば渉外対応はある程度事足りていたのですが、自社メディアの場合だと提携内容の検討と営業的な話は一体となって進むことが多く、必然的に営業的知識が必要になってきました。 今回は、営業職の経験が無いディレクターの方でも、ビジネス上で最低限これだけは知っておいたほうが良いと思う、営業面での知識について紹介します。 まずは、一般的な取引成立までの流れをまとめてみましょう。以前、弊社の「ビジネススキル勉強会」というブログに「取引行為についての勉強

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

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

2013年3月23日 Webサイト制作, 便利ツール Webサイトのデザインを始める前に、レイアウトやページ内で使われる機能を「設計図」として作っておきます。ワイヤーフレームと呼ばれるWebサイトの骨組みをしっかり作っておくと、デザインする段階でスムーズに仕事がすすみます。またクライアントとの打ち合わせでも大活躍。ここではワイヤーフレームを作る為の便利なオンラインツールと「ワイヤーフレームは手描き派！」という人のためのPDFテンプレートを紹介します。 ↑私が10年以上利用している会計ソフト！ オンラインで使えるワイヤーフレーム作成ツール iPlotz iPlotzのWebサイト とにかく多機能でおすすめ。ワイヤーフレームを作る他にプロジェクトマネージメントもできます。オンラインでシェアしたり、JPG, PNG, PDFでの書き出し可能。 トライアルをするにはまずトップページから「Get S

Your cart is empty Looks like you haven’t added anything to your cart yet Start shopping Shop offers

2017年6月29日 Webデザイン, 色彩 ページを開いた瞬間にそのWebサイトのイメージを左右するほど重要な要素「色」。しかし色の組み合わせ、配色には無限のパターンがあり、正しい配色を見つけるのは簡単なことではありません。ここでは色彩の基礎と配色パターンの見つけ方の一例を紹介します。 ↑私が10年以上利用している会計ソフト！ まずは色彩の三属性について 色は彩度・明度・色相の三属性（三要素とも呼ぶ）から成り立っています。 彩度 色の鮮やかさの度合いを表します。彩度の高い色は派手・華やか・目立つ色といえます。子供服やキャラクターグッズ関連のサイトには彩度の高い色が使われることが多いです。逆に彩度の低い色は地味・おだやか・上品であるといえるでしょう。和食・ヴィンテージ風デザインのサイトには彩度の低い色がよく使われます。 明度 色の明るさの度合いを表します。明度が高い＝明るい色はさわやかで爽

アイコンまとめ祭り。 今回は量も量なので画像は小さめ、クリックすると拡大方式を使っています。 ※無料ダウンロード可能なハイクオリティアイコン総まとめ2013年版にて、最新の無料アイコンをご紹介しています。 無料アイコン　１～１０ Free Icon Pack: Web Injection - Tutorial9 システムアイコンやRSSアイコンなどの詰め合わせ。 タグがいい感じすぎる。 mfayaz's Art Blog: FreeHand_ColorStroked icon pack オープンソースで出来たもの系のアイコン集。しかも手書き風。 IconTexto: Drink Web 2.0 各種ソーシャルサービスを空き缶アイコンにしたもの。 Freebies Aggregator: Vector Social Media Icons わざとダサめのアイコンに仕上げてある感じがいい。 H

第7回「手軽にWebを彩るCSSコーディングテクニック50」 2010年03月15日 基本的なCSSを使ったWeb制作はそれほど難しくないが、より高いレベルのデザインを実現しようとすると、難易度はグッと上昇する。そんなときは、世界中のデザイナーやデベロッパーが提供しているCSSテクニックを使ってみるとよいだろう。ここでは、世界各国のデザイナーやデベロッパーが紹介している、ビジュアル表現やレイアウトなどを中心としたCSSのコーディングテクニックを紹介していこう。 翻訳元サイト：Smashing Magazine http://www.smashingmagazine.com/ 原文：50 Useful Coding Techniques (CSS Layouts, Visual Effects and Forms) http://www.smashingmagazine.com/2010/0

Get awesome stuff delivered straight to your inbox! Twice a month! Plus a list of tools and plugins we use.