「HTML5カルタ」で覚えるHTML5の108つのタグ

天下一Web道会でも紹介されている、マウスオーバーで画像が回転するテクニックを実際に使ったサイトです。


HTML5のタグを書いたカルタの商品紹介サイトです。
回転してウラを見せるのは、カルタにはうってつけかもしれませんね。
ただし、このサイトはchromeとsafariでは回転しますがfirefoxはしません。
LIGの記事でもカルタをやった様子（主に罰ゲーム）が書かれています。
ちなみにHTMLソースをみるとアスキーアート。

Web制作者や、Web業界新入社員のためのベストエントリ48個 2013総まとめ（ホームページを作る人のネタ帳）

• デザイン
• SEO・SEM
• 素材系
• インスピレーション
• サービス・ツール
• HTML/CSS
• WordPress
• アフィリエイトとか、稼ぎ系
• Analytics
• その他

おすすめは、その他の「Bカップだった私が約3年かけてDカップになった話。」

本

本当はこんな歌

Sublime Text 3をインストール

新しいことでも、ということでテキストエディタのSublime Text 3をインストール。
http://www.sublimetext.com/3
macなのでこのブログの解説を見ながら。
http://gadget-drawer.net/2013/12/mac-sublime-text-3-japanese/

使い方はドットインストールで。
http://dotinstall.com/lessons/basic_sublimetext

修了式

１月のハローワーク来所日が勤務日で行けない場合は、年明けの1/6の早い時間にハローワークへ連絡する。

PhotoShop（バッジ処理、Photomergeなどなど）

バッジ処理

キャプチャーした複数の画像を同じ操作でサイズ変更して保存
もとファイル用と新しいファイル用にそれぞれフォルダを作成
処理内容の登録 [アクション]　登録用のフォルダを作っておく　新規アクション　（ボタン）
[ファイル]→[自動処理]→[バッジ]
（マック　オートメーター）

Photomerge

写真合成。分けて撮った写真を１枚にできる。
ビルボードなど横長の画像を作るのに重宝。
ずれや光の調整もしてくれる

２色刷り

ダブルトーンオプション

逆光を解消

シャドウ・ハイライト

ファビコン

解像度変更するとき、[画像の再サンプル]を[二アレストネイバー法]にするとくっきり。

プレゼンテーション

レスポンシブをメディアクエリで対応させるとき、可変ではなく各ブレイクポイントで固定値を指定してしまうのも手。可変でないといけない理由はないわりに作業工程が多い。それなら別のところに力を注ぐべき。