Webサイトの作り方のまとめ！トップページ完成まで。
サンプルサイトの制作を通して、「Webサイトのコーディング」についてまとめた、第3（+α）回めです。 トップページにツイートを表示したり、Like Boxを設置したり、JavaScriptでいろいろ実装したり、その他もろもろ。 「Lopan cafeというWebサイトのトップページ総仕上げ」について、制作過程をまとめました。 以下目次。 その前に、ちょっと修正 一番上のナビゲーションのところ Lopan's infoと新作パン／おすすめパンのところ 「画面を縮めると変」だったところ ちょっと脇道：サーバーの話 Webサーバーとは サーバーにファイルをアップロードする トップページにツイートを表示する。 Twitter ウィジェット Embedded Timelines（埋め込みタイムライン） トップページにLike Boxを表示する。 Facebookページを作る Like Boxを設置す
WEBデザイナの、サイトデザイン、キャンペーンページデザイン、バナーデザイン等のデザイン力向上をどうすれば良いかについて悩んでいます。…
WEBデザイナの、サイトデザイン、キャンペーンページデザイン、バナーデザイン等のデザイン力向上をどうすれば良いかについて悩んでいます。 製作会社の方々などで、どのような方法でデザイン力向上に努めていらっしゃいますか？ ご教授願います。 デザイン力にはセンスの部分もありますが、 それ以外である程度なレベルまではいけるとは思っているのですが。
ASCII.jp：もう配色には困らない！「Adobe Kuler」
「オリジナルのWebデザインをしたいけど、いまいち配色センスがなくて困る」「いつも好きな（得意な）色の組み合わせばかりでデザインしてしまう」「でも色彩理論を勉強するのは面倒だ」。 そんな人にぜひおすすめしたいのが、アドビ システムズが提供しているオンラインサービス「Adobe Kuler」（クーラー）だ。Kulerは、さまざまな色の組み合わせ（配色パターン、Kulerでは「テーマ」と呼ぶ）をWebブラウザー上で作成し、保存・公開もできる、ちょっと変わったサービス。いわば“みんなの力”で作られたカラーチャート集ともいえるもので、すでに7000種類以上（2009年1月現在）ものテーマが公開されている。利用料は無料だが、保存などの機能を使うにはAdobe IDが必要だ（以降の説明はログインしているものとして進める）。
スマホサイトを作る前に見たい国内38社の実例 (1/7)
この記事で取り上げているスマートフォンサイトの「BEFORE & AFTER」を以下の記事で紹介しています。合わせてご覧ください。 日本のスマホサイトは2年間でこんなに変わった iPhone、Androidの普及を背景に、スマートフォンのブラウザー向けにコンテンツや表示を最適化した「スマートフォンサイト」（スマホサイト）を開設する企業が増えている。当初はiPhone（iOS）の標準UIに倣った画一的なデザインが多かったが、最近では独特のレイアウトや斬新な色使いの個性的なスマートフォンサイトも増えてきた。 好評だった前編に引き続き、Web制作者が見ておきたいスマートフォンサイト（日本語／企業サイト限定）を業種別に分類して紹介する。スマートフォンサイトの制作に入る前にチェックしておこう。
スマートフォン向けサイトの作り方 | ユージック
スマートフォン向けサイトの作り方 2011年1月22日 iPhoneとAndroid両方に対応するスマートフォン向けサイトの作り方をまとめてみました。 スマートフォン向けサイト作成にあたっての基本概要 まず最初にスマートフォン向けサイトを作成する際に気になる点は画像の扱いだったりすると思います。 横幅ですが、解像度は機種によって様々ですが、縦向きで320px～640px、横向きで480px～960pxが主流となります。 標準となるものを設けるとなると、320px(横)/480px（縦）を標準として良いかなと思います。 ※iPhone4、4Sは640px/960pxの解像度ですが、内部解像度で320px/480pxと解釈してくれるため。 ですので、クライアントに見せるデザインカンプなどを作成する際も縦を標準とする際は320px（横）で作成すれば問題ないといえますが、iPhone4、4SやAn
iPhone向けWebアプリを作ろう（3/4） － ＠IT
iPhone版Safariの独自仕様を理解するうえで一番混乱しやすいのが、ビューポートの振る舞いです。ビューポートとは、コンテンツが表示される領域のことです。デスクトップのWebブラウザでは、コンテンツの横幅が大きくてウィンドウ内に表示し切れない場合、ユーザーはウィンドウの枠をドラッグして広げる（あるいは最大化する）ことができます。 しかし、ビューポートの物理サイズは固定されているので、コンテンツの方を縮小／拡大することで、一度に表示する内容量を調節することになります。 ・ ビューポートのデフォルト幅 iPhoneのスクリーン解像度は、ポートレート表示（縦位置）の場合、横320px、縦480pxです。デバイスを回転させてランドスケープ表示（横位置）にすれば、縦320px、横480pxになります。 そのうち、ステータスバー、URLテキストフィールド、ボタンバーといった要素を省いた残りの領域が
jQuery MobileでWordPressブログのテーマを制作して、スマートフォン対応させる手順（私の場合）。
「検索フォーム」「カテゴリリスト」「アバウト」の3つについては、jQuery Mobieのページ構造を利用して、footer.phpに記述することにしました。 2.jQuery Mobileの「ThemeRoller」を使ってベースとなるテーマを作成 詳しい使い方は省きますが、jQuery MobileのThemeRollerを使うと、配色や角丸の値を簡単にカスタマイズすることが可能で、作成したデザインをCSSファイルでダウンロードできます。 使い方も解説いらずで、直感的にとても分かりやすくできているので、オリジナルのカラーテーマで手っ取り早くjQuery Mobileをセミカスタマイズしたい人にもおすすめです。 私はこれを利用して、まずベースとなるデザインを画像のように設定しました。PCサイト用に作成したカラーテーマを、Adobe Kulerにアップロードしておくと、ThemeRolle
ドコモ光GMOの評判の悪さとデメリットを完全解剖
スマホとのセット割などで人気のドコモ光は、プロバイダが選べるのが特徴です。 今回は数あるプロバイダの中でも特に人気のあるGMOについて、 GMOでドコモ光を登録した人の口コミと評判 GMOをプロバイダに選ぶメリットとデメリット 新規登録方法 などを詳しく解説していきたいと思います。 これからドコモ光を契約する人で、プロバイダ選びに悩んでいる人はぜひチェックしてみてくださいね。 ドコモ光GMOについては以下からどうぞ。 GMOドコモ光公式サイトはこちら【無料】 同じGMOでもwimaxであれば更に安く利用する事も可能です。 GMOとくとくBB公式サイトはこちら【無料】 光回線おすすめ安い比較ランキング。プロバイダ戸建てマンション ドコモ光のプロバイダGMOのガチ口コミと評判を大解析！ まずは、ドコモ光のプロバイダGMOを実際に利用した評判を見てみましょう。 「キャンペーンでお得に使えた！」A
レスポンシブWebデザインのウェブサイトを半年運営してみて思ったこと
昨年2011年10月に仕事で運営に携わっている大学ウェブサイトでレスポンシブWebデザイン (しかもフル可変グリッドレイアウト) を導入して、はや半年。約6ヶ月間、レスポンシブWebデザイン（RWD）で制作したウェブサイトを運営してみて思ったことをまとめてみました。これからレスポンシブWebデザインを導入したいと考えている方の参考になれば幸いです。 プロジェクトの概要 大学のウェブサイトをリニューアルするにあたり、さまざまな状況や制限などを考慮、また、今後3〜5年を見据えて、レスポンシブWebデザインを取り入れた制作を行いました。大学公式ブログでもリニューアルについて紹介しているので、ぜひそちらもご覧ください。そこで書いたように、以下のような思いもあり、このリニューアルを行いました： 今回、新しい試みを行った背景には、このウェブサイトが「大学のウェブサイト」であることが大きな要因の一つとし
新卒採用情報｜採用情報｜パナソニック企業情報｜Panasonic
2009年度のエントリー受付は終了いたしました。 多数のご応募をいただき、ありがとうございました。 2010年度の新卒採用情報は、10月以降に公開予定です。今しばらく、お待ち下さい。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
『ESPRESSODA in Office』オフィスのクセにはじけてる
WEBデザインの見本帳｜WEBデザイナーのためのデータベース・リンク集、サンプル・配色・参考・ご提案に!!
ネットブックにFedora 11を入れてみました。
実践！iPhone＆Androidサイト制作ガイド
Mobile Patterns - UI UX Inspirational Gallery for iOS and Android
iPhoneデザインボックス
面白いアプリ・iPhone最新情報ならmeeti【ミートアイ】
米饭直播，信誉平台
sp-web.jp
全iPhoneサイト一覧｜iPhoneサイトデザイン集のiPhoneデザインアーカイブ 公式サイト