メモ

番外編

継続しているブログにパーマネントリンクを貼る。 CSSを切り替えて読み込んだとき、ページ内リンクの#の位置はうまく反映されない。index.html/#以降は読み込まない。

2013-11-28

レスポンシブWebサイト制作の目標地点

レスポンシブ

タイ国政府観光庁

2013-11-28

ノーマライズCSS

HTML

ブログ・HTML5の勉強「１カラム」ノーマライズCSSとはデフォルトスタイルシートのブラウザ間の誤差をなくして補正（ノーマライズ）する、とのこと。リセットCSSが適切に設定できれば、使わなくてもいいかな？サンプルノーマライズCSSファイルはこちらか…

2013-11-28

習熟度確認テスト（5）

確認テスト

HTML5の説明で正しいものはどれか 1. これまでのHTMLを大幅に改定したHTML第5改訂版 2. HTMLやXHTMLの文書作成機能を改良し、より構造化しやすいタグが利用できる 3. 次世代のWeb環境に合うように仕様を作成 4. W3C(World Wide Web Consortium）の管理下で仕…

2013-11-27

スマートフォンサイト制作

スマートフォンサイト

ブログ・Webデザイン初心者の勉強 SP・JQMのカテゴリーの記事で各自作業。スマートフォンサイトにGoogle Mapを実装しようレスポンシブで重くないイメージスライダー bxSlider スマートフォンサイトのCSS 指定された要素内のブロック要素を、高さを揃えて横…

2013-11-26

Twitter Bootstrap02

HTML 田中先生

8 プログレスバー HTML <htmllang="ja"> <head> <title>Bootstrap 101 Template</title> <metacharset="utf-8"> <metaname="viewport"content="width=device-width, initial-scale=1.0"> <linkhref="css/bootstrap.min.css"rel="stylesheet"> </linkhref="css/bootstrap.min.css"rel="stylesheet"></metaname="viewport"content="width=device-width,></metacharset="utf-8"></head></htmllang="ja">

2013-11-25

求人案内

企業田中先生

株式会社 ZEAL.G·P 事業内容：トラック、バス、重機などの商用車専門の買取り及び輸出、販売業務内容：コーディング PHPとWordPressができるとよし。

2013-11-25

Twitter Bootstrap

HTML 田中先生

BootStrap Download Bootstrapからダウンロード Getting started→Basic templateのソースを新規HTMLファイルに貼り付けドットインストール→Bootstrap 3.0入門 (全18回) Twitter Bootstrapとは Webデザインのテンプレートのようなもの。具体的には、HTMLの…

2013-11-22

シグマコミュニケーションズ（マスコミ・エンタメ業界の就職斡旋）

企業

求人サイト放送・映像・広告・ゲーム・Web・エンタメ：マスコミ求人.com 映像・広告・Web・ゲーム：マスコミ求人ダイレクト未経験→正社員の案件は少ない。

2013-11-22

スマートフォンサイト制作

スマートフォンサイト

スマートフォンサイトをデザインするのも、いろいろなサイトを見ることから。 iPhone Design Box スマートフォンとPCの切り替え機能をつける。ホームアイコンをつける。矩形ナビゲーションレイアウトブログ・Web初心者の勉強「矩形ナビゲーションレイアウ…

2013-11-21

PhotoShop（顔写真補正）

PhotoShop 田中先生

ほくろ除去パッチツールを使う。やり方はこちら。目の拡大ゆがみフィルタを使う。やり方はこちら。眉毛焼きこみツール切り取り被写体と周りがはっきり分かれていれば、自動選択ぼかし20でまわりクリック。細かい点が残ったらshift+長方形で囲う。 …

2013-11-21

魅せる！iPhoneサイト

スマートフォンサイト田中先生

作例5 テキストP.100 トランジションの練習 <ahref="#">ボタン</a> a{ display:block; color:#fff; width:100px; padding:10px; text-align:center; background:blue; text-decoration:none; transition-property:background,width; transition-duration:1s; transition-tim…

2013-11-20

jQuery Mobile

スマートフォンサイト

ブログ・ Webデザイン初心者の勉強「jQueryMobileとは」 jqueryMobile日本語リファレンス ASCII.jp WEB PROFESSINAL 西畑一馬のjQuery Mobileデザイン入門らくらく！jQueryMobileであなたもカンタン・スマホサイト制作 jQueryMobileは、スマートフォン用に…

2013-11-19

魅せる！iPhoneサイト

スマートフォンサイト田中先生

.htaccessでの振り分け「○○/index.html」にスマートフォンでアクセスした時に、スマートフォン用サイト「○○/sp/index.html」に移動させる。 .htaccessファイルの作成 Dreamweaverやメモ帳などなんでもいいのでテキストで作成。 <IfModule mod_rewrite.c> RewriteEngine On RewriteCo</ifmodule>…

2013-11-18

株式会社システムリンク

企業

今回は求人ではなく、IT系中小企業への就職斡旋サービスの案内。登録案内と個別面談。プログラマー（Web系、システム系、ネットワーク系）求人が多数。

2013-11-18

レスポンシブ（魅せる！iphoneサイト）

レスポンシブ田中先生

ポートフォリオサイトはレスポンシブで作りましょう。レスポンシブでないものは検索評価が落ちる傾向。 PC（win）でモバイルチェックするにはMobilizer。子孫セレクタを使おうスマートフォン用のリセットCSS 作例１テキストp53 HTML head viewportの設定…

2013-11-15

PHP32（画像をデータベースに保存）

PHP

ブログ・PHPの勉強「商品管理（3）画像を追加」画像は、データベースに画像名、サーバーに画像本体を保存する。データベースに画像名を保存するカラムを作成する。サイト内に画像本体を保存するフォルダを作成する。商品追加画面 <htmllang="ja"> <head> <metacharset="utf-8"> <title>商品管理</title> <linkrel="stylesheet"href="style.css"> </head> <body> <divid="container"> <h1>商品</h1></divid="container"></body></htmllang="ja">…

2013-11-15

PHP31（ログイン）

PHP

ブログ・PHPの勉強「ログイン」ログイン <htmllang="ja"> <head> <metacharset="utf-8"> <title>ログイン</title> <linkrel="stylesheet"href="style.css"> </head> <body> <divid="container"> <h1>スタッフ・ログイン</h1> <formaction="02_check.php"method="post"> <p>スタッフコード</p> <p></p></formaction="02_check.php"method="post"></divid="container"></body></htmllang="ja">

2013-11-15

HTML08（レイアウトサンプル）

HTML

ブログ・Webデザイン初心者の勉強「サンプルE」 <htmllang="ja"> <head> <metacharset="UTF-8"> <title>jQueryの練習</title> <linkrel="stylesheet"href="style.css"> <scripttype="text/javascript"src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script></script>

2013-11-15