全てのリンクは、別ウィンドウ(タブ)で開きます
cssハック&html
- CSSハック一覧 – IE, Firefox, Safariなどなど | Webクリエイターボックス
- CSSハック一覧 -よく使うものをメモ- 【IE6、IE7、IE8、IE9、Firefox、Safari、chrome、Opera】 | MD.WEBLOG
- CSSハックを使わずIE6、IE7、IE8を条件付きコメントでバグに対処! | MD.WEBLOG
- 【保存版】IEのバージョンを判別し、バージョンごとにスタイルを適用する3つの方法 | DX.univ
- 自動的に特定のページにジャンプさせる -HTMLタグ辞典-
- ファビコン作成
- IE6対策PNG透過表示最強スクリプト|DD_belatedPNG.js
- (CSS)IE6でよく遭遇する6つのバグとその解決方法
レスポンシブ&Media Queries
- 講義用PDF
- レスポンシブWebデザイン、ブレークポイントの考え方とピクセル密度の問題
- Androidデバイスのディスプレイサイズ、DPI一覧
- スマートフォンと画面解像度・ピクセル密度
- IE8以下でレスポンシブWebデザインを実現するRespond.js
- レシポンシブデザイン IE6,7,8でcss3-mediaqueries.jsが効かない対処
- レスポンシブWebデザインのサイトを作るときのMedia Queriesの順番を考えてみた
- CSS3 Media Queries を使って、Webサイトをスマートフォンに対応させるときの注意書き
- デバイスに合わせてCSSを振り分ける「Media Queries」
- レスポンシブWebデザインでよく使うpx→remのサイズ表
- ゼロから始めるレスポンシブWebデザイン入門
- これがスマートフォン向けサイトを作るときの viewport 設定3パターンだ
HTML5とCSS3
- HTML5 & CSS3 Support
HTML5 & CSS3 各ブラウザ毎の対応表 - サンプル:講義1 transitionとか(chromeで見る)
- サンプル:講義2 animationとか(chromeで見る)
- サンプル:講義2-b animationお題(chromeで見る)
- サンプル: HTML5とCSS3でStar Wars風に(音が出ます)
一番最初は音ズレがおきるので、再読み込みを2〜3回してみて下さい - はじめてHTML5でコーディングする時に注意したいアウトラインとかいろいろ
- 参考サイト:CSS3 線形グラデーション
- 参考サイト:CSS3 円形グラデーション
- CSS3 グラデーション応用
- RAIZIN Coolの冷気表現を解説する(HTML5 Canvasを利用した簡易的な冷気の演出)
- RAIZIN Coolの冷気表現を解説するサンプル
- 【2013年注目必至!なCSS仕様】CSSフィルタ、これはすごい!(デモ付き)
- HTML5&CSS3入門 第4回 @font-face(ウェブフォント)の利用
- 今こそ未来!CSS3のFlexboxを基本から理解して、使い倒そう!
PHP
php.iniを使用しない方法(直接PHPに記述)
- 教科書:65ページ(文字化けする場合)下記のどちらかを記述
ini_set(‘mbstring.internal_encoding’, ‘UTF-8’);
mb_internal_encoding(“UTF-8”); - 教科書:72ページ(タイムゾーンの設定)
date_default_timezone_set(‘Asia/Tokyo’); - 教科書:96ページ(無限ループ/最大実行時間設定)
ini_set(“max_execution_time”,2);
PHP参考サイト
シズル感
デザインの話
文字の話
Illustrator
Photoshop
- Photoshop 初期設定のショートカットキー
- 初心者さんのためのツールパネルとかいろいろ
- CS5以降の新機能「境界線を調整」で髪の毛の細部まで切り抜き
- Webデザインの1pxを作るためのPhotoshopのレイヤースタイルいろいろ
- クリックひとつで完成するPhotoshopレイヤースタイル30個まとめ
- スマートオブジェクトの基本操作
- 知らなきゃ損するPhotoshopテクニック | 〜「スマートオブジェクト」について〜
- Photoshopで人物の髪の毛を切り抜く
- Photoshopのチャンネル演算を使った髪の毛細部の切り抜き
- 女性誌デザイナーの技術を盗め!40秒で髪の毛を切り抜くPhotoshopの神ワザ
- PhotoshopでWebサイトのデザインをしよう
javascript
jQuery
- はじめてのjQuery説明サイト
- jQuery 公式サイト(本体をダウンロードする所)
- jQuery日本語リファレンス
- jQuery 2.xと1.x バージョンの違いについてバージョン2.xは、IE6〜8に対応しない
- jQuery 1.9の変更点 1.8以下との違い
- jQuery入門道場