-webkit-transform: perspective120px rotateY180deg rotateX180deg 引用元: [CSS3] 心地よいCSS3アニメーションを実装する – Yohei… 続きを読む [CSS3] 心地よいCSS3アニメーションを実装する – YoheiM .NET
タグ: コーディング
これがスマートフォン向けサイトを作るときの viewport 設定3パターンだ – てっく煮ブログ
スマホを視野に入れたコーディングの場合は、下記の参考サイトに書いてある、viewport設定(metaタグ)と、cssの記述をしましょう(HTML5 & CSS3) 参考サイトだと、initial-scale=1… 続きを読む これがスマートフォン向けサイトを作るときの viewport 設定3パターンだ – てっく煮ブログ
レスポンシブコーディング、iPhoneで謎の隙間
iPhone5までの横幅320px表示だと、右側に謎の隙間が出る場合があります。 その場合は、囲っているタグに対して、overflow:hiddenをかけると直ります。 多分、paddingとかが影響している可能性が高い… 続きを読む レスポンシブコーディング、iPhoneで謎の隙間
10月17日(金)講義内容-フレキシブルボックス(CSS3) –
フレキシブルボックスを使用すれば、floatを使用せずに横並びにできます。 今まで難しかった、ブロック内での子要素の「上下左右の中央揃え」「下揃え」「均等揃え」などが安易にできるようになります。 まだ正式な物ではないので… 続きを読む 10月17日(金)講義内容-フレキシブルボックス(CSS3) –
ポートフォリオサイト
ポートフォリオとは 紙挟み、書類かばん、作品集、品揃え、資産構成、などの意味を持つ英単語。原義は大判の紙挟みのことで、画家などが自分の過去の作品を挟んで作品集として使っていたことから、現在では様々な分野で「自らの持つ様々… 続きを読む ポートフォリオサイト
Skitterで迫力ある効果のスライドショーを作る方法 [ホームページ作成] All About
Skitterで迫力ある効果のスライドショーを作る方法 [ホームページ作成] All About skitterオプション 使うときは、コメントを外して、使用する。 Skitterのバージョンが古いときのオプションも書い… 続きを読む Skitterで迫力ある効果のスライドショーを作る方法 [ホームページ作成] All About
無料のテキストエディタ「Adobe Brackets」
日本語アドレスをaタグに使用する場合の注意
ウィキペディア・ブログなどでは、アドレスに日本語が入っている場合があります。 HTML文書が UTF-8 または UTF-16 でエンコードされている場合はそのまま記述出来ますが、そうでない場合は、 aタグの、href=… 続きを読む 日本語アドレスをaタグに使用する場合の注意
有名サイトが使っている「id名」「class名」
全体を囲う要素に使えそうな名前 wrapper wrap page container all body box layout 上部の要素に使えそうな名前 header head top sitemast pagetop… 続きを読む 有名サイトが使っている「id名」「class名」
便利そうなエディタ「Sublime Text 3」
HTMLとかCSSの補助もしてくれます。 ■Sublime Text 3ダウンロードサイト http://www.sublimetext.com/3 ■Win版を日本化 『初心者向け』 Sub… 続きを読む 便利そうなエディタ「Sublime Text 3」