簡単にリボンやボタンを作る！ CSSジェネレーター「Live Tools」を使ってみよう！ - Webデザイン初心者向けのあれこれ
もうすっかりCSS3も浸透したようですね。 スマホのアプリなんかを見ていても、「おっ、ここはCSS3使ってるな」なんていうデザインをよく見かけたりします。 画像を使わなくてもそれなりに豪華な見栄えを作る事が出来るので重宝しているのですが、グラデーションやら、リボンやら、あれって自分で一から書こうとすると結構面倒くさいですよね。 そこで、今日は簡単にリボンやボタンが作成できるCSSジェネレーターの「Live Tools」を紹介します。 トップページはこんな感じ。 ここから、自分が作りたいものを選んでクリックします。 試しに一番右端のリボンをクリックすると…。 こんな画面が出てくるかと思います。 このページが作業画面ですね。 この時点で、やっぱり別のを作りたい！という場合は、右上の「Change Tool」というボタンを押すだけで切り替えられるみたいですね。 さて、この画面をスクロールしていく
HTML5やcss3を使う際に見てるリファレンス的なサイトとか、使い勝手の良いツールとか - かちびと.net
あまりに情報量が多くて混乱してきたので 自分用にまとめ。リファレンスとか、ちゃんと 実践で使えるツールを自分なりに厳選して まとめておきます。どうも、あっちこっちで あれが便利とかこれが便利だとか言われる と訳が分からなくなるのでそろそろ絞らない とですね。 というわけでお遊びではなく実践に役立ってる基本的なリファレンスとか助けてくれるツールのメモなので目新しいものはありません。完全に自分用のまとめです。個人的には基礎用のサイトと、実践向けのツールやライブラリだけあればいいという感じです。 尚、css3/html5に関する情報だけを求めている&特に情報取得に急いでないならdotHTML5というサイト1つで事足りるかと思います。 ※W3Cは割愛でいいですよね チートシートとかリファレンスだけで基本的にはいい感じですかね・・ HTML5 タグリファレンス マークアップもままならないほど慣れてな
デザイナは要注目！ 明日から語れるHTML5＆CSS3（1/4）- ＠IT
デザイナは要注目！ 明日から語れるHTML5＆CSS3：一撃デザインの種明かし（13）（1/4 ページ） ※本稿では特に断りがない場合、Firefox、Google Chrome、Opera、Safariは2010年7月時点の最新バージョン、IEはInternet Explorer 6/7/8の総称です。 いま世界で一番熱い「HTML5」「CSS3」とは？ 最近、「HTML5」「CSS3」といった言葉をよく耳にしませんか？ これらはWebの表現をもっと豊かにするために策定中の言語です。いままでのHTML 4.01やXHTMLでは実現できなかったことができるようになったり、CSS3はCSS 2.1よりさらにグラフィカルな部分まで表現できるようになりました。 FirefoxやOpera、Safari、ChromeといったHTML5＋CSS3に対応するWebブラウザが増えてきたことで、HTML5
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
liffect - effect for lists
