2013-01-01から1年間の記事一覧
このブログを利用して制作物の整理 http://d.hatena.ne.jp/webtm2013/archive/201201
課題:ページ内リンクを使わずにスクロールしたときに、対応するナビゲーションの項目をアクティブにする方法を確認。 解決策 が雑誌に書いてあったのでメモ。 $(function(){ var set = 100; //画面の上端からどのくらいの距離に到達したら切り替わるかの数…
課題:ページ内リンクを使わずにスクロールしたときに、対応するナビゲーションの項目をアクティブにする方法を確認。
昨日のつづき。PHP、WordPress、ポートフォリオ等の3択。 職務経歴書は3枚でも4枚でもいい。がっつり書く。
作業内容 制作サイトのサムネイル表示エリアの設定 メディアクエリのブレイクポイント設定 デバイスごとのナビゲーションの表示調整 jQueryの縦スクロールの位置を、スマートフォンとタブレット・PCで変えるようにscriptを追加
ブログ・風姿花伝「ダウンロードとインストール」〜
ブログ・PHPの勉強「まとめ(1)ログイン画面を作る」〜
PHP WordPress ポートフォリオ から各自のペースで進める。
サイト 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でひとつのサイトの中で複数のサイトレイアウトが組める。