Web

レスポンシブデザイン memo

Web

レスポンシブデザイン CSS https://webdesignerwork.jp/web/responsivewebdesign/モバイルフレンドリーな画像サイズ googleアドセンスが300*250画像の伸縮設定 img{ max-width: 100%; height: auto; width /***/:auto; }

クリッカブルマップをスマホでも使えるようにしたい

普通にクリッカブルマップを作成する jQuery RWD Image MapsからJSファイルをDL コードを記入 <script type="text/javascript" src="jquery-1.11.0.min.js"></script> <script type="text/javascript" src="jquery.rwdImageMaps.js"></script> <script> $(function(){ $('img[usemap]').rwdImageMaps(); }); </script>※function()が2個になるなど複数記入したい場合は以下で

円グラフを作る

http://www.tschoolbank.com/excel/graph/pie-chart-basic/ エクセルで作って、画像ソフトに貼り付けて保存。

レスポンシブウェブデザインのためのMedia Queries

all aboutの記事がよかったのでメモ。 Media Queriesで、画面サイズ別にCSSを切り替える方法 http://touch.allabout.co.jp/gm/gc/396404/3/#レスポンシブWEBデザインの背景にbackground-size。 background-size: cover; http://wp-and.me/background-size/久…

htaccess

Web

apacheのRewrite機能で同一ドメイン内のリダイレクトしたい | OKWave

ツールチップ

Create a jQuery Popup Bubble 損 Digital Visions Queenstown

TEXTAREA や INPUT の初期値をクリックで消す

TEXTAREA や INPUT の初期値をクリックで消す - GAM-22のメモ

swf、flv(Flash)などのHTML埋め込みタグをカンタンに発行できる「FreeVideoCoding」 - WEBマーケティング ブログ

クールに表示を切り替えられるCSSとjQueryサンプル:phpspot開発日誌 わずか2.5KBでテーブルにソート機能を提供する「TinyTable」:phpspot開発日誌

セキュリティ

Web

主要ブラウザすべてに影響する「クリックジャッキング」攻撃とは これはひどい。どんなものかわかりやすいやつ→http://hamachiya.com/junk/cj.html 対応策抜粋 4.1 Webサーバに記述する Webサーバの設定ファイルを書き換えることでヘッダーを追加する方法 ■A…

テキストに意味を持たせるXHTMLタグの正しいマークアップ(1/20) - @IT

そろそろcssをくまないといけないので

我的春秋: 論理構造を文脈に読み換えながら class 名を考える http://my-chunqiu.cocolog-nifty.com/blog/2007/05/class_67a6.htmlもう、class名やid名で悩まないんだからっ!!|CSS HappyLife http://css-happylife.com/log/memo/000100.shtml

ウノウラボ Unoh Labs: 色選びのコツ http://labs.unoh.net/2007/05/post_87.html Adobeが運営しているKulerというサービスがありまして、ここでは「色の組み合わせ」を世界中の色々な人が公開して、評価しあっています。 http://kuler.adobe.com/# CSSだけ…

Collection: Design Patterns

Web

http://www.flickr.com/photos/factoryjoe/collections/72157600001823120/ Complete Color Matching Guide | E Logo Design http://www.elogodesign.com/color-matching-guide/#meaning

CSSのMedia属性 @import url("style.css") screen; all - すべてのメディア aural - 音声による出力 braille - 点字ディスプレイ embossed - 点字プリンタ handheld - 携帯端末 print - プリンタ projection -プロジェクタ screen - 一般のパソコンのディス…

mixi

Web

mixiゲートウェイ関連メモ。 設置してくれてるところ。 【非公式】モバイルmixi http://mixi.10u.org/ mixiGateway for mobile http://mixi.memn0ck.com/ mixi Today - unofficial(mixiの更新情報を1ページにまとめて表示してくれるCGI) http://digit.que.…