fc2ブログ

雲の通い路

日々仕事の中のメモ書き

Articles

コーディング関連

http://liginc.co.jp/web/html-css/154087初心者向け練習サイト

http://liginc.co.jp/web/design/material/166392スマホ素材

http://liginc.co.jp/designer/archives/6523背景素材集
スポンサーサイト



サイドバーの一括更新

DreamWeaverで、サイドメニューを一括更新する方法 (ライブラリ機能)
設置マニュアル

画像リンクの初歩
リンクマニュアル

RWD

レスポンシブwebデザインとは=1ファイル=すべての端末に対応
HTMLはそのままでCSSを大きさで切り替える。

PC タブレット SP
    ↓
   サーバー
    
〜767px用css
768〜1023px用css
1029px〜用css
RWD.JP

ーーーーー
フルードイメージ(Fluid Image)
画像のサイズをブラウザーのウィンドウ幅にあわせる方法です。

ウィンドウ幅より大きい画像を、幅に応じて縦横比を保持したまま拡大・縮小。

PC用
**

img{ max-width : 100%}

メディアクエリ(Media Queries)
デバイスの解像度、画面の幅と向き合う条件にあわせて
別々のCSSを適用する技術

・リキッド・レイアウト
従来からある「可変レイアウト」。PCブラウザのみ対応。
ブラウザのウィンドウ幅に合わせてページ幅が変わる。

・レスポンシブ・ウェブデザイン
『デバイスも含めた』様々な閲覧環境に応じて、
その環境に合わせたレイアウト構造に柔軟に切り替える。

レスポンシブWebデザインをIEに対応させる為の2つの方法:


● Respond.jsを埋め込む
 
https://github.com/scottjehl/Respond


● Googleさんのcss3-mediaqueries.jsを埋め込む
 
http://code.google.com/p/css3-mediaqueries-js/


webアプリ開発

名古屋港水族館mpHTML5をつかったwebアプリの制作
・名古屋港水族館をもっと楽しむため

水族館を楽しむとは
誰が使うか
顧客層、操作のしやすさ重視かデザイン重視か
もっとたのしむためとはどういういことか


中学生からわかるiPhoneアプリ開発入門。第1回 。

Dreamweaver CS5.5でスマホアプリ作ってみた

NEVERまとめ

一応倒せた。

リアルタイムでHPの修繕終わりました。
ポートフォリオのサムネイルが半角下がる謎の減少にさいなまれておりましたが
タグを全部打ち直したら解消されました…何か余計な物でも入っていたのだろうか。

そしてTOPに今回「DualSlider」を実装しました。
jQueryプラグインをこちらを参考にしつつcssと素材をいじり何とか配置しました。

少しは見られる体裁になっていると思われます。

やはjsとcssをいじるにはある程度構成を理解していないとすごく苦労すると実感しました。
そしてスペルミスとタグ忘れ、閉じ忘れが多い、おおい(w3cに何度お世話になったことか

正常動作を確認したのでメールのPHPもきちんと稼働できます。

こんなところでしょう
それではいったんおやすみなさい

Paging Navigation

Navigations, etc.

About This Website

/