サクサク読めて、アプリ限定の機能も多数！
トップへ戻る
大そうじへの備え
tshinobu.com
対象ページ内の全リンクを取得して、サイトのページ一覧を取得します。 基点となるページ： 再帰取得レベル: 除外： PDF JPG 出力： プレーンテキスト リスト タイトル＋URL 並び替え： する しない ※再帰取得レベルを1以上に設定すると、再帰的にページ一覧を取得します（時間がかかるので、気長にお待ちください）。 ※ソースコード中のa要素のhref属性からリンク情報を取得しています。JavaScriptで開くページは取得できない場合があります。 ※100ページを超えるサイトの場合、取得できない場合がございます。また、IPアドレス制限やログインが必要なページなど非公開領域は取得できません。 （BASIC認証領域の場合は「http://ID:PW@***.com」で取得できる場合がありますが、使用は自己責任でお願いします。） お問い合わせ
XHTML+CSSのid/class名でキャメルケースを使うべきではない7つの理由を、CSS WIZARDRYの「CSS: CamelCase Seriously Sucks!」から覚え書きします。 CSS: CamelCase Seriously Sucks! 下記はその意訳です（間違っていたらすみません）。 はじめに 今、この記事が何人かの人をいらだたせることは分かっているし、私はふつうコードの書き方は教えません。私はシングルラインCSSがキライです。ただ、明瞭で、道理にかなった、理解しやすく、首尾一貫したコードであるならば、そんなに文句を言うことはありません。私の目から見て最も重要なのは一貫性です。しかしながら、キャメルケースは、本質的に矛盾していることが明らかなのです。 1. CSSはハイフンで区切られた構文 CSSはハイフンで区切られた構文です。どういうことかというと、font-
ページタイトル取得 (2012/7/18版) ページタイトルを取得したいURLを改行区切りで入力してください。 keywordsも取得 Descriptionも取得
ブログに記事を投稿する際、「公開」する前に誰かに内容を確認してほしい、ということがよくあります。しかし、WordPressでは「下書き」状態の記事を、第三者が確認するためには、第三者が何らかの権限でWordPressにログインしなければなりません。 そこで、「Public Post Preview」というWordPressのプラグインを使えば、「下書き」状態の記事を、ログインを必要とせずに第三者に確認してもらうことが出来ます。 Public Post Previewのインストール プラグインのインストールは、WordPressの管理画面「プラグイン」の「新規追加」から行えます。キーワードに「Public Post Preview」を入力して、「プラグインの検索」ボタンをクリックします。 検索結果に表示された「Public Post Preview」の「プラグインのインストール」をクリックし
XHTML+CSSのid/class名でキャメルケースを使うべきではない7つの理由を、CSS WIZARDRYの「CSS: CamelCase Seriously Sucks!」から覚え書きです。下記はその意訳です（間違っていたらすみません）。 はじめに 今、この記事が何人かの人をいらだたせることは分かっているし、私が普段どのようにコードを記述しているのか伝えたいのではありません。私はシングルラインCSSがキライです。ただ、明瞭で、道理にかなった、理解しやすく、首尾一貫したコードであるならば、そんなに文句を言うことはありません。私の目から見て最も重要なのは一貫性です。しかしながら、キャメルケースは、本質的に矛盾していることが明らかなのです。 1. CSSはハイフンで区切られた構文 CSSはハイフンで区切られた構文です。どういうことかというと、font-size、line-height、bo
2010年4月10日（土）、Web制作者向けの小規模な勉強会「第1回 Webridge Meeting～はじめての勉強会」で、「Web制作を加速させるAdobeアプリケーションでのJavascript」というタイトルで、PhotoshopやFireworks、Dreamweaverなどで動作する、主にHTMLコーディングのスピードを加速させる便利なコマンド機能や拡張機能を、デモを交えながらご紹介しました。 スライドをslideshareにアップしましたので掲載しておきます。また、Webridge Kagawaのウェブサイトのレポートとフォローアップの記事でもごらんいただけます。（SlideShareにアップしたところ、SlideShareのeditorial teamに「Featured Presentations & Documents」に選んでいただき、しばらくトップページに掲載されて
Blog 狭義の意味でのデザインの役割や解決できること a-blog cmsの管理画面でスクロールがおかしくなる（ページ上部に移動してしまう） スマホのときはslickを無効にする 2017年版WindowsのWgetでサイト一式をダウンロードする ドキュメントルートまでの相対パスを取得するPHP Works 古いプログラムの中には稚拙なものもありますが、使っていただいている方がいるため残しています。 Webサービス 複数のRSSの情報を取得する (2015) サイトのページ一覧を取得するプログラム (2015) URLのリストからタイトルを取得するプログラム (2012) URLのリストを一度に別タブで開くプログラム (2008) Fireworks Fireworksで複数行のテキストを1行にまとめてコピーするコマンド(jsf) (2010) Fireworksでスライス名を簡単に変更
Fireworksで複数行のテキスト、複数のテキストオブジェクトのテキストを、1行にまとめてコピーするコマンドを書きましたので覚え書きしておきます。複数のテキストオブジェクトの内容を取得し結合する場合、背面のレイヤーから、前面のレイヤーに向かって結合されます。カーニングなどにより空白が生まれることはありません。 var altText = ""; for(i=fw.selection.length-1;i>=0;i--){ for(j=0;j<fw.selection[i].textRuns.textRuns.length;j++){ altText += fw.selection[i].textRuns.textRuns[j].characters; } } altText = altText.replace(/[\r\n|\n|\r]/g,""); prompt("you can co
Fireworksのスクリプトの実行、今日めんどいなあと思う作業があって調べてみたんですけど、便利すぎて衝撃的でした。今までどうして知らなかったんだろうという感じです。以下サイトでいくつか紹介されていますが、スライスに連番＋一括名前設定は効率的すぎてやばいです。さっそく使わさせてもらっています。 ■オリジナルツール / Fireworks用オリジナルコマンド(jsf)一覧 (PIXEL LAB) http://www.pixelimage.jp/blog/2008/02/_fireworks.html で、上記サイトを参考に僕もFireworksでスライス名を一括置換するスクリプトを書いてみました。以下スクリプトを拡張子「jsf」で保存、対象のスライスを選択して「コマンド」→「スクリプトの実行」→保存したスクリプトを読み込んでご利用いただけます。「C:\Documents and Sett
Fireworksのスライス名を簡単に変更するエクステンションと同様のことを実現するFireworks用のコマンド（jsf）を書きましたので覚え書きしておきます。使っているPCに管理者権限がなくてエクステンションがインストールできないといったときにお使いいただけます。スライスを選択してこのコマンドを実行すれば、選択したスライス名を変更するダイアログが表示されます（複数のスライス選択変更にも対応しています）。 var dom = fw.getDocumentDOM() var sliceArray = new Array(); for (var i=0;i<fw.selection.length;i++){ if(fw.selection[i] =="[object SliceHotspot]") sliceArray.push(i); } for (var i=0;i<sliceArray
breadCrumb.js (beta) Breadcrumb (topicpath) generator by Javascript You are here: If you turn on javascript, this area is drawn to the breadcrumb(navigation). breadCrumb.jsとは パンくずリストをJavascriptを使って外部化。 現在開いているページのURLをもとにパンくずリストを生成します。 ダウンロード breadCrumb.js (2012/11/16) デモ ディレクトリ名をもとにしてパンくずナビを生成 リストタグ表示 (/lab/breadCrumbJs/sample/list/) ブロックタグ表示 (/lab/breadCrumbJs/sample/block/) ファイル名をもとにしてパンくずナビを生成
外部Javascriptファイルを読み込むJavascriptファイルです。HTMLからはrequire.jsを読み込むだけで複数のJavascriptを読み込むことができます。読み込むパスはHTMLから判別して自動的に補完するのでローカルでも、相対パスでも、ルートパスでも動作します。CSSのimport.cssのようなものです。すでにいくつか同じようなものが出ていましたがもっと安全にシンプルにできるのではと思いこっそり作ってみました。 ダウンロード require.js (4KB) デモ ルートパスで読み込み(新しいウィンドウで開きます) 絶対パスで読み込み(新しいウィンドウで開きます) 相対パスで読み込み(新しいウィンドウで開きます) 使用方法 require.jsを<head>内で読み込みます。 読み込ませたいJavascriptファイルをrequire.jsと同じディレクトリに設置
Fireworksのスクリプトの実行、今日めんどいなあと思う作業があって調べてみたんですけど、便利すぎて衝撃的でした。今までどうして知らなかったんだろうという感じです。以下サイトでいくつか紹介されていますが、スライスに連番＋一括名前設定は効率的すぎてやばいです。さっそく使わさせてもらっています。 ■オリジナルツール / Fireworks用オリジナルコマンド(jsf)一覧 (PIXEL LAB) http://www.pixelimage.jp/blog/2008/02/_fireworks.html で、上記サイトを参考に僕もFireworksでスライス名を一括置換するスクリプトを書いてみました。以下スクリプトを拡張子「jsf」で保存、対象のスライスを選択して「コマンド」→「スクリプトの実行」→保存したスクリプトを読み込んでご利用いただけます。「C:\Documents and Set
海外のウェブサイトで多く見られる「マルチヘッダー（MultiHeader）」「マルチヒーロー（MultiHero）」を実現するJavaScriptです。ページのキービジュアルやメインイメージに、複数のグラフィックを切り替えながら見せて、スペースをつぶさずにたくさんのコンテンツを配信します。（マルチヒーローについてはこちらの解説記事を参照→ユーザビリティやセンスの良さにグッときた8つのサイトデザイン） JavaScriptとCSSで構築しているので検索エンジンにインデックス化されやすく、どなたでも簡単にカスタマイズ＋導入いただけます。 Demo » Try demo without another. Sample code <head> <script type="text/javascript" src="jquery-1.2.6.pack.js"></script> <script ty
1年前に自分用に考えたのですが、かなり役立っているのでシェアします。自分のパソコンの環境下において、以下のJavascriptを埋め込むだけで、ルートパスで指定されたファイルを読むこむように補完します。 スクリプト <script type="text/javascript" src="http://www.google.com/jsapi"></script> <script type="text/javascript">google.load("jquery", "1.3");</script> <script type="text/javascript"> $(document).ready( function(){ if(!location.protocol.match("http")){ var ref = "file:///C:/Documents and Settings/u
内容量の多い代替テキストは一行に収めていますか？ それともデザインデータからコピーアンドペーストしたまま（あるいは意図的に）複数行で収めていますか？ altテキストやtitleテキストによるツールチップには改行を持たせられるとなんとなく知っていたんですが、いままで何らかの理由をもって改行を削除して一行に収めていました。根拠は忘れたのですがそういうものだと思いそうしてきました。しかしながらそれではいかんと急に根拠が気になって調べてみたところ、以下の記事にたどり着きました。 ■title 属性のツールチップ内で改行 http://www2.u-netsurf.ne.jp/~alt/mt/archives/20031211_1555.html ２種類の方法を使ったWinIEでの改行対応方法と、title属性はCDATAなのでブラウザは改行しないのが正しい解釈、という記事なんですが、alt属性や
Javascriptのdocument.writeを使ってたくさんの内容を出力したいことってあると思います。複数行出力するときはいろいろな書き方ができます。 以下のように都度記述する方法もあれば… document.write('<div id="exampleBlock">'); document.write('<h2>example</h2>'); document.write('<p>foo bar</p>'); document.write('</div>'); 以下のようにwith文を使って親オブジェクトの名前を省略して記述する方法もあります。 with(document){ write('<div id="exampleBlock">'); write('<h2>example</h2>'); write('<p>foo bar</p>'); write('</div>');
このページを最初にブックマークしてみませんか？
『tshinobu.com』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
