さあ、XAMPPのインストールを始めましょう。 ダウンロード元 www.apachefriends.org 上記ファイルをダウンロードしましょう。 今回は Installer で話を進めますのでそちらを保存します。 Installerをクリックして 上記部分をクリックしてください。 適当なフォルダに保存しましょう。 保存後、実行すると、 が出て、言語(Japanese)を選択します。 次の画面まで進みます。 インストールパスを設定できますが、ここはデフォルトのまま「次へ」を押して次に進んでください。 これでインストールが始まります。 しばらく待つとインストールが完了し、
960 Grid System Download - CSS, sketch paper, and templates for: Acorn, Fireworks, Flash, InDesign, GIMP, Inkscape, Illustrator, OmniGraffle, Photoshop, QuarkXPress, Visio, Exp Design. Repository at GitHub. Essence The 960 Grid System is an effort to streamline web development workflow by providing commonly used dimensions, based on a width of 960 pixels. There are two variants: 12 and 16 columns,
ウィンドウサイズを変えると コンテンツ（記事等）が再配置される 可変グリッドレイアウトに関する サンプルサイトやWPテーマ、 ライブラリなどの情報のまとめです。 詳しい方には参考にならないっぽいです。 いろいろ意見は分かれそうですが、知っておいて損は無いかなぁと思いますのでメモ。 可変グリッドレイアウトサイト 可変グリッドレイアウトを使用したサイトの例。 D&DEPARTMENT PROJECT ECサイト。綺麗にまとまってます。MT使用。 D&DEPARTMENT PROJECT daily vitamins 暇つぶしが出来るサイト？どういう趣旨か分かりませんが、可変グリッド。WPです。 daily vitamins 小林聡美.jp 小林聡美さんのサイト。凄く見やすいです。MT使用。 小林聡美.jp Marunouchi.com 丸の内の情報サイト。ハイクオリティです。写真をダイナミック
例えば、お問い合わせフォーム等の特定のページだけにSSLを効かせて、その他のページは非SSLに戻すということ。 ここでは、Apacheのmod_rewriteを使って、自動的に切り替える設定について書きます。 簡単に言うと、特定のページが非SSL（http:〜）でアクセスされたらアドレスを「https:〜」に書き換え、特定のページ以外の「****.html」(*1)がSSL（https:〜）でアクセスされたらアドレスを「http:〜」に書き換えるというルールを設定します。 以下の例は、「contact.html」だけをSSLに、その他のページを非SSLにする設定です。 （前半がSSLの指定、後半が非SSLの指定になります。） RewriteCond %{REQUEST_URI} .*/contact.html$ RewriteCond %{HTTPS} off RewriteRule ^(
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種類のレイアウトを見ることが
グリッドシステムとは、スイスのグラフィックデザイナー：josef muller blockmann（ヨゼフ・ミューラー・ブロックマン）が考案したデザインの手法です。 1981年に刊行した「Grid Systems in Graphic Design/Raster Systeme Fur Die Visuele Gestaltung」は、さまざまなレイアウトにグリッドシステムを用いて、繊細にデザインが行われています。 このグリッドシステムは、エディトリアル デザインで広く利用され、今日ウェブデザインにも多くの影響を与えています。 グリッドシステムの概要 グリッドシステムの機能 グリッドシステムをサイトに導入するメリット グリッドシステムに関する書籍 グリッドシステムの概要 グリッドシステムとは、縦横線の格子（グリッド）を下地として、そこに出来たブロックごとに図版や文字を配置し、デザインを行う
ページの幅・各領域の幅を決める まずは全体のページ幅を決定します。ページの幅が決まり、各領域を四角で区切って大体の領域分けを行います。デザインは無視して「各領域の幅」と「各領域の隙間」を正確に決定します。 ページのサイズ・幅について ページの幅に関しては、時代とともにパソコンのモニターサイズや解像度が大きくなる傾向もあり、 その時代に応じたページ幅を設定する事が必要になります。 2008年程度までは一般的なホームページで760pxというサイズが推奨されていました。 しかし、時代の変化とともに、最適なページ幅は変化していきます。 そこで、基準にしたいのは、大手サイトのページ幅です。 この原稿の執筆時では、検索エンジンYahoo!のページ幅は、950pxに設定されています。 これは、画像解像度1024×768(XGA)のモニターで、画面がはみ出ないで表示できる大きさです。 推奨するページ幅（2
いまからでも遅くない！ ケータイデザインの基礎固め：一撃デザインの種明かし（6）（1/2 ページ） 普段はPCサイトを作っているけど、ケータイサイトに興味が出始めた人向けの、初めてケータイのデザインハウツーです。日々変化するケータイデザインの基礎の基礎をご紹介 ケータイ機種のスペックが上がりデザイン表現の幅は広がっていますが、PCサイトに比べまだまだ容量やスタイル、キャリア対応などさまざまな制限があるのも確かです。 今回は、普段PCサイトを作っているけど、ケータイサイトに興味が出始めた人、初めてケータイのデザインに触れる人のための基礎固めとして、日々変化するケータイデザインの基礎の基礎をご紹介したいと思います。 誰でも最初は初心者だった！ ケータイデザインの基礎の基礎 ケータイの画面サイズを考える！ 一般的な画面サイズはQVGA（縦320px×横240px）ですが、最近ではQVGAワイド（
サーバー連携でお得に使える 人気ドメインとムームーサーバーを一緒にご契約いただくと、ドメインの取得費用や更新費用が永久無料に、サーバーは2ヶ月間無料でご利用いただけます。
type="image" （画像を使用した送信ボタンを作成） type属性の値に image を指定すると、画像を使用した送信ボタンを作成できます。 src="" （ボタンに使用する画像のURIを指定） ボタンに使用する画像を指定します。 name="" （部品の名前を指定） フォーム部品を識別するための名前を指定します。 この属性の値は、座標値とセットで送信されることになります。（座標については、以下の座標の送信をご覧ください。） alt="" （画像の代わりになるテキストを指定） 画像の代替テキストを指定します。詳しくは、画像の代わりになるテキストを指定するをご覧ください。 input要素のalt属性は任意となりますが、出来るだけ指定しておくようにしましょう。 align="" （画像に並ぶテキストの位置を指定） 画像に並ぶテキストの位置を指定します。また、画像をフロートさせることもで
個人的に、「ブラウザで印刷することを想定して、どの程度のサイズでサイトを設計しておけばいいのか？」という疑問があったので、ちょっと調べてみました。 １．A4に印刷する場合のピクセル数 一般的なA4印刷に対するpixel計算の考え方は、はてなに質問がありました。 http://q.hatena.ne.jp/1175654835 ■A4 の大きさは 297mm x 210 mm ですが、これをピクセル変換した値を教えてください 解像度によって異なりますが、 72dpiの場合 842px X 595px 150dpiの場合 1754px X1240px 300dpiの場合 3508px X 2480px 結局、ミリメートルやインチのような物理的な長さに対して、どれだけのピクセルを割り当てるかは表示デバイス（画面：ディスプレイ／紙：プリンタ）のDPI設定で決まるらしい。 という
こんにちわ。え、とこれは HTML側の設定ではなくて、Webサーバ側の設定で行います。 例えば上述の index.html の場合ですが、これは(大抵)ApacheというWebサーバを使っている場合に、URLのファイル名を省略すると自動的にこのファイル名を指定したことと同じ意味になります。 細かく説明すると、以下のような感じで... まずブラウザで、以下のURLを指定した場合 http://～.jp 通常URLの形式として、ホスト名(～jpまで)の後ろには、パス(Webサーバ上のファイル名など)を指定しなければなりませんので、本来はこのURLは何も結果を返せないことになります。 するとブラウザが勝手にURLの後ろに / をつけてくれます。 次のようなURLでアクセスしたことと同意義になります。 http://～.jp/ このリクエストをWebサーバが受けると、/ というファイル名(これはル
下記の2つのアドレスにアクセスすると、同じ内容のページが表示されます。 http://www.tohoho-web.com/ http://www.tohoho-web.com/index.htm これは、ファイル名（上記の場合は index.htm ）を省略した場合は、そのフォルダの中にある index.html や index.htm を探して、これを表示するという Web サーバーの機能によって実現されています。 index.html と index.htm どちらが優先されるかは、Web サーバーの設定によって異なります。index.html → index.htm の順番が多いとは思いますが、設定によっては、index.html しか探さない場合もあります。Microsoft の IIS の初期の設定では、index.html や index.htm ではなく、default.h
“www.example.com/“と”www.example.com/index.html“、人間のユーザーにとっては同じページでも、サーチエンジンにとっては、まったく別のページです。 （余談ですが、example.com,example.net,example.orgは、例を出すときに使用するために予約されたドメインです。例えのドメインを示すときには、これらを使いましょう） 異なるページ（＝異なるURL）ということは、被リンクもそれぞれ別のページへ向けられたものとして処理され、合算されるわけではありません。 たとえ、実際にはまったく同一のページへ張られていてもです。 SEO塾の石崎さんによれば、Yahoo!ではindex.htmlがある場合と、ない場合（スラッシュで終わる場合）では、インデックスに問題が生じるケースがあるとのことです。 Yahoo!検索でindex.html表示、スラッ
分業による効果 一般的なデザイン作業において、下記のようなデザイン作業の上流部分をごく限られた人数で行い、そこから先の展開部分を大人数で行う方法を取る場合が多いと思われます。 インタラクションの設計 ビジュアルの設計 主要要素のHTMLマークアップ・CSSコーディング設計 しかし、モジュールの概念を取り入れることにより、デザイン作業の上流部分から分業を行うことが可能になります。 作業者のスキルやサービスへのコミット具合によって、多少ぶれる場合もありますが、そこはサービスの全体的なルールや作業時の補助ツールによってコントロールを行うことが可能です。 そのため、モジュールの命名規則や運用ルールについては、あらかじめドキュメントを作成した上で、ある程度厳密に運用を行う必要があります。 コミュニケーションの効率化による効果 最初にインタラクションの設計時に命名したモジュール名や要素名を、ビジュアル
コラムこぼれ話 その４ アクア日記 ２ 2月の級審査！全員合格を目指して 岡崎剣友会ブログ ヒナ販売情報 20250111 アルバトロス からのお知らせ 大きなジャリジャリシュガーパン かご猫 Ｂｌｏｇ もっと見る 二木島沖 尾鷲 三善丸 最新釣果 「上司になりきって謝りまくる」謝罪代行サービス 現場では「複雑な気分」という声も（２０２５年１月１１日『AERA dot.』） gogotamu2024 海外「日本で韓国人が学生たちの頭をハンマーで殴る。8人負傷」 ガラパゴスジャパン - 海外の反応 「＜朝鮮芸術映画＞72時間」：「首相同志（金日成）」役は？ （2025年1月4日 「朝鮮中央TV」） 北朝鮮報道で書かれないこと (dprknow.jp) もっと見る パワーはすべてを解決する。 とろさんぽ in FINAL FANTASY XIV 2024年もありがとうございました。 とろさん
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
