"吹き出し"を画像使わずにCSSで作る方法 | エンタープライズ | マイコミジャーナル
Filament Group ツールティップとしての吹き出しエフェクトはWebページでは広く使われるようになったUIのひとつだ。吹き出しの四隅は丸みを帯びて角の外側は透過表示になり、吹き出しを示すための小さい突起がついているところに特徴がある。多くの場合で背景画像がこれらUIを実現するために使われる。 Filament Groupにおいて、これに背景画像を使わずCSSと若干のHTML、それに多少のJavaScriptを使って実現する例がImage-free CSS Tooltip Pointers - A Use for Polygonal CSS?として紹介されている。Filament GroupではjQuery UIウィジェットの開発中にこの問題にあたり、CSSで多角形を描画するためのよく知られたトリックといくつかの工夫を凝らすことでこれを実現したと説明している。 背景画像を使わないで
JavaScriptとCSSを圧縮してパフォーマンス、Juicer登場 | エンタープライズ | マイコミジャーナル
Juicer - a CSS and JavaScript packaging tool Webページの表示パフォーマンスはWebデベロッパにとって常に最大の関心事だ。ページのロード時間はそのままユーザの満足度に直結する。ファイルサイズは小さく、そしてリクエスト回数は最小であることが望ましい。JavaScriptもCSSもできればファイルは1つづつだけで、なるべく小さい方がいい。 これまでJavaScriptのミニファイアや検証ツール、CSSのミニファイアツールはいくつも登場している。ここではChristian Johansen氏が新しく公開したJuicerに注目したい。Juicer自身はRubyで開発されている。Juicerを利用するにはRuby、RubyGemsが必要なほかYUI CompressorとJava、それにJsLintが必要になる。JavaScriptとCSSのパッキングツ
ウェブサイトの制作・検証に役立つブックマークレット集
レイアウト用のグリッドをオーバーレイで表示します。 URLを変更すれば画像の変更可。 Bookmarklet Layout Grid Overlay MRI
ツールチップを作るのならこれかもという多機能jQueryプラグイン「Simpletip」:phpspot開発日誌
Simpletip - A simple jQuery tooltip plugin ツールチップを作るのならこれかもという多機能jQueryプラグイン「Simpletip」 色々なツールチップライブラリがありますが、Simpletipはカスタマイズ性に富んだツールチップライブラリとなっています。 基本 単純なツールチップ クリックで閉じるツールチップ ちょっとリンクが切れちゃってますが、画像なんかも埋めこみ可能。特定のHTMLを埋められるみたい。 ポジション マウスの左、右、上、下、に表示というポジショニングが可能。以下は左の例 他にもabsoluteで位置指定をしたりもできます。 エフェクト ツールチップの文字がアニメーションしつつズームイン フェードインなんかの機能もあるみたい。 関連エントリ JavaScriptを使わずCSSのみでシンプルなツールチップ実装 カスタマイズの自由度が
Sign in - Google Accounts
Not your computer? Use a private browsing window to sign in. Learn more about using Guest mode
AppleはAIモデルをオープンソースとして公開したいと考えていたが世間の批判を恐れ実現せず
Appleは文章生成AIや画像生成AIを含むAIシステム「Apple Intelligence」を開発し、iPhoneやMacに取り入れています。これらのAIについて、当初はオープンソース化する計画があったが断念されたとThe Informationが報じました。この決定が、Appleの貴重な人材を流出させるきっかけにもなったと伝えられています。 How Apple’s Internal Veto Against Open-Source AI Sparked a Talent Exodus to Meta - WinBuzzer https://winbuzzer.com/2025/07/22/how-apples-internal-veto-against-open-source-ai-sparked-an-ai-talent-exodus-to-meta-xcxwbn/ Apple A
CSS Lightview Style Popup - CSS Popups - Styling a Popup with CSS - Tutorial
My friend and I were working on his site last week and we were in need of a popup very similar to how the lightview works. Since my friend is not very fond of using pre-built js scripts, he asked me to create the same feel from scratch. I came up with my own version mimicking the lightview effect, and thought it would be good to share the technique and get some feed back and improvement suggestion
「Web Directions」がアジア初上陸 Webがもたらす新たな世界／「Web Directions East 2008」レポート | 編集部ブログ―鈴木教之
去る2008年11月7日、国内外のWebに関する著名人によって繰り広げられるイベント「Web Directions East」が開催された。「Web Directions」は、2004年オーストラリア・シドニーでの開催を機に、主にオーストラリアを中心とした「Web Directions South」、カナダ・バンクーバーでの「Web Directions North」と世界規模で行われてきた。主にWebデザイナーを対象としたイベントで、デモを交えながらWeb関連の最新情報やエキスパートの知識・アイデアを共有できる場として知られている。 今回はSouth、Northに続く試みとして、アジア発上陸となる東京での開催を果たした。3日間の期日のうち、初日は「ユーザーに優しいウェブサイトの提供」をテーマとしたカンファレンス、翌日から2日間にわたって、講演者によるワークショップが執り行われる。ここでは
jQuery を高速に使う CSS セレクタの書き方 - てっく煮ブログ
JavaScriptjQuery は CSS セレクタで要素を選んで処理できるのが魅力的ですね。そんな jQuery ですが、CSS セレクタの書き方次第で速度が大幅に変わってきます。ここでは jQuery の内部処理を疑似コードで示しつつ、jQuery を高速に使うためのポイントを５つに絞って紹介します。何度も同じセレクタを実行しないクラスだけを指定するのは禁止#id を積極的に使う途中までの結果を再利用する子供セレクタ(>)を使うと速くなることがある※ この記事は jQuery 1.2.6 のソースコードを元に記述しています1. 何度も同じセレクタを実行しない改善前 // 例題 1 $("div.foo").addClass("bar"); $("div.foo").css("background", "#ffffff"); $("div.foo").click(function(){
簡単に色々な種類の角丸ボックスが作れる「DD_roundies」:phpspot開発日誌
DD_roundies: Another (better?) round-corner HTML box concept 簡単に色々な種類の角丸ボックスが作れる「DD_roundies」 角丸にするのに必要なのは次の一行だけ(当然、最初にライブラリを読んでおく必要があります)。 DD_roundies.addRule('.box', 10); 次のように、太い線のものや背景色指定してみたりと、いろんな種類の角丸が作れます。 角丸ライブラリのひとつの選択肢として覚えておくとよさそう。 関連エントリ クールにアニメーションする角丸LightBox「prettyPhoto」 1個の画像でシンプルに角丸を実装するCSSサンプル CSSで角丸テクニック２５ CSSでの角丸ブロック簡単ジェネレーター「CSSROUND」 CSS角丸ボックスジェネレーター「RoundedCornr」
jQueryのプラグイン100選 -2008年総集編 | コリス
seekAttention 注目箇所だけハイライトのアニメーションで強調。 スクロール・ドラッグなど操作関連のjQueryのプラグイン
複数階層のドロップダウンメニューを作成するサンプル:phpspot開発日誌
JavaScript Dropdown Menu with Multi Levels - Web Development Blog 複数階層のドロップダウンメニューを作成するサンプル JavaScript Dropdown Menu Demo ul と li の階層構造によって作られていて、初期化は次のように簡単に行えます var menu=new menu.dd("menu"); menu.init("menu","menuhover"); これはなかなか良さそう。 関連エントリ デザイン性に優れたCSSメニュー集 綺麗で立体感のあるサイトメニュー素材 使えるCSSメニューいろいろ アニメーションするドロップダウンメニュー作成ＪＳ「Sliding JavaScript Dropdown Menu」 Flash製のドロップダウンメニューを作成するWEBツール
HTMLで雑誌のような美しい段組みレイアウトを軽く実現できるjQueryプラグイン:phpspot開発日誌
HOKYPOKY. | MULTICOL. jQuery Plugin MULTICOL. はHTMLで雑誌のような美しい段組みレイアウトを実現するだけのシンプルなjQueryプラグインです。もちろん、日本製のプラグインなので日本語もきれいに段組みにします。HTMLで雑誌のような美しい段組みレイアウトを軽く実現できるjQueryプラグインの紹介。 次のようにコードを書くと、複数のブロックを簡単に4カラムにすることが可能です。 $("#sample1").multicol({colNum:4, colMargin: 10}); マージンを指定できるところも良いですね。 関連エントリ 複雑なブロックレイアウトもシンプルかつ簡単に実装可能な「malo」 複雑なCSSレイアウトもサクッと実装できるCSSフレームワーク「emastic」 CSSレイアウトのチート集「CSS Layout Cheats
CSS CLOCK - "Tick Tock" - A CSS & JS Experiment
Tick Tock - A CSS & JS Experiment November 5th, 2008 Recently while trying to come up with clever ways to show the calendar date, I came up with an idea of creating a clock with CSS. At first I figured this is probably not as usable as I hoped (and possibly pointless until some of its major flaws are fixed), but I decided to take a stab at it just for my own amusement. This clock was created us
MAXWIN288 Server Dewa Slot Online Terbaik > Sering Rungkad Cobain Di Sini
MAXWIN288 menghadirkan pengalaman bermain slot online aman, stabil, dan nyaman melalui sistem login modern yang sudah dilengkapi enkripsi tingkat tinggi. Platform ini menghadirkan akses cepat ke fitur utama seperti RTP live harian, riwayat transaksi, hingga analisis pola gacor yang membantu pemain meraih maxwin lebih mudah. Pengguna dapat masuk ke akun mereka kapan saja tanpa kendala, berkat serve
Sign in - Google Accounts
Not your computer? Use a private browsing window to sign in. Learn more about using Guest mode
30+ Animated Tab-Based Interface and Accordion Scripts - DzineBlog.com
Tabs are fundamental to web design, Nowadays Animated Tabs and accordions are used by most websites, here we have collected 30+ Tab-Based and Accordion scripts vary from CSS only tabs ,Ajax based, mootools and jQuery with cool Animation . which you can easily incorporate into your future designs Ajax Drop down Tab Menu… e24TabMenu is a plugin written for scriptaculous. It is a tab menu that expand
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
[JS]HTMLを汚さないで実装できる、シンプルでクールなツールチップのスクリプト -Simpletip
Site Under Maintenance
[JS]複数のコンテンツをクロスにスライドして自動表示するスクリプト