Simple scalable CSS based breadcrumbs | Veerle's blog
You are looking at archived content. The hot new stuff is happening at Veerle's blog 3.0. You should check it out! A few days ago I was implementing breadcrumbs in a website I’m working on. Not that I sincerely believe every site needs this, but on some occasions and to some users breadcrumbs are practical. Anyhow, it gave me the idea to write an article about it because it’s been a while since I
ブログで使える埋め込みフラッシュMP3プレイヤー (その2) - 音楽方丈記
ブログで使える埋め込みフラッシュMP3プレイヤー (その2) » 音楽系ブログパーツ [編集] だいぶ前にやった埋め込みフラッシュMP3プレイヤー紹介の第二弾です。 今回紹介するのは 1 Pixel Out でブログソフトウェアの WordPress のプラグインとして配布されているものですが、SWF 本体を使えば他のブログでも使用することができます。 プレイヤー本体のダウンロードと前準備 配布サイト でまず audio-player.zip をダウンロードします。解凍するとフォルダのなかに player.swf が入っているので、再生したい MP3 ファイルとあわせてアップロードします。 ブログのサーバにフラッシュや MP3 がアップロードできない場合は、ホームページの空きスペースや別の場所にアップロードする必要があります (直接アクセスできないオンラインストレージなどは不可)。 コー
Webタイポグラフィまとめ - Archiva
Make a note of it: Web tech, montaineering, and so on. Note: この記事は、3年以上前に書かれています。Webの進化は速い！情報の正確性は自己責任で判断してください。 フォント指定や行間、約物といった、文字周りのノウハウです。デザインというより技術的なまとめ。SWFObjectとかsIFRといったFlashネタを除けば、Webの文字は全部CSSでできるんだから... コーダこそタイポグラフィを意識すべし。看板みて書体言い当てるとか変態的な域まで達せずとも、原則だけ覚えとけばプロトタイプが様になるんだし。 オールドスタイル数字 アンパサンド（“＆”） スモールキャップ ハイフンとダーシ 各種スペース 合字 約物 約物はぶら下げる :beforeと:after 見出しのサイズ 初期フォントサイズ 行間の調整 余白の調節 各国の日付表記
Drawter.com - DrawAble Markup Language
Drawter is a tool written in JavaScript and based on jQuery library. It provides you the possibility to literally draw your website's code. It runs on every single web-browser which makes it really useful and helpful. Each tag is presented as a layer you have drawn. Currently Drawter is available in Pro version, which means that it is intended for webmasters use only - knowledge of HTML and CSS is
CSS Gradient Text Effect
Do you want to create fancy headings without rendering each heading with Photoshop? Here is a simple CSS trick to show you how to create gradient text effect with a PNG image (pure CSS, no Javascript or Flash). All you need is an empty <span> tag in the heading and apply the background image overlay using the CSS position:absolute property. This trick has been tested on most browsers: Firefox, Saf
tlbox - Web Design Tools
Hundreds of Web Design and Programming ToolsThis site contains an application to help web site and graphic designers, interior decorators etc. pick color schemes - combinations of colors that are pleasing to the eye. The tool is based on a color wheel, and it generates monochromatic, contrast, triad, tetrad, and analogic color schemes.
javascriptライブラリとか、テーブル使うとか。 | Takazudo Clipping*
javascriptライブラリは、使いすぎないようにせねばなー的体験。 jQueryな罠 以前、とある案件で、jQuery1.13を使っていたんだけれど、公開してから、Safari1.3でクラッシュするという問題が出た。調べてみたところ、これはどうやらjQuery自体のバグらしく、しゃーない新バージョンのjQueryにアップグレードしますかとのことで、アップグレードした。 ところが今度は、jQueryベースのライブラリ、interface elementsが一部、動かなくなった。これはアップグレードできんな…となり、jQuery最新版にアップグレードするのはヤメにした。まぁ、jQueryは、Safari1.3には対応していないのだけれど、フリーズはほんとかんべん。さらにその案件では、最初、jQueryが1.3でもそこそこ動くと自分が思っており、Safari1.3を対象ブラウザに入れてた。と
HTML小技集 / メインコンテンツ
メインコンテンツ - HTMLやJavaScript・スタイルシートを利用した小技集を紹介 || リンク || 文字・文章 || テーブル || ウインドウ || フレーム || 時間 || ランダム || 禁止 || 環境変数 || その他 || ■ リンク関係の小技 一部のリンク下の線を削除する 全体のリンク下の線を削除する 一部の画像のリンク線を削除する 全体の画像のリンク線を削除する リンクをボタンに変更する ボタンに画像を使用してリンクする リンクをブラウザの戻る機能に変更 リンクをブラウザの進む機能に変更 リンクをブラウザの更新機能に変更 ＯＫかキャンセルで移動ページの変更 リンク時に本当に移動するかを問う 簡単に隠しリンクを作成する 簡単なパスワード制限 簡単なパスワード制限 (2) 強烈なパスワード制限 強烈なパスワード制限 (2) プルダウンメニュー プルダウンメニュー
ふつうに横三角 - ぼくはまちちゃん！(Hatena)
ＣＳＳで横三角。「半キャラずらし」 (インターネット帳面) 今回はお題の通りインターネット帳面でもやってる「ＣＳＳで横三角をやる方法」。２バイト文字の三角記号は▲や▼しかないので横方向を示すことができませんでした。これをなんとかどーにかできんものかと。 ↑こんな記事があって、ちょっと面白かったので、 参考までに、ふつうの横三角のコードも書いておきますね！ » (») « («) ▷ (▷) ▶ (▶) ◁ (◁) ◀ (◀) そうそう、この中でも » って結構使えるよ！ よくサイドのメニューとかで、CSS を使って <li> の背景左端に、三角っぽい画像を設定したりするよね！ でも » をつかえば、画像がなくてもこんな感じ！ » Diary » Bookmark » Fotolife »
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://momonga365.net/feed
alphaWorks Services
BBC
文字参照一覧 | references | CYBER@GARDEN
http://mynotes.jp/blog/2007/10/the_same_height_columns
HTML/XHTML Character Entities : HTML.SU