フレームを使わずに メニューを画面の上に固定しました。 初めJavaScriptで考えていたのですが scrollTopで移動時の座標を得て pixelTopで表示位置を指定すると どうしても動きがギクシャクしてしまいます。 これはJavaScriptではなくスタイルシートで 表現しています。 IE専用ですのでメニューには致命的ですよねf(^_^) ということでJavaScript使用も作りました。JavaScript使用 ほるるさん に教えていただきNNにも対応できました。ありがとうございます。 <BODY STYLE="margin:0px;padding:0px;_overflow:hidden;"> <div STYLE="position:fixed;_position:absolute; top:0px;left:0px;z-index:1;background-color:#
そこにテーブルタグがあるからだ。……ということなのだろうか。 とかく人はテーブルタグで日本地図を作りたがる。テーブルタグで作った日本地図がちゃんと日本地図になっているというのも考えてみればふしぎではある。 というわけでテーブルタグ日本地図の紹介。 「Template:日本 - Chakuwiki」を追加 (3/10) 「地図の検索 - goo 地図」を追加 (3/11) 「道州制」を追加 (3/11) 「『A day of rest』」を追加 (3/12) 「いつもガイド」を追加 (3/13) 「トップページだけでもなんとかしたいのよ」を追加 (4/10) 素材散策:資料&テキスト/日本地図(HTML)(TSUKURUの素材散策より) 自分の見た限りではもっとも出来のよい日本地図。テーブルタグという制約の中で最大限日本地図たりえんと創意工夫を凝らしている。至極の出来栄え。地域ごとに色分けし
関連 読みやすいブログにするなら、「絵文録ことのは」に学ぼう hxxk.jp - weblog における読みやすさって何だ 趣味のWEBデザイン:(ほぼ)みんな善意でそのデザインにしている 長文のエントリを「読んでもらいやすいように工夫」するには、松永さんの絵文録ことのはの手法を取り入れたらどうだろう、という僕のエントリに言及いただきました。はてなブックマークのコメントでは、絵文録ことのはは読み難いという意見もあったりして「デザインに対する人間の感覚」には、人それぞれ大きな違いがあるんだなぁ、と再認識。 おさらいすると、僕が考えた松永さんに学ぶべき「読みやすい長文エントリ」の書き方は以下の通り。 サイドバーはゴチャゴチャさせない 派手な色遣いはしない 冒頭に全体の概要 章仕立てと、アンカーの埋め込み 要点は箇条書き 文字の大きさは指定しない(指定する場合も相対サイズ) 行間設定を設ける リ
スタイルシートで作る「段組レイアウト」基礎クイズ スタイルシートで「段組(マルチカラム)」を作る方法について、基礎的な内容を5問のクイズにしてみました。 何も参照することなく全問正解できることを目指して頑張ってみて下さい。 (このクイズは、記事「JavaScriptで楽々! 採点機能付きクイズページを作る」でご紹介した方法で回答を保持し、最後のページで採点を行います。) Q1. 右図のような段組を作る際に必要なスタイルシートのプロパティとして、正しい組み合わせはどれ? float , clear , width float , width , height position , clear , width position , width , height ※「段A」と「段B」で2段組が構成されています。「フッタ」は段組に含まれていません。各段はそれぞれ、div要素1つで
2024年12月28日 ・テキスト:ヤムチャ「俺がこの星を守る」 [おもしろ] (1)-[ おもしろテキスト ] 2024年12月25日 ・テキスト:フリーザ「最後にいちおう聞いておこう…僕の下で働く気はないかな?」悟空「働かしてくれ」フリーザ「ほう?働いてくれるんだね?」 [おもしろ] (0)-[ おもしろテキスト ] 2024年12月22日 ・体験談:物後頃ついた頃からずーっと鼻がつまってた [感動] (7)-[ 感動体験談 ] 2024年12月19日 ・テキスト:勇者「魔王に寄生されてしまった……!」 [おもしろ] (0)-[ おもしろテキスト ] 2024年12月16日 ・体験談:夏休みに1年生全員参加で3キロの遠泳する伝統行事 [衝撃] (8)-[ 衝撃体験談 ]
こんにちは、えんちゃんと申します😃 前回大人気の完全裁量型PAMMから時を経てPAMM第二弾が、 リリースされました!! 前作第一弾はGoldに特化した攻め中心の運用に対して、 第二弾は守りを中心とした安定型なタイプとなります。 第一弾、二弾を共に運用していく事でリスクや利益を安定させ、 バランスの...
Zookoda was an RSS-to-email service previously offered for free to all bloggers. Unfortunately abuse of the system, ongoing maintenance costs, and the economic downturn have lead IZEA to put the service on ice. We need to focus on our core business of blog marketing for now. We apologize for any inconvenience this has caused and hope you understand our decision. Please contact IZEA customer suppor
ウェブ上のユーザたちは、ハイパーテキスト・リンクは別のページを読み込むべきだという、明確な思考モデルを持っている。ページ内リンクはこの思考モデルに反するため、混乱を招く。 Avoid Within-Page Links by Jakob Nielsen on February 21, 2006 最近、同じ日に同じことについて 2 つの質問をされた。普通、このようなことが起こるということは、この話題にはもっと幅広い関心があるということなので、これについてのコラムを書こうと決めた。 質問その 1: 今、リンクをクリックして「名前付きアンカー」(同一ドキュメント内の別の場所)に移動する、「ジャンプ・リンク」についての議論に関わっています。私は、ジャンプ・リンクが新規ウィンドウを開くリンクと同等に、あまりよくないものだということを、貴方の書いた 2 つの記事で裏付けようとしています。 質問その 2
The most important thing being delivered from any Web site is the content. Therefore, time and effort should be spent on making that content the most accessible aspect of any project. The method in which you style the content intensive elements of your document has a very strong effect on accessibility. There are different ways to style text according to the medium on which the text will appear. I
お役立ち:ソフト用アイコン 無料(海外) Famfamfam … 海外、無料、多数 Tango Icon Gallery … 海外、無料、多数 VB Corner … 海外、無料、XPアイコン RealWorld Graphics … 海外、無料(要許可)、Vistaアイコン Rimrock Software … 海外、無料 graphicPUSH … 海外、無料 無料(国内) Lupin's Program … 国内、無料 Buin2gouLaboratories … 国内、無料 有料 SimpleBits … 海外、有料 StockIcons.com … 海外、有料 Glyfz … 海外、有料 【Famfamfam】 アプリケーション用アイコン配布サイト。 美しいデザインのアイコンが多数無料で配布されています。 アイコンの豊富さにかけては、このサイ
XOOPSの携帯用改造 † XOOPSの携帯用改造に関してわかったこと、思いついたことを記録しておく。 自分のサイトで使っているケータイアクセス用のnewbb改造スクリプトを公開中。 このページの添付ファイルは旧版です。 新しいバージョンは こちらで公開中。 ↑ 2004-07-09 (金) 16:56:11 † スクリプトの公開ページを引っ越します!! このページで公開していたケータイ用拡張スクリプト用に新しいページケータイでXOOPSを閲覧を作成。 以降のリリース、サポートはそちらで行うこととする。 ↑ 2004-07-07 (水) 18:00:56 † 自分のサイトを2.0.7にアップグレードしてこのページで公開しているスクリプトをテスト。どうにか思惑通り動作することを確認。 PC用のフォーラム ケータイ用のフォーラム ユーザ認証関係は一切やっていないのでフォーラムをゲス
【特別企画】 資格で読み解くIT派遣 (6) Webデザイナー・Webクリエイターに必要な資格とは? 2006/3/15 拡大しつつあるWebデザイナー・Webクリエイターの活躍場所 Webデザイナー・Webクリエイターが活躍する「Webデザイン」というジャンルは、比較的最近になって成立したものである。コンピュータ専門学校がWebデザイナー養成コースを開講したのは、5年ほど前にしかすぎない。このように、ITエンジニアの数ある職種の中でも、Webデザインという職種はもっとも新しいと言ってもよいが、今やクリエイティブを追求する人たちにとっては人気の職種となっている。この数年では、雑誌やパンフレットを制作するエディトリアル・デザインからWebデザインの世界に移る人も多いくらいだ。現在では、Webデザイナーの派遣案件も多くなり、IT技術に興味があり、かつクリエイティブな仕事が好きな人には最適な職種
メニューへ移動 トップページ 1つ新しい記事 1つ古い記事 target 属性 私的に結構好きなネタなので言及してみます。最初に書いておきますが、私は target="_blank" 完全否定派です。 ウェビンブログ: target=”_blank” 本当は文書的に間違いなのですが、一行目を「XHTML 1.0 Transitional(過去形式の文書を考慮したユルい文書宣言)」にしているので辛うじて引っかかっていません。 XHTML 1.0 Strict を宣言している文書でリンクを別窓に開きたいのであれば、JavaScript を利用する手があります。 function setTarget(){ var AE = document.getElementsByTagName('a'); for(i = 0; i < AE.length; i++){ if(!AE[i].href.matc
素敵サイトリンク集 タグの呪縛からの開放? ←テンプレユーザーから学ぶ 0574Webサイト作成支援系HTMLタグ ←人気ランキングで学ぶ Key Person Q ←イチオシ Webデザイナーが使うWebデザインのネタ帳 まさにネタの宝庫! ステキサイトを探すなら、まずここで。 いったい、どうやって探してるの? フリー素材画像Click-UP↑ 全部無料!面倒な画像加工の必要なし! ホームページやブログで、そのまま使うだけでクリック率がアップするフリー素材画像を提供 BannerReport.com ←とりあえずバナーに悩んだらここ。 The Internet Advertising Resource Guide 15,000種類くらいあるそうで、かえって悩むかもしれませんね(笑) CYBER@GARDEN CSSでイケてるデザインサイトリンク集2 Webmonkey ←米国スタッフが伝
by Alessandro Fulciniti In November 2005 I presented on pro.html.it a three-part article on creating CSS layouts using techniques like negative margins, any order columns and in some case opposite floats. The main goal of the article was getting the maximum number of layouts based on the same markup, each with valid CSS and HTML, without hacks nor workaround and a good cross-browser compatibility.
US-Börsenexperte Koch: „Wall Avenue wartet nervös auf Fed-Entscheid“ Vor der Zinsentscheidung der US-Notenbank Fed agieren die Anleger an der Wall Avenue zurückhaltend. Markus Koch analysiert das aktuelle Börsengeschehen. Dow Jones und Nasdaq starten mit Abschlägen in den Handelstag, Meta verliert fünf Prozent. Weitere Entwicklungen an der Wall Avenue erfahren Sie hier: https://www.handelsblatt.co
ColorZilla for Firefox is an extension that assists web developers and graphic designers with color related tasks - both basic and advanced. ColorZilla includes a Color Picker, Eye Dropper, Gradient Generator and many additional advanced color tools. With ColorZilla you can get a color reading from any point in your browser, quickly adjust this color and paste it into another program. You can anal
Thunderbird にタブが来た - えむもじら: Mozilla Thunderbird Tabbed Message Browsing Test Builds - MozillaZine Talkback(silvervine さんによる翻訳)を見て目を疑いました。おおっ、ついに Thunderbird にタブが! ついに長年の夢がかなうときが来るようです。 まだテスト段階だそうなので今後どうなるか未定ですが、次期 Thunderbird 2.0ではプレビュー・ペインにタブ機能がつくみたいですね! 噂(cf. Thunderbird 2.0 ロードマップ)には聞いていたのですが、正直、ここにつけるのか~と感じてしまいました。別ウィンドウで個々のメールを開いたときにタブ化されると勝手に思っていたので。。。とはいえ、プレビュー・ペインでも便利は便利かも。 少し試用したのですが、メール一
07«|12345678910111213141516171819202122232425262728293031|»09 文字サイズ Firefox 43 より、署名なしの拡張が無効化されることとなりました。 その為、使用できなくなるこのブログ上のすべての拡張は今後更新されることがありません。 ScribeFire(以前 Performancing と呼ばれていた)を日本語化した。 ちなみにこのFC2ブログで ScribeFire (Performancing) を使用するには、 編集画面右下にある「追加」 -> 自分のブログ -> ブログシステムという上の欄は無視して、下の欄のAPI URLを「http://blog.fc2.com/xmlrpc.php」と入力 -> ログインに必要なユーザー名とパスワードを入力。FC2IDがあるならそちらを入力。 として、ブログタイトルが表示されれば
Browser Extension Defend yourself and your organization against cybercrime with Netcraft’s browser extension for Chrome, Firefox, Edge, and Opera Cybercrime protection, in your favorite browser Benefit from Netcraft’s real-time protection from malicious sites including phishing, fake shops, and malicious scripts such as JavaScript skimmers and cryptocurrency miners in your browser. Beyond protecti
Firefox で閲覧中のページのスクリーンショットを簡単に保存できる拡張 『Pearl Crescent Page Saver』 2005年 12月 23日 (金) 12時 07分 42秒 Firefox | | コメント(1) | Pearl Crescent Page Saver ブラウザに限らず、モニタに表示している画面(ん?)のスクリーンショットを撮るツールは多々ありますが、この拡張はかなり便利です。以前 Lucky bag さんのところで紹介されていたScreen grab! も試用したこともあるのですが、JAVAが必須という事で私にとっては使い勝手があまり良くありませんでした。ところが今度の Pearl Crescent Page Saver はJAVAも必要なく、任意のページのスクリーンショットをpng形式で、しかも大きさを指定して保存する事が出来ます。 拡張の導入方法はい
GET UNLIMITED ONLINE STORAGE TO ACCESS YOUR FILES EVERYWHERE!! Free and easy to use for all types of files Want to see how Gspace works? Gspace is the FON friendly site that provides FREE Online Storage to access your files everywhere. Gspace turns the 2GB of your Gmail account into free online storage. With Gspace you can manage unlimited Gmail accounts to store all type of files within its si
次期Windows「Vista」を開発するのにすでに5年を費やしているMicrosoftだが、新しい「Windows Live」ではさまざまなサービスを5分おきに投入しているかのようだ。 もっとも、そこがある程度重要な点ではある。 昨年秋に、MSN幹部のDavid Cole氏らは、Microsoft最高経営責任者のSteve Ballmer氏と会長のBill Gates氏に、新しいOSのような複雑なソフトウェアよりもオンラインサービスのほうがかなり素速く立ち上げられるというアイデアを売り込んだ。彼らは多くのオンラインサービスを盛り込んだ計画を提出したが、これらのサービスはここ数カ月の間に、Windows Liveの一部として投入されてきている。 Cole氏は、MSNスタッフに向けて最近出した社内電子メールのなかで、「彼らは驚いていた。そして、それほど多くのサービスを公開できるとなれば、会社
4日間に渡って発信され続けた、数々の主張・発言の中から、個人的に印象に残ったもの (共感できたもの、感銘を受けたもの) をここに羅列してみます。あまたの発表者の中から、キラリ輝く存在を、短時間で知る (判別する) 事ができるのがこういったカンファレンスへの参加意義の1つだと思いました。 ★★★ * why should people be spying on themselves? we share our attention data - so that you can take more value / information from all the others. * どうして自分の行動をアプリケーションにスパイさせるの?(他人に公開するの?) そうする事により、その他大勢から、より多くの価値や情報を分け与えてもらえるから。 - Felix Miller (Last.fm) Fin
■[調査]目的特化型SNS構築ASPサービス比較調査 先日、目的特化型SNSについて記事を書き、関連してちょっと気になったので国内で提供されているSNSの構築ASPサービスを調べてみました。 いやはや結構な量のサービスが提供されていますね。 傾向としてGrouptube以外のサービスはビジネスユースがターゲットとなっているため、比較的料金が高い代わりに管理機能が充実していたり、画面のカスタマイズが出来たりといった違いがあります。ビジネスユースでも、主な用途は二つに別れます。 社内の情報共有目的(メッセージ機能は無いが、ニュースの共有機能があるケースがある) 顧客の囲い込み目的(画面カスタマイズと管理機能に重点) また、意外な事に携帯からの利用に対応しているサービスが少ないですね。ビジネスユースのSNSでは、携帯からの利用のニーズが低いのでしょうか? そして、今回はASPサービスに絞って調査
PHP が使われているシステムやソフトは枚挙にいとまがない。ここではその事例を挙げてみよう (随時更新予定、 コメントに 「こんなのがあるよ」 といただけると助かります! )。 システム Yahoo! Yahoo! が PHP を採用した理由 PHP at Yahoo! (PDF) JAL Family Club Credit Card Account Access GREE (SNS) 4travel (旅行のクチコミサイト) ソフト WordPress (オープンソース (GPL) ブログ) Gallery (オープンソース (GPL) フォトギャラリー) Drupal (オープンソース CMS) TYPO 3 (オープンソース CMS) XOOPS Cube (オープンソース CMS) Mambo (オープンソース CMS) PHP-Nuke (オープンソース CMS) osComm
もういくつ寝ると 今年のはじめにやりたいことリストを作った。今見たら50項目あるリストのうち25個が達成済みだった。ちょうど半分やりたいことをやったということだ。私にしてはまあまあの結果だと思う。満足。 やりたいことリストにあるもののうち、「〜を食べたい」系は概ねクリアし…
CSS3 & HTML5 TEMPLATES 4 steps to responisve and mobile Blog - Templatedesign 1. HTML5 Blog-Templates(ohne CSS) zeigt die HTML5 Struktur. 2. HTML5 Blog-Templates mit BASIS CSS positioniert. 3. HTML5 Blog-Template RESPONSIVE für mobile Geräte. 4. HTML5 Blog-Template Snow-Style RESPONSIVE. HTML5 Basis Templates (float) 3 Spalten Template zentriert Menus fix, Inhalt dynamisch. 2 Spalten Template zent
2006年3月17日、ソフトバンクはボーダフォン買収を正式発表しました。 買取の金額は、1兆7,500億円。よくわからんですね、このデッカイ数字。 エベレストの2ばーい 100万円の厚さは約1cmです。1,000万円が10cm、1億円が1mと数えていくと…、1兆7,500億円は何と「17.5km」にもなります。エベレスト(チョモランマ)は8,844mですから、その約2倍です。 1万円を重ねていくと、エベレストの2倍の高さになっちゃうんです! ちょww それ宇宙に飛んでいくんじゃね?(慣れない2ちゃんVIP用語を無理矢理使ってみる) あなたは11万5千円で買われちゃいました 無理矢理な例えをもう一つ。ボーダフォンは現在1,514万契約。買収金額1兆7,500億円を契約数で割ると、1契約あたり11万5千円です。 そこのボーダフォンユーザーのあなた! あなたは今日11万5千円でソフトバンクに買わ
tomas.epineer.se Asynchronous file upload with AJAX progress bar in PHP One of the few things that I find lacking in PHP is the ability to report the progress of a file upload. This means that file uploads, especially uploads of larger files, can be extremely frustrating for end users when they don’t know if the upload is progressing or if it has stalled or if it has even started. アップロードの進捗を表示しつつア
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く