CSS3 を活用したボタン等の作り方 - WebOS Goodies
先週の Icon Creator Widget に続いて、本日も Opera の開発者向けサイトからのネタをひとつ。公開されたのは先月末なのですが、 CSS3 の text-shadow, box-shadow, border-radius などを活用して美しいボタンやボックスを作成する方法の解説記事が掲載されていました。今後の Web 制作でとても役立つテクニックだと思うので、その内容を簡単にご紹介します。 なお、この記事は CSS3 を使用しているため、ブラウザによっては正しく表示されません。たぶん Firefox, Google Chrome, Opera の最新版であれば大丈夫かと思います（Safari は box-shadow に未対応）。 text-shadow, box-shadow, border-radius について 元記事ではすぐに本題に進んでいるのですが、ここでは
高速な CSS セレクタエンジン「Sizzle」「Peppy」を試す - WebOS Goodies
最近のほとんどの JavaScript フレームワークには、 CSS セレクタによる DOM エレメントの取得機能が実装されています。複数の要素を柔軟な条件で取得できるので、 DOM ツリーの操作がシンプルに記述でき、とても便利です。しかし、単に CSS セレクタを使いたいだけなのに、フル機能のフレームワークを読み込むのはちょっと抵抗がありますよね。 そんな悩みを解決してくれるのが、本日ご紹介する Sizzle, Peppy という 2 つのライブラリです。これらは他のフレームワークに依存しない独立した CSS セレクタエンジンで、しかも jQuery 等の既存のエンジンより数倍高速に動作します。 unobtrusive な Web ウィジェットの開発や、独自フレームワークの開発に最適ですね。その他にも広範な用途に使えるでしょう。 以下でこれらのライブラリの使い方や動作速度等の検証結果を掲
Web 開発に便利な Opera Widgets 16 選 - WebOS Goodies
だいぶ間が空いてしまいましたが、便利な Opera Widgets をご紹介する企画の第二回です（第一回はこちら）。今回は Web 開発に使えそうなものを集めてみました。数も前回より倍増の 16 個。いずれもシンプルながら個性的なものばかりです。皆さんのニーズに合ったものをチョイスしてみてください。そうそう、まだ Opera を使ったことのない方、 Opera のダウンロードはこちらから。ぜひお試しください！ HTML エディタ関連 Vista Editor HTML http://widgets.opera.com/widget/6306 Vista 風のデザインがクールな HTML エディタです。 WYSIWYG で作成した文書を HTML ソースに変換してくれます。このウィジェットで記事を作成して blog の投稿フォームにカット＆ペーストすれば、 blog 標準の WYSIWYG
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
TEXTAREA に文字列置換機能を追加する - WebOS Goodies