2013-11-01から1ヶ月間の記事一覧
サイト IT営業・技術コンサル
ブログ・HTML5の勉強「Dynamic Grid Layout」 Dynamic Grid Layoutとは コンテンツがブラウザ幅に応じて自動的に整列する機能。jQuery。 動かしながら見ることはあるかな? jQuery Masonryのファイルについて jQuery Masonryのjsファイルは、サイトの[Downlo…
継続しているブログにパーマネントリンクを貼る。 CSSを切り替えて読み込んだとき、ページ内リンクの#の位置はうまく反映されない。index.html/#以降は読み込まない。
タイ国政府観光庁
ブログ・HTML5の勉強「1カラム」 ノーマライズCSSとは デフォルトスタイルシートのブラウザ間の誤差をなくして補正(ノーマライズ)する、とのこと。 リセットCSSが適切に設定できれば、使わなくてもいいかな? サンプル ノーマライズCSSファイルはこちらか…
8 プログレスバー HTML <html lang="ja"> <head> <title>Bootstrap 101 Template</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link href="css/bootstrap.min.css" rel="stylesheet"> </link></meta></meta></head></html>
株式会社 ZEAL.G·P 事業内容:トラック、バス、重機などの商用車専門の買取り及び輸出、販売 業務内容:コーディング PHPとWordPressができるとよし。
BootStrap Download Bootstrapからダウンロード Getting started→Basic templateのソースを新規HTMLファイルに貼り付け ドットインストール→Bootstrap 3.0入門 (全18回) Twitter Bootstrapとは Webデザインのテンプレートのようなもの。 具体的には、HTMLの…
求人サイト 放送・映像・広告・ゲーム・Web・エンタメ:マスコミ求人.com 映像・広告・Web・ゲーム:マスコミ求人ダイレクト 未経験→正社員の案件は少ない。
スマートフォンサイトをデザインするのも、いろいろなサイトを見ることから。 iPhone Design BoxスマートフォンとPCの切り替え機能をつける。 ホームアイコンをつける。 矩形ナビゲーションレイアウト ブログ・Web初心者の勉強「矩形ナビゲーションレイアウ…
ほくろ除去 パッチツールを使う。 やり方はこちら。 目の拡大 ゆがみフィルタを使う。 やり方はこちら。 眉毛 焼きこみツール 切り取り 被写体と周りがはっきり分かれていれば、自動選択ぼかし20でまわりクリック。細かい点が残ったらshift+長方形で囲う。 …
作例5 テキストP.100 トランジションの練習 <a href="#">ボタン</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…
ブログ・ Webデザイン初心者の勉強「jQueryMobileとは」 jqueryMobile日本語リファレンス ASCII.jp WEB PROFESSINAL 西畑一馬のjQuery Mobileデザイン入門 らくらく!jQueryMobileであなたもカンタン・スマホサイト制作 jQueryMobileは、スマートフォン用に…
.htaccessでの振り分け 「○○/index.html」にスマートフォンでアクセスした時に、スマートフォン用サイト「○○/sp/index.html」に移動させる。 .htaccessファイルの作成 Dreamweaverやメモ帳などなんでもいいのでテキストで作成。 <IfModule mod_rewrite.c> RewriteEngine On RewriteCo</ifmodule>…
今回は求人ではなく、IT系中小企業への就職斡旋サービスの案内。 登録案内と個別面談。 プログラマー(Web系、システム系、ネットワーク系)求人が多数。
ポートフォリオサイトはレスポンシブで作りましょう。 レスポンシブでないものは検索評価が落ちる傾向。 PC(win)でモバイルチェックするにはMobilizer。 子孫セレクタを使おう スマートフォン用のリセットCSS 作例1 テキストp53 HTML head viewportの設定…
ブログ・PHPの勉強「商品管理(3)画像を追加」 画像は、データベースに画像名、サーバーに画像本体を保存する。 データベースに画像名を保存するカラムを作成する。 サイト内に画像本体を保存するフォルダを作成する。 商品追加画面 <html lang="ja"> <head> <meta charset="utf-8"> <title>商品管理</title> <link rel="stylesheet" href="style.css"> </head> <body> <div id="container"> <h1>商品</h1></div></body></html>…
ブログ・PHPの勉強「ログイン」 ログイン <html lang="ja"> <head> <meta charset="utf-8"> <title>ログイン</title> <link rel="stylesheet" href="style.css"> </head> <body> <div id="container"> <h1>スタッフ・ログイン</h1> <form action="02_check.php" method="post"> <p>スタッフコード</p> <p></p></form></div></body></html>
ブログ・Webデザイン初心者の勉強「サンプルE」 <html lang="ja"> <head> <meta charset="UTF-8"> <title>jQueryの練習</title> <link rel="stylesheet" href="style.css"> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script></script>
アイデア収集用。プロのみでなく他校のものもあり。
11月中にアイデアを決める。 スキルアップを時系列で表現。
西畑一馬のjQuery Mobileデザイン入門 jQuery Mobile日本語リファレンス jQuery mobileを使うことで、簡単にサイトのレイアウトができる。 ボタンなどのグラデーションを設定してくれる。 data-roleでひとつのサイトの中で複数のサイトレイアウトが組める。
情報の配置 人の視線はZの字。角に重要な情報を置く。 視線が通過しやすい場所に情報を置く場合は、大きくするなどして目立たせる。 写真のふち 角版:伝えたい情報。商品など。 切り抜き:カジュアルな印象を与える。漫画っぽい。若者向き。→投票率をあげ…
ブログ・HTML5の勉強「可変+固定レイアウトパターン:構造」
商品と価格を入力し、データベースに格納。 入力チェックし、エラーがあれば入力画面に戻るよう誘導する。 データベースに接続できないときは、エラーメッセージを表示。 データ一覧でデータベースから引っぱってきて表示し、選択用のラジオボタンをつけてお…
数字を使うと伝わりやすい。 制作時間も書く。 紙バージョンも必要。
ブログ・Webデザイン初心者の勉強「GoogleMap API(2)」 習作 移動時間をscriptの中のtravelModeでDRIVINGかWALKINGか設定できる。 RUNNINGがなかったので、これを非表示にするために行をむりやりつぶしている。
これから作成するサイトに縦スクロールのjQueryを必ず使おう。 いろいろあるけどto-Rで紹介しているsmooth scrollが動きがいい。 http://blog.webcreativepark.net/2012/09/06-152317.html
ブログ・PHPの勉強「COOKIE:解答例」 クッキー setcookie('名前',値,保存期間); サイト表示のたびに変数に1ずつ足してsetcookieに入れることでサイト訪問回数を数えることができる。 エラー input.phpのフォームでクッキー保存のチェックボックスをチェック…
修正内容 COOKIEに入る前に、以前の課題で作成したフォームを授業ブログのソースを元に修正。 修正箇所は、1)nl2brを入れる。2)htmlspecialcharsをprintのすぐ前で使う。3)メールをユーザーとクライアントに届くようにする。 問題点(query('SET NAMES…