phpspot開発日誌 - PHP/Ajax/JavaScript/CSS等の最新技術情報をお届けDarkもLightも自動生成：UI向けカラーパレット生成ツール「Harmonizer」... GitHub - evilmartians/harmonizerHarmonizer は、UI向けに明度・彩度・コントラストが揃ったカラーパレットを自動生成するツール...(続きを読む)
CREAMU
art direction & design: Kunitaka Kawashimo code, interaction & photography: creamu Inc. Monthly Archive 2025年9月 (2) 2025年8月 (2) 2025年7月 (11) 2025年6月 (6) 2025年5月 (6) 2025年4月 (7) 2025年3月 (4) 2025年2月 (3) 2025年1月 (6) 2024年12月 (6) 2024年11月 (4) 2024年10月 (7) 2024年9月 (3) 2024年8月 (4) 2024年7月 (2) 2024年6月 (1) 2024年4月 (1) 2024年3月 (4) 2024年2月 (2) 2023年12月 (10) 2023年10月 (1) 2023年9月 (2) 2023年8月 (4) 2023年7月 (5) 2
CSS 3のアニメーション機能を使ったロールオーバーやフェードインの設定 - builder by ZDNet Japan
CSS 3のアニメーションの機能を利用すると、これまではJavaScriptやFlashを使わないと設定できなかった効果をスタイルシートだけで設定できるようになる。そこで今回は、アニメーションを利用したロールオーバーボタンの作成やフェードインの設定を行いながら、アニメーション関連プロパティの細かな機能を見ていきたい。 なお、現在のところアニメーションの機能に対応しているのはSafari 4とGoogle Chrome 2以上となっているので、これらのブラウザでサンプルの表示を確認してみてほしい。また、アニメーションの基本的な仕組みについては前回までの記事にまとめている。 アニメーションの基本機能について： CSS 3のアニメーション機能「Transitions」 CSS 3のアニメーション機能「Animations」 画像が少しずつ表示されるロールオーバーボタン まずは、カーソルを重ねると
アルファチャンネルを使った透明度の設定：FirefoxとSafariのCSS対応 - builder by ZDNet Japan
透明度を設定する スタイルシートで透明度を指定することができれば、半透明にした文字を画像に重ねるといったデザインも簡単に作れるようになる。CSS 3では、アルファチャンネルまたはopacityプロパティで透明度を指定する方法が提案されており、Firefox 3とSafari 3は両方の指定方法に対応している。 今回は、色に関する定義をまとめたCSS 3の勧告候補、CSS3 Color Moduleを参考にしながら、アルファチャンネルを使った透明度の設定について見ていきたい。 RGBAによるアルファチャンネルの指定 CSS3では、RGBによる色指定にアルファチャンネルを加えて、RGBAによる色指定ができるようになっている。RGBAでは次のように、R（赤）、G（緑）、B（青）、A（アルファチャンネル）の値を「,（カンマ）」で区切って記述する。ただし、RGBの値は16進数で指定することが認められ
CSSで罫線を角丸で表示する（１）：FirefoxとSafariのCSS徹底検証 - builder by ZDNet Japan
前回、前々回でブラウザと標準規格の動向を見てきたが、今回からは、Firefox 3やSafari 3が新しく対応したHTML/XHTMLやCSSを紹介していきたい。 最初に紹介するのは、Safari 3が新しく対応した、罫線の角を丸く表示するスタイルシートだ。角丸のデザインは、Webページではよく利用されているが、現状では画像を使って表現するしかなく、HTML/XHTMLソースも複雑になるといった問題がある。スタイルシートだけで設定する機能は制作者の多くが待望している機能の1つと言えるだろう。現在のところ、Safari 3とFirefoxが対応しているが、OperaやInternet Explorerは対応していない。 -webkit-border-radiusプロパティ Safari 3が新しく対応した-webkit-border-radiusプロパティでは、半径を指定することで罫線の角
IE 6で泣かないための、9つのCSSハック (1/3) - ＠IT
有限会社タグパンダ 喜安 亮介 2009/10/8 Webブラウザごとのレンダリングエンジンの違いにより起こるレイアウトの表示ずれ問題に泣かされるWebデザイナのために、Webブラウザごとに使えるかどうかの表を交えながら問題を解決するためのCSSハック＆フィルタTipsをお届けします（編集部） 最も多く使われているのに……、いや、だからこそ 多くのWebデザイナの悩みの1つは、レイアウトの表示ずれ問題だと思います。これは、各Webブラウザが採用しているレンダリングエンジンの違いから起因している場合が多いです。その中でも、最もWebデザイナ泣かせのWebブラウザなのは、マイクロソフトが開発しているIE（Internet Explore）のバージョン6です。 IE 6は、発売開始当初のWindows XPにデフォルトでインストールされていたWebブラウザということもあり、世の中の多くのユーザー
Firefox 3.5のCSS新対応：トランスフォーム、透過、カラーマネジメント - builder by ZDNet Japan
リモートワークを成功させる方法 必須となるセキュリティをどう強化するか 必要な対策5つを紹介 今時プライベートクラウドの作り方 2020年代のプライベートクラウド環境を AzureとVMwareを例に紹介 エッジ市場の活性化へ 高まるIoTを中心としたエッジ分野への期待 OSS活用が新しい時代のビジネスを拓く DNSを守り、DNSで守る 高度・巧妙化し危険度を増すサイバーリスク いま考えるべきモダンセキュリティのあり方 新OSのWin11はどう進化したか ビジネス上の役割、開発の要因と Win11が目指した5つのポイントを紹介 いま求められるID管理：前編 有名コンサルが一堂に会し語り合う いま必要なサイバーガバナンスのありかた サステナビリティの今と未来 企業戦略としてのサスティナビリティ推進 世界の通信インフラを支えるコルトの取組み 高い従業員満足度と安心・安全 新時代にむけた理想の業
CSS-EBLOG - (X)HTML+CSS/JavaScript Tips site.
デザインを体感して学べるデザインブログです。Illustrator（イラレ）やPhotoshop（フォトショ）の使い方やWordPressやSWELLのCSSやJavaScriptカスタマイズやアフィリエイトまで読むだけで楽しめる情報を発信しています。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
The W3C Markup Validation Service
HTML5.JP - 次世代HTML標準 HTML5情報サイト
Site Under Maintenance
