WEBマスター/WEB開発者、御用達のサイトリンク集:phpspot開発日誌
Resources for the webmaster/website builder - SiteAdminStuff.com WEBマスター/WEB開発者、御用達のサイトリンク集。 XHTML, Apache, Blogging, CSS, DynDNS, Domain等、開発者必須の便利サイトがまとまっています。 上記サイト上で発見したのですが、JS の WYSIWYG なエディタって結構あるんですね。 TinyMCE, FCKEditor しか知りませんでした:-) Xinha I've used this. FCK Editor Mozile From Mozilla Cross-browser RTE from Kevin Roth (I've used it) Kupu Easily integratable with different CMSs TinyMCE Open-
超クールなCSSデザインされたUIのレーティングシステムのサンプル:phpspot開発日誌
Rater ? Robarov: Webdesign, zoekmachine optimalisatie, hosting 超クールなCSSデザインされたUIのレーティングシステムのサンプル。 サンプルを使って次のようなカッコいいレーティングシステムを実装することができます。 デザインその１ デザインその２ いずれも、CSSによってデザインされており、HTMLは次のようにシンプル。 <ul id="rating"> <li id="r1"><a href="#1" title="give this site a 1"><span>Abysmal</span></a></li> <li id="r2"><a href="#2" title="give this site a 2"><span>Terrible</span></a></li> <li id="r3"><a href="#3"
floatとpositionの使い分け
てんぽ: floatとpositionの使い分け CSSやHTML、FC2ブログのカスタマイズ、共有テンプレートなど CSSで段組をやるには普通floatかpositionを使いますが、どのように使い分けるのか。 これはいろいろと試行錯誤しているうちにわかってくるものなので、「そんなこと知ってる」という人も多いかと思いますが、まとめてみます。 条件としては以下のような感じ。 HTMLの記述順は「（ヘッダ→）記事→サイドバー（→フッタ）」を守る 記事領域とサイドバーの長さはページによって異なる（どちらが長くなるかわからない） サイドバーとフッタの文字が重なる、とかは駄目 floatとpositionの違いは、「floatは下方向に融通が利く」のに対し、「positionは上方向に融通が利く」といえます。 何のことかさっぱりわからないと思いますが、つまりこういうことです。 フロートはソース上で
既存のウェブサイトをAJAX化する意味が本当にあるのか?:中島聡・ネット時代のデジタルライフスタイル - CNET Japan
既存のウェブサイトをAJAX化する意味が本当にあるのか? 公開日時： 2006/06/24 09:52 著者： 中島聡 木曜日に、Java World Day 2006 でAJAXに関する講演をしてきたのだが、そこでこんな質問が出た。「エンタープライズ系やe-commerce系のウェブサイトをAJAXする意義が本当にあるのか？」という質問である。 とても良い質問である。新しいテクノロジーやトレンドが注目を浴びるたびに、「これからはAJAXだ！」、「Web2.0の時代だ！」と大騒ぎをするマスコミに煽られて、あっちにフラフラ、こっちにフラフラしていては自分を見失ってしまう。 心の底には「AJAXって本当に必要なの？」と疑いの気持ちを持ちつつ、「皆があれだけAJAX、AJAXと騒ぐのだから、たぶん私だけが勘違いしているに違いない」とAJAXの勉強を始める人がいると、それを横から見ていた
画像に簡単にポラロイド風エフェクトをかけられるJavaScriptライブラリ「Instant.js」:phpspot開発日誌
FlashとAjaxを使った使いやすいファイルアップロードライブラリ「FancyUpl... 次の記事 ≫：16x16ピクセルの芸術的favicon集 Instant.js Instant.js 1.0 allows you to add an instant picture effect (including tilt) to images on your webpages. 画像に簡単にポラロイド風エフェクトをかけられるJavaScriptライブラリ「Instant.js」 次のように、画像をポラロイド風にすることが出来ます。使い方も簡単で、画像の class 属性に定められたclass名を付けるだけ。 使い方は、まず、<script type="text/javascript" src="instant.js"></script> でinstant.js を読み込んで、 画像にcl
HTML構造を視覚的に超分かりやすく出来るスクリプト「stylizator」:phpspot開発日誌
Corunet. El blog Automatic CSS: The stylizator We’re going to write a simple script that takes an HTML file as input and gives us two things: HTML構造を視覚的に超分かりやすく出来るスクリプト「stylizator」。 stylizatorを使えば、例えば、次の図の左のようなHTMLがあったとすると、図の右のような階層的で、構造が分かりやすいHTMLに変換することが出来ます。 変換されたHTMLのブロック要素には、次のようにブロックのID要素が赤の点線で分かりやすく表示されます。 利用には、Perl環境が必要です(ActivePerlでもOK)。 実行は、次のようにコマンドラインで行います。 perl stylizator.pl <変換を行いたいH
メディアタイプ別に CSS を簡単切り替え | WWW WATCH
あけましておめでとうございます。新年最初のエントリーはプルダウンメニューで画面表示用、プリント用など、出力メディアタイプ別に CSS を簡単に切り替えられるスクリプトの紹介。元ネタは 「A List Apart」 から。 Articles: Invasion of the Body Switchers ： A List Apart まずは、どんな感じになるのかというサンプルから。A List Apart サイト内にサンプルページが用意されていますが、今回はこの記事の解説用にサンプルページを用意してみました。 CSS Switching Sample ： WWW WATCH サンプルページ上部のメニューから、モニター表示時のスタイル、プリント時のスタイル、さらにプロジェクター使用時のスタイルをそれぞれ選択できます。もちろん、選んだ設定は Cookie で保存されるので、次回訪れた際も同じスタ
Collection & Copy - 上下左右中央の件、改善、補足
Collection & Copy - 上下左右の中央にボックスを配置する id:inception9さんから、より簡単な方法をコメントで教えて頂きました！ありがとうございます。 これだ！これが正解だから、前回のが「バッドノウハウ(?)」なんですね。余分な空間用divもなくなり、ほんますっきりやわぁ。 ただ、どうも前回の元記事は「画面をコンテンツのボックスより小さくしても、ボックスの左上が欠けない」というところがポイントだったようです。たしかにウィンドウサイズを小さくすると、左上隅にボックスがきっちり収まります。ここにこだわらない場合は、短縮版がよさそうですね。 HTML、CSS、共に勉強不足ですので、直接指摘頂けるのは大変助かります。コメントを書く時間を頂けたことを、感謝しております。ではでは。 雑記軽い気持ちでHTML/CSSのことを書くと、なぜか反響が大きく、戸惑う。なんとなくプロ
RSS、クレジットカード、国旗など便利なフリーアイコン集「fineicons」:phpspot開発日誌
Fine crafted stock icons. Small, simple and sharp. Suitable for web sites, blogs, online shops, mobile applications or desktop applications. Download free for personal and commercial use. Fine crafted stock icons. Small, simple and sharp. RSS、クレジットカード、国旗など便利なフリーアイコン集「fineicons」 これは色々な場面で使えそうですね。 関連エントリ Eコマースに使える、ハイクオリティなフリーアイコン集 フリーのベストアイコンいろいろ アイコン探しに便利なアイコンサーチエンジン「ICONlook.com」
C90%M10%Y40%: HTML売りの少女
連載長編大河小説「HTML売りの少女」 最終回 「HTMLは要りませんか？」 「HTML買ってください。」 冷たい北風が吹き荒れる街角で、今日も少女は道行く人々にHTMLを売り続けました。 「HTMLはいかがですか？」 「心のこもった暖かくて分かりやすいHTMLです。」 「Web標準準拠のHTMLは要りませんか？」 しかしすれ違う人々は冷たく少女を突き放すのでした。 「内製してるから要らないよ。」 「ブログサービスがあるからそれで充分。」 「SEO？もうたっぷりやってあるわ。」 疲れ切った少女は街の片隅に座り込んでしまいました。 少しでも暖かさを得ようと、 DreamweaverでHTMLを「ブラウザでプレビュー」しました。 一枚目のHTMLでは、 ページの中で暖かそうな家族がひとときの団欒を繰り広げていました。 二枚目のHTMLでは、おいしそうな料理写真が表示されてい
別ウィンドウを開くことの是非｜ウェブユーザビリティ向上を支援するWebsite Usability Info
（2012年1月28日追記） この記事内容をアップデートした記事を、別途公開しました。「別ウィンドウを開くことの是非 (その2)」をご参照ください。 Webサイトを制作していると、<a href="xxx" target="_blank"> などとマークアップして、リンク先ページを別ウィンドウを開くようにしたいと思うことがあるでしょう。たとえば、以下のようなケースです。 別サイトにリンクする場合 (できれば 別サイトを回遊した後、自サイトに戻ってきてもらいたい) 開いたページであれこれ操作が予想され、その間、元ページは残しておきたい場合（ブラウザの [戻る] ボタンではすぐに戻れないケースなど） お気持ちはよくわかるのですが、ユーザビリティやアクセシビリティの観点で考えると、リンクは別ウィンドウを開くべきではないと考えます。理由は、以下の通りです。 初心者ユーザーやシニアユーザーは、別ウィ
君の発売日 - ドラッグで複数のチェックボックスをチェックする
また冷やし豆乳坦々麺 今年になって2度目の冷やし豆乳坦々麺です。 ピリ辛の肉味噌と少し甘めの練りごまたっぷりの豆乳スープが美味しくて、自分が作ったものなのに美味しい！を連発してしまいます。 先回は絵的にあまり美味しそうに見えなかったので、今回は白髪ネギ以外に茹でた青梗菜と半…
Web Designing: 第一回 Webの常識統一試験 Webダイジェスト版
Webクリエイターなら知っておきたい、あんなことやこんなこと 第一回 Webの常識統一試験 Webダイジェスト版 絶え間なく、そして猛烈なスピードで変化し続けるWebの世界。日々Web制作の仕事に携わっている読者のみなさんも、「何となくわかっているんだけどあやふや」「その分野はどうも苦手で‥‥」といったことが、結構多いのではないでしょうか。 そこで今回は、そんなみなさんの知識レベルを診断することができる試験を用意しました。全部で16問ある選択問題に答えると、自動的に採点されて、Webクリエイターとしてのあなたの知識レベルがわかるようになっています。 最高レベルの得点だった方は、その認定証として特製認定バナーがもらえます。試験は何度でもチャレンジできるので、認定証がもらえるまでがんばってみましょう！ ※『Web Designing』2006年9月号の特集では、より本格的な常識テスト問題を掲載
All CSS Properties Listed Alphabetically
CSS Property Index = Index DOT Css by Brian Wilson = Main Index | Property Index | CSS Support History | Browser History All | Fonts | Text | Colors/Backgrounds | Scrollbars | Outlines | Lists | Tables Classification | Dimensions | Positioning | Margins | Padding | Borders Dynamic Content | Generated Content | International | Printing | Aural | Extensions A/B accelerator azimuth background backgro
バナーサイズの国際標準
バナーのサイズについて 最終修正日 2009.5.22. バナーとは 国際標準バナーサイズ一覧 国際標準サイズ一覧（画像） バナーとは Bannerは英語で旗の雅語です。サイトの旗です。 そして、日本のCG系に多い、200x40のバナーは日本のローカルサイズなのですね。なので海外ではアニメマニア以外はそのサイズのバナーを用意していません。「世界」と「一般」を意識するなら88x31のバナーも用意しましょう。 ところで海外の個人サイトのバナーサイズは恐ろしくバラバラで、たいていは海外は200x40よりは大きいものです。そのせいでしょうか、海外ではアニメ系でもテキストのみのリンク集が多いです。各サイトのバナーを張るとレイアウトがめちゃくちゃになるからでしょう。読み込みも遅そうですしね。 実はバナーには国際標準サイズというものがあります。 バナーというのは、リンクに添える画像と思われていて、実際個
ズーミングできるWebフォトアルバムウインドウを作ろう －＠IT
前回の連載では、Ajaxアプリケーションの開発を支援するJavaScriptライブラリを紹介し、Prototypeとscript.aculo.usを使用して実例を詳しく解説したが、JavaScriptライブラリに関するその後の状況について、今回の内容に入る前に補足しておこう。 現状で最もポピュラーなライブラリとなりつつあるPrototypeとscript.aculo.usについては国内での注目も高く、日本語で読める詳細資料や新機能の紹介などが活発だ。以下のサイトは網羅的で資料性も高く、Prototypeやscript.aculo.usで開発を始めるには非常に参考になる。 prototype.js v1.3.1の使い方 prototype.js v1.3.1の非公式マニュアル＆リファレンス Usin prototype.js v1.3.1の邦訳版（なお、元サイトは現在は1.4.0の解説にバー
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
no18
http://youmos.com/news/jsscrolling
greenz.jp グリーンズ
CSS Nite公式サイト - 「CSS」だけでなく、Web制作全般に関するトピックを取り上げるセミナーイベント
