枠線付きの吹き出し
ミニブログの隆盛以降ウェブ上でよく見かける吹き出しをCSSで作るお話。単色のものはかなり前に書いた。今回はそれに枠線をつけてみよう！ みよう！ みよう！ Demo: Bordered Speech Bubble 枠線は単なるsolidなborderで少し角を丸めただけ。 尻尾を付ける :before擬似要素を使う。デモの3番目のサンプルのように、まず枠線と同じ色で三角形を作る。三角形は以前のエントリで書いた手法と同じで、左右のborderをtransparentにすることによって作る。 .speech-bubble:before { border-top-width: 16px; border-right-width: 16px; border-bottom-width: 0; border-left-width: 16px; border-color: #369 transparent;
Safari 3.1でWebフォントを利用する--SafariのCSS対応 - builder by ZDNet Japan
現在、Webページで利用できるフォントはユーザーの環境にインストールされたものだけで、文字の表現の幅は非常に限られている。しかし、Webフォントの機能を利用できるようになれば、制作者がサーバー上に用意したフォントでWebページを表示できるようになる。 3月18日から提供されているSafari 3.1では、CSS 3やHTML 5で提案されている機能への対応がさらに進んだ。そこで、新しく対応したスタイルシートの機能の中から、CSS 3の「Webフォント」について2回に分けて紹介していきたい。 サーバー上に用意したフォントでWebページを表示する ユーザーの環境にないフォントでWebページを表示するため、まずは、利用したいフォントをサーバー上に用意する。OpenTypeやTrueType形式のフォントファイルを利用することが可能だ。 ここでは、exljbrisのFontin Sansというフォ
Mobile App Gallery｜tappgala.com
Mobile App Galleryは各種アプリのデザインギャラリーサイトです。カテゴリごと、色ごとに分けて分かりやすく表示しています。
iA - Home
Presenter Story. Visuals. Showtime. Tell your story. Share your mind. Learn More Writer Pure writing pleasure Find your focus. Get into the flow. Learn More How to stay in control of Apple’s AI Writing Tools iA Writer has been preparing for AI text tools for nearly two years. It *is* ready for any AI, good or not. We doubled our efforts for Writing Tools. How to Create, Structure, Design, Prepare
Delibar, Delicious and Pinboard Mac client
Dear users of Delibar, We want to say something about two of our apps, so we’ll give you the short and less short versions. We are retiring Delibar and Pixa. They both had good runs, especially since we launched Delibar back in 2006. But people don’t bookmark links the way they used to (heck, Delicious.com doesn’t even work anymore), and Pixa’s userbase shrank for a variety of reasons. We decided
iPhone向けサイトのユーザビリティ最適化でチェックしておきたい項目まとめ
iPhoneを始めとするタッチパネル＆フルブラウザ搭載のスマートフォンの普及が進んでいる。iPhoneの出荷台数は世界で3000万台、日本国内に関して公式な発表はないが200万台を超えていると推測されている。今後はWindows Mobile端末の進化やAndroid携帯電話により、このスタイルの携帯端末の利用者がさらに拡大していくことが予想される。 今回は、こういったタッチパネル＆フルブラウザ搭載のスマートフォンからのウェブサイト／サービスのユーザビリティについて、主にiPhoneを題材に考えてみよう。 iPhone対応は形式にとらわれず「ユーザー中心」視点で iPhoneからのウェブ利用には、従来の携帯電話と同様の「携帯性の高さ」「位置情報との連動」などに加え、 従来の携帯電話と比べて画面サイズが広い 端末の処理能力が高く、アプリでのサービス提供の自由度が高い 独自の操作（画面をつまむ
Onixslot88: Situs Judi Slot Online Terbaru RTP Gacor Hari ini Resmi 2024
Salah satu aspek yang membuat Onixslot88 unggul adalah tingkat RTP (Return to Player) yang gacor. Tingkat RTP yang tinggi menjadi daya tarik utama bagi para pemain yang mencari peluang besar untuk meraih kemenangan. Dengan menawarkan persentase kembalian yang lebih tinggi, Onixslot88 memberikan keuntungan tambahan kepada para pemainnya, menciptakan lingkungan di mana peluang besar menanti. Keamana
ウィンドウサイズを変えるとコンテンツが再配置される可変グリッドレイアウトに関する情報まとめ
ウィンドウサイズを変えると コンテンツ（記事等）が再配置される 可変グリッドレイアウトに関する サンプルサイトやWPテーマ、 ライブラリなどの情報のまとめです。 詳しい方には参考にならないっぽいです。 いろいろ意見は分かれそうですが、知っておいて損は無いかなぁと思いますのでメモ。 可変グリッドレイアウトサイト可変グリッドレイアウトを使用したサイトの例。 D&DEPARTMENT PROJECT ECサイト。綺麗にまとまってます。MT使用。 D&DEPARTMENT PROJECT daily vitamins 暇つぶしが出来るサイト？どういう趣旨か分かりませんが、可変グリッド。WPです。 daily vitamins 小林聡美.jp 小林聡美さんのサイト。凄く見やすいです。MT使用。 小林聡美.jp Marunouchi.com 丸の内の情報サイト。ハイクオリティです。写真をダイナミックに
「ユーザーはスクロールしない」はウソ、”Above the fold”より下を見せる3つのサイトデザインTIPS
「Above the fold（アバブ・ザ・フォールド）」というのは、スクロールしなくても見ることができる画面の領域のことを言います。 Above the foldについては、以前に記事解説したことがあります。 ”above”は「～より上」、”fold”は、「折り目」という意味で、”above the fold”は直訳すると「折り目より上」という意味になります。 新聞の折り目より上半分は、人の気を引くような見出しのニュースを掲載します。 購入意欲をそそるためです。 スポ○チの１面の見出しなんかは、そうですよね。 「イチロー、マリナーズから解雇通告」 えぇーっ！ と仰天して、開いて続きを読むと 「を受けた同僚とゴルフに挑戦」、 みたいな。（笑） バカはこのくらいにしておいて、「Above the foldはユーザーに訴えかけるために重要なコンテンツを置くべき」で、反対にスクロールしなければな
【コラム】クリエイターのためのライフハック (75) Webサイトから創作のヒントを見つけて共有する方法 - ScrnShots | クリエイティブ | マイコミジャーナル
Webは創作のヒントの宝庫です。Webブラウジングをしていると優れたビジュアルや先進的なレイアウトに出会うことがあると思います。そうした場合、ブラウザのブックマーク、del.icio.usのようなオンラインブックマーク、又はSoupのようなマイクロブログを使って気軽にURLを保存しておくことができますが、URL やタイトルだけでは後で見たいときに思い出しにくく、ギャラリー形式で眺めることもできません。Flickrのような写真共有サービスを使ってスクリーンショットを保管する方法もありますが、スクリーンショットを撮るためのアプリケーションを別に用意しないといけないですし、プライベートの写真と仕事に関係したスクリーンショットを混ぜて管理したくない方もいると思います。 ScrnShotsは、スクリーンショットに絞った画像共有サービスです。サイトにあるファイルアップロードのフィールドから画像をScr
タブUI詳解
タブUIの構造や特長、設置の判断、ユーザビリティ、アクセシビリティ、実装のポイントや機能の拡張方法、実装例やスクリプト例をSmashing Magazineから紹介します。 Module Tabs in Web Design 以下、その意訳です。 ※原文では「タブモジュール」となっていますが、タブモジュールやタブUIと記載すると煩雑になるため、「タブ」と略します。 タブのみを指す場合は、「タブ コントロール」としています。 はじめに 1. タブの構造 2. タブはいつ使用するのか 3. タブのユーザビリティとベストプラクティス 4. タブのアクセシビリティ 5. タブの拡張 6. タブの実装集 7. タブを実装するためのチュートリアル集 8. タブを実装するスクリプト集 はじめに タブモジュールは複数のコンテンツを異なるパネルに配置したユーザインターフェースのデザインパターンです。 パネル
button-download.com
button-download.com 2024 著作権. 不許複製 プライバシーポリシー
Artisteer 2は、SOHOやWebデザイナーに、朗報となるか!?脅威となるか!?: 世界中の１％の人々へ
2009年4月| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 これはスゴイ！Artisteer 2（アースティティーア）を使えば、WordPressのオリジナルテーマを作って、インストールから、立ち上げまで2時間かからない。 HTMLの知識がなくても、CSSが作れるジェネレーターは数あるが、Artisteer 2は、それなりに見栄えのするデザインができて、スタンダードエディションでは、さらに、Joomla!、Drupalのテーマ等が作れる。 取りかかりは実に簡単だ。WordのようなUIは、マニュアルがなくてもWordになれている人なら、2時間ぐらいアレコレ試してみれば、使い方がわかり、すぐに仕事に使えるようになるだろう。 これが、何を意味するかといえば、センスがあり、そこそ
006600 is under construction
Thank you for being patient. We are doing some work on the site and will be back shortly.
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://ringce.com/slammer
Home
CSS（スタイルシート）でbodyに設定しておくと便利な5つのポイント - デザインウォーカー | DesignWalker - ロサンゼルスで働くウェブデザイナーの日記
http://gerenuk.crazyphoto.org/2009/06/21/801/
[JS]一覧表示のレイアウトを切り替えるスクリプト -Easy Display Switch
https://corp.kaltura.com/static/wordpress_video_plugin