タグ

関連タグで絞り込む (280)

タグの絞り込みを解除

HTMLに関するsscrのブックマーク (212)

  • RSS自動作成ソフト「Fumy RSS & Atom Maker」

    Fumy RSS & Atom Maker - RSSフィード自動作成ソフト - 最近に更新されたHTMLファイル群から情報を自動抽出し、RSSフィードやAtomフィードを自動作成するフリーソフトです。ローカルのHTMLからタイトルや概要を自動抽出するので手入力の手間を省けます。 ダウンロードページへfor Windows 10/8.1/8/7/Vista/XP ※最新版は、2009年6月8日公開の Ver 0.972β です。 (Windows10 64bit版でも動作確認済み) Fumy RSS & Atom Maker : 最新アップデート記録・情報 2016年08月13日 Windows10 (64bit版)でも動作することを確認済みです。 2011年10月28日 Windows7でも動作することを確認済みです。(32bit版・64bit版共に動作します。) 2009年06月08日

    RSS自動作成ソフト「Fumy RSS & Atom Maker」
  • caramel*vanilla » Blog Archive » WordPressでLightboxを超簡単に使ってみる

  • デフォルトスタイルの差異を無くす CSS

    2007-01-30更新 Yahoo UI Fonts CSS使用時の各要素のフォントサイズを変更する際の注意点を追加しました。 defalut.cssちょっとだけ修正 2007-01-18 更新 記事の内容も古くなり、Yahoo Libraryなどがでて更に差異を減らすことが簡単になったことから、これを利用し、スタイルも簡潔にシンプルに記述しなおしましました。前よりも使いやすくなったはずです。前回配布していたものとの変更点は次のようになります。 定義グループにアウトライン番号を記述 ベーススタイルのデザインをシンプルに記述し直し 使用していたカラーを一部を除いてモノトーンに変更 Yahoo Library Fonts CSSを組み込み、各ブラウザで文字サイズが同一になるように修正 プロパティ記述順序をhail2u.netCSS2 Specificationでのプロパティの出現順序」に沿

  • 我的春秋: タグクラウドのマークアップ

    最近 巡回しているサイトで、ちょっと面白いエントリーがあったので、紹介がてら、自分でも考えてみようかと。 Marking Up a Tag Cloud (24 Ways) del.icio.us, Flickr, Technorati の (X)HTML ソースを比較しながら、タグクラウドの適切なマークアップについて考察しているエントリーです。といっても、著者の Mark Norman Francis は、これらにいきなりダメ出しをしています。いわく、「問題は、みんな間違っていることだ」(The problem is, everyone's doing it wrong.)と。

    我的春秋: タグクラウドのマークアップ
  • CSS デザインまとめサイト 44サイト | WWW WATCH

    Modern, well-designed web pages deserve special focus in internet. They receive that thanks to so-called CSS galleries, into them are such pages arranging. On this page you can find a list of quite 44 CSS galeries of whom webdesigners from all the world gathers inspiration. 個人的には下記のサイトなんかよく利用させてもらってます。 CSS Beauty CSS Bloom CSS Blast CSS Drive CSS Mania CSS Remix CSS Vault Darkeye Design Shack Unma

    CSS デザインまとめサイト 44サイト | WWW WATCH
  • IE7 で画面が真っ白になるページの対処方法 :: Drk7jp

    一部で IE 7 を使うとページが旨く表示されず、画面が真っ白になると言う現象で悩んでいる方がいると聞きます。何を隠そう、僕もつい最近まで IE 7真っ白現象で悩んでしました。ブラウザ側にコンテンツが送られずに真っ白な画面になっているわけではなく、コンテンツは正常に受信している(ソースの表示で正しく html が表示される)けど、レンダリングされず画面が真っ白なままという謎の現象。IE 6 や FireFox では同様の現象は見受けられない。 で、取りあえずの対処方法として、F5を押してページをリロードすると正常に表示される場合が多いが、右クリック→エンコード→自動選択でも多くの場合正常に表示される。後者の場合はサーバに再問い合わせをしていないようなので、こちらの方が都合がよい。 で、更に調査をしていったら、何のことはない。昔も議論されていた文字化け議論と同じ物だった。 さて、この IE

  • clmemo@aka: Picasa Web Albums の写真をブログに貼り付ける時に、サムネイルのサイズを変える

    Picasa Web Album には、ブログに写真を貼り付ける為に、HTML コードを吐き出す機能がある。HTML コードは、写真を選択してサイドバーから「ブログ/MySpace に埋め込む」というリンクをクリックすると得られる。 ところが、この HTML スクリプト。横幅 288px のサイズしか用意されていない。そして、288px はあまりにも小さすぎる。そこで、Google Operating System の Tips。 Google Operating System: Embed Photos from Picasa Web Albums 「ブログ/MySpace に埋め込む」から得られる画像ファイルの src は、以下の URL になっている (** は何かしらの文字列)。 http://**.google.com/image/USERNAME/**/**/**/s288/P

    clmemo@aka: Picasa Web Albums の写真をブログに貼り付ける時に、サムネイルのサイズを変える
  • CSS 分割管理の実践編

    2006-12-13T09:47:51+09:00 数日前に行ったリニューアルでは、いくつか課題を設けました。ただただリニューアルしても張りがありませんし、ウェブデザインを行うものにとって自身のウェブサイトは自身の作品のようなものだし、好き勝手できるのも魅力なわけです。何回かの記事にわけて、リニューアルでおこなった作業をまとめていこうと思います。 前回、スタイルシートを分けて管理する方法をまとめるで CSS ファイルを分割管理するメリットや、どのように分割するか案を書いてみましたが、今回のリニューアルで実際に案を元に分割管理を実践し、結果はリストのようになりました。各ファイルの概要は案段階から変化がないので、そちら参照ください。以下のリストでは、テーマファイル以外の実際の CSS ファイルにリンクしています。 common.css component.css fonts.css scree

  • CSSベースのフォームテンプレート:phpspot開発日誌

    A CSS-based Form Template CSSベースのフォームテンプレート。 フォームをデザインするのって結構面倒だったりしますよね。 フォームのテンプレートがあらかじめ容易されていれば、コピペであっという間にフォームが出来そうです。 しかもCSSベースなのでデザイン変更も容易でHTMLも綺麗ということですごく便利です。 次のような綺麗なフォームのテンプレート。 1枚の中にCSSの定義も全部入っていて便利に使えそうです。 関連エントリ セクシーなCSSホバーボタンを作成するチュートリアル DIVを垂直方向に中央寄せするCSSサンプル CSSを使い、1枚の画像だけでカラフルなグラデーション背景を作る例 CSSの小技集、20個

  • 角丸画像を瞬時に生成するGoogleの隠れAPI! | p o p * p o p

    これはすごい・・・Googleの隠れAPI(?)を見つけてしまった人がいます。Web 2.0系でよく使われる角丸用の部品を簡単につくることができちゃいます。 » Zach’s Journal – google’s own cornershop 例えば、Google グループのページの丸角は下記のURLで生成されています。 http://groups-beta.google.com/groups/roundedcorners?c=999999&bc=white&w=4&h=4&a=tr 生成される画像は以下。 そしてご推測のとおり、パラメーターをいじることができちゃいます。たとえば下記のような画像を自由自在です。 以下、パラメーターの詳細です。 c:色を指定します。色の名前(aqua, black, blue, fuchsia, gray, green, lime, maroon, navy

    角丸画像を瞬時に生成するGoogleの隠れAPI! | p o p * p o p
  • POP*POP的アイコン配布サイトまとめ | p o p * p o p

    よくあるアイコン配布サイトまとめですが、自分へのメモ書きの意味も込めてエントリー。ドイツ語のページでよくまとまっているものがあったのでご紹介しておきます。よろしければどうぞ。 » Icon-Sammlungen — Software Guide ご利用の際には、それぞれの利用ライセンスに従ってご活用くださいませ。 ■ 「80×15」ボタン ↑ 3,400個ものミニボタンを公開しています。 Adam KalseyやLuca Zappaを使えば、ボタンの作成もできます。ブログのRSS用ボタンも簡単に作れます。 » George Taylor McKnight ■ intersmash.com ↑ 1,800のサイトから集められた300のアイコンを公開。矢印、記事、メール、吹き出しなどに使えるかわいらしいのがたくさんあります。サイズは16×16ですね。 » intersmash.com/300i

    POP*POP的アイコン配布サイトまとめ | p o p * p o p
  • The Room - One Line BBS Light

    トップ>ダウンロード>One Line BBS Light One Line BBS Light Ver.1.20/1.21 現在、SSI版がVer.1.20、CGI版がVer.1.21です。 1行づつ書きこんで行く形の掲示板です。 気軽に書きこめるのが特徴です。 HTML埋め込みによって、トップページやCGなどの下に使用して、 感想などを書きこんでもらうのに最適な形になっています。 下のものはサンプルです。 御自由に書きこんで見てください。 Name: Color: Message: [an error occurred while processing this directive] 過去ログ表示 機能 ・一行掲示板 ・デザインにおけるスタイルシートの使用設定 ・IPアドレスホスト名をソースに表示 ・クッキー対応 荒らし対策 ・許可するタグを設定することが可能 ダウンロード CGI版

  • XTREC * * * MailForm (ページ埋め込み用メールフォーム) / PHP * * *

    ~出典:2000年5月1日 日経バイト~ E-Commerceサイトと問い合わせフォーム E-Commerceサイトでは、情報を提供するだけでなく、顧客側からの情報のフィードバックも重要になってくる。 CGI(Common Gateway Interface) メール送信フォーム そうしたインタラクティブなページを実現するための方法には、大きく分けて、サーバ側で処理を行うものとクライアント側で処理を行うものとがある。前者の代表的なものがCGI(Common Gateway Interface)と呼ばれる仕組みだ。今回は、ユーザーがWebページ上の空欄を埋めて送信ボタンを押すだけでメールが送れるメール送信フォーム(フォーム・メールともいう)を例にとって、CGIの利用法や注意点を解説する。 掲示板や検索エンジン CGIを利用して実現 CGIを利用して実現しているインターネット上のサービスには、

  • 全文検索 JiroSearch オープンソース(GPL) | Lucene

    JiroSearchとは 「JiroSearch」 は、様々な全文検索ニーズに対応できることを目指し、オープンソースとJavaで開発された全文検索エンジンです。 面倒な設定作業やコーディング作業なしに、全文検索機能を導入することが出来るとともに、様々な検索ニーズに合致したカスタマイズを行うことができます。 基的な特徴 Webサイト内の日語全文検索「namazu」と同様のことができます オープンソース(GPLライセンス)ですので、無償で利用することができます Linux, Windowsのサーバ上で動作します インストールして、そのまま利用していただくことができます N-gram形式のインデックス生成型の全文検索として動作します 検索対象ファイルの自動更新を可能にします CSSファイルを直すことで検索結果ページのデザインを変更することができますjspファイルを修正することで、自由に検索結

  • フォームの入力ボックスを動的にリサイズできるブックマークレット:phpspot開発日誌

    The Man in Blue > Experiments > FormTextResizer FormTextResizer is a bookmarklet that allows you to resize any textarea or text input on any webpage. This way, you won't be confined to a teensy little comment box or e-mail field. Just activate the bookmarklet, then click-drag on the textarea or text field that you want to resize. Simple! フォームの入力ボックスを動的にリサイズできるブックマークレット。 サイトを巡回していると、フォームの入力ボックスが小さく

  • Japanese Traditional Colors

    桜色 (さくらいろ) # 薄桜 (うすざくら) # 桜鼠 (さくらねず) # 鴇鼠 (ときねず) # 虹色 (にじいろ) # 珊瑚色 (さんごいろ) # 一斤染 (いっこんぞめ) # 宍色 (ししいろ) # 紅梅色 (こうばいいろ) # 薄紅 (うすべに) # 甚三紅 (じんざもみ) # 桃色 (ももいろ) # 鴇色 (ときいろ) # 撫子色 (なでしこいろ) # 灰梅 (はいうめ) # 灰桜 (はいざくら) # 淡紅藤 (あわべにふじ) # 石竹色 (せきちくいろ) # 薄紅梅 (うすこうばい) # 桃花色 (ももはないろ) # 水柿 (みずがき) # ときがら茶 (ときがらちゃ) # 退紅 (あらぞめ) # 薄柿 (うすがき) # 長春色 (ちょうしゅんいろ) # 梅鼠 (うめねず) # 鴇浅葱 (ときあさぎ) # 梅染 (うめぞめ) # 蘇芳香 (すおうこう) # 浅蘇芳 (あさすお

  • Web2.0サイトを開始するための7つのルール:Geekなぺーじ

    「Seven rules for Web 2.0 startups」という記事がありました。 面白かったので要約しました。 誤訳などがある可能性があるので、詳細は元記事をご覧下さい。 書いている人はユーザの立場から、Web2.0サイトを構築するときに注意すべき事を書いているようです。 以下要約です。かなり意訳気味です。 1. ユーザが楽に移行できるようにしてあげる事 前使っていたサービスからの移行をスムーズにしてあげる必要があります。 例えば、Vox blogでは最近になって他のブログサイドバーに入れられるHTMLを生成するジェネレータを公開しました。 これによって、他のブログサービスを使っているユーザはVox blogに移動する事を宣伝しやすくなりました。 2. ユーザがサービスを試しやすい事 ユーザからすると、何が出来るかを試すためだけにメールアドレスを要求されるのは嫌なものです。 良

  • JavaScript で文字をトリミングする

    JavaScript を用いてエントリータイトル等の文字をトリミング(指定した文字数だけ表示する)するカスタマイズです。 以前、「Movable Type のようなトリミングを、他のブログで実現できないでしょうか」というご質問の回答です。大変遅くなりましたが、このエントリーで回答に替えさせて頂きます。 ここでは文字数でトリミングする方法を紹介していますが、半角・全角が混在している場合のサイズを調整したい場合は、下記のエントリーを参照ください。 JavaScript で文字をトリミングする(改善版) とりあえず「id 属性名」と「要素名+ class 属性名」で指定したタグの中に記述された文字列をトリミングする、簡単な JavaScript を書いてみました。 Windows + IE6/Firefox 2 で実験した限りでは、全角・半角いずれも1文字で計算してトリミングしてくれるようですが

    JavaScript で文字をトリミングする
  • 滑らかに開閉するメニューのサンプル

    以前、個人的に作っていたサイトで、なんかメニューの見せ方を工夫できないかなと思って、「prototype.js」 と 「effects.js」 を利用してやって... 以前、個人的に作っていたサイトで、なんかメニューの見せ方を工夫できないかなと思って、「prototype.js」 と 「effects.js」 を利用してやってみたのが今回紹介するメニューのサンプル。 マウスオン / オフすると、隠れているサブメニューが滑らかに閉じたり開いたりします。クリックで開いたり、折りたたまれたりするメニューはよくありますが、それに無駄なエフェクトを施した版といったところ。 実際に動作しているサンプルはこちら。マウスオン / オフで滑らかに開閉しちゃいます。 さて、今回の材料は、 JavaScript ファイル 3種 メニューの HTML ソース メニュー用 CSS の追加 JavaScript

    滑らかに開閉するメニューのサンプル
  • PHP互換のJavaScript日付フォーマット関数をモジュール化した - cloned.log

    http://clonedoppelganger.net/javascript/DateFormatter.html 使い方は <script type="text/javascript" src="./DateFormatter.js"></script>と読み込んでおいて var now = new Date(); alert( DateFormatter.format(now, "Y/m/d(J) H:i:s") );というようにやると 2006/12/03(日) 16:03:56と出力することができます。 フォーマットパターンはソースコードにも書いていますが、以下のものが出力可能です。format文字を通常の文字として扱いたい場合は、直前に#を付けることでエスケープすることが可能です。 format 文字 説明 Y 年。4桁。 y 年。2桁。 m 月。前ゼロあり。 n 月。前ゼロな

    PHP互換のJavaScript日付フォーマット関数をモジュール化した - cloned.log