[B! html] takahiro6503のブックマーク

impress.jsでド派手なスライドをつくろうぜ！

“HTML5アプリ作ろうぜ！”連載がスタートしました！デジタルハリウッドの現役アプリクリクリエイター専攻講師が、最近はやりの「HTML5・JavaScriptライブラリ・CSS3・API」の紹介、またそれらを組み合わせた「sampleアプリケーションの紹介と解説」を厳選し執筆していきます。最近、セミナーでこの「impress.js」を利用する機会が多いのですが、その際に参加者から評判が良いので、まずはこれを紹介します。 impress.jsとは？ CSS3を活用したオープンソース（ライセンスMIT）のプレゼンテーションJavaScriptライブラリです。対象ブラウザ Safariブラウザが現状では最もスムーズに動作します。一応、Chromeも推奨ブラウザです。特徴【1】ド派手なスライド動作最大の特徴は派手でイケイケなスライド。始めてみた人は必ず見入ること間違いありません。シンプ

takahiro6503 2013/10/16

リンク

[CSS]スマフォでも印刷してもレイアウトが紙のように美しいフォームを実装できる -Grid forms

デスクトップでの表示はもちろん、スマフォやタブレットでも、そして印刷してもかっこいいレイアウトのフォームを実装できるスタイルシートのフレームワークを紹介します。将来的にはスクリプトを使って、機能を強化していくようですよ。 Grid Forms Grid Formsのデモ Grid Formsの使い方 Grid Formsのデモ本格的なデモの前に、まずは簡単なデモから。デモはChrome, Safari, Firefoxなどのモダンブラウザ、スマフォ・タブレットのブラウザでご覧ください。IEは9+で、IE8以下はレスポンシブ非対応ですが別スクリプトを併用することで対応可です。 Grid Formsはその名の通りグリッドをベースにしたフォームで、紙のようなレイアウトの美しいフォームを簡単に実装できます。デモページでは、フォームのさまざまな要素が美しいグリッドできっちりレイアウトされてい

takahiro6503 2013/10/09

リンク

Welcome! > 30 Days to Learn HTML & CSS

Even if your goal is not to become a web designer, learning HTML and CSS can be an amazing tool to have in your skill-set – both in the workplace, and at home. If this has been on your to-do list for some time, why don’t you take thirty days and join me? Give me around ten minutes every day, and I’ll teach you the essentials of HTML and CSS. And don’t worry… we start at the beginning!