QR-Code - 今表示しているURLのQRコードを表示
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました Webブラウジングしていて、そのURLをスマートフォンやタブレットで表示したいと思うことが良くあります。そんな時に便利なのがQRコードで、カメラを使ってURLが送信できます。かつてはGoogleチャートが使えたのですが、QRコードは非推奨になってしまっています。 そこで使ってみたいのがQR-Codeです。Google Chrome機能拡張として今表示しているタブのURLをQRコードで表示してくれます。 QR-Codeの使い方 実行したところ。巨大なQRコードが表示されます。 QR-Codeは非常に大きなQRコードが表示されます。これならば少し離れた人でもコードが読み取れるでしょう。便利なのは外部のWeb APIなどを実行している訳ではないのでサービスがオフライン時でも使えます。 Q
Git History - ビジュアル的な差分表示
バージョン管理の肝と言えるのが差分表示でしょう。何か誤った更新があっても確認ができて、必要に応じて差し戻すこともできます。多くの場合、上下または左右に並べて比較できるようになっています。 今回はその新しい表示方式としてGit Historyを紹介します。ビジュアル的に優れた格好良い差分ビューワーです。 Git Historyの使い方 Git HistoryはGitHub上のファイルを開いた状態で、github.comをgithub.githistory.xyzにすると差分表示になります（公開されているファイルの場合）。その表示は以下のようになります。 上に出ているコミッターを切り替えると、アニメーションしながらその時のコードになります。 実際に試しているところです。 Git Historyは細かく見比べるときには使いづらいですが、雰囲気としてどれくらい変わったかを把握するには十分です。ある
Movable Typeでブログ記事が属するカテゴリアーカイブのリンクをブログ記事ページに表示する
Movable Typeで、ブログ記事が属するカテゴリアーカイブのリンクをブログ記事ページに表示する方法を紹介します。 １．概要 ブログ記事にカテゴリを表示するとき、パンくずリストを利用する方法は「Movable Typeでパンくずリストを作る」で紹介しましたが、ブログ記事が属するメインカテゴリのカテゴリページへのリンクだけを表示したい場合があると思います。 たとえば、ブログ記事ページに同一カテゴリの記事一覧を10件出力したあと、「さらに読む」といった、カテゴリページへのリンクを貼るような場合です。 ブログ記事が属するメインカテゴリは、ブログ記事アーカイブに以下のいずれかのテンプレートタグを設定することで取得できます。 ２．MTEntryLinkタグを利用する MTEntryLinkタグにarchive_typeモディファイアを与えて「archive_type="Category"」とすれ
スタイルシートの内容はそのままで、可読性・保守性を高めるオンラインサービス -CSS Trashman
サイトやブログで使用しているスタイルシートをリファクタリングし、可読性・保守性を高めたCSS（Sassも）に変換してくれるオンラインサービスを紹介します。
「file:///」でスラッシュが3つ並んでいる理由
ブラウザにテキストファイルや画像ファイルをドラッグるすと、テキストや画像が表示され、URLが「file:///」で始まるのは皆さんご存知かと思います。 Windowsであれば、「file:///」「file:///C:/」と入力すれば、エクスプローラーのような表示を行うこともできます。 で、「何でスラッシュが3つ並んでるんだろう？」と疑問に感じていたものの、「まぁそういうものなんだろう」と、ほったらかしにしていました。 ということでこの疑問を解消すべく、「file:///」について真面目に調べてみました。 １．「file」について まず「file」は、ホストコンピュータ上でアクセス可能なファイルを示すもので、RFC1738（URL仕様）の3.10に以下の記載がありました。 3.10 FILES The file URL scheme is used to designate files a
任意のファイルを読み込み、その場に実装するWordPressショートコード | かちびと.net
3連休ですがいつも通り更新です。暇なものでして。今日はWordPressの小ネタです。一見凄く使えそうですが、使い方に気を付けたほうがいい、みたいなTips。任意のファイルを外部だろうが内部だろうが読み込むショートコードです。 休日ですし、ちょっとネタっぽい内容です。htmlでもxmlでもcssでも、指定したファイル内の文字列を取得してその場に実装します。 以下のコードをfunctions.phpに含めます function show_file_func( $atts ) { extract( shortcode_atts( array( 'file' => '' ), $atts ) ); if ($file!='') return @file_get_contents($file); } add_shortcode( 'show_file', 'show_file_func' ); で
CSSのみでマウスオーバー時にリンク先のURLをツールチップで表示させる - かちびと.net
cssの小技的な内容です。さほど使う機会は無さそうなんですけど、JavaScriptを使うほどでも無いようなものなのでcssだけでやって見た、みたいな記事。リンクにマウスを乗せるとそのリンク先のURLをツールチップとして表示させます。 対応ブラウザはモダンブラウザとIE8以上です。:afterを使うのでIE7以下は対応できません。 cssでリンク先のURLを表示する まずはcssのみでリンク先のURLを表示させます。 マークアップは以下で固定。 <a href="/">かちびと.net</a> HTMLはこのままで、cssのみでリンク先のURLをマウスオーバーによるツールチップで表示させます。 URLを表示させる まずはURLを表示させます。 a[href]:after { content: attr(href); } これはよく印刷用のcssで用いられる手段で、印刷する際に、URLも表示
[JS]ページ内のハッシュリンクの箇所のみ表示するスクリプト -Paginator
使いどころが難しそうですが、ページ内のidをもったセクションのみ表示するjQueryのプラグインを紹介します。 Paginator デモページ (http://sbp.so/paginator#try) [ad#ad-2] Paginatorのデモ デモページの全部のコンテンツは、下記のようになっています。 デモページ (http://sbp.so/paginator#get) [ad#ad-2] Paginatorの実装 外部ファイル 「jquery.js」とハッシュイベントをコントロールする「jquery.hashchange.js」と当スクリプトを外部ファイルとして指定します。 <script src="jquery.js"></script> <script src="jquery.hashchange.js"></script> <script src="jquery.pagin
飛ぶ前にbit.lyやTinyURL等の短縮URLの飛び先を調べられるjQueryプラグイン「longshore」:phpspot開発日誌
飛ぶ前にbit.lyやTinyURL等の短縮URLの飛び先を調べられるjQueryプラグイン「longshore」 2010年08月04日- longSHORE - The missing URL service 飛ぶ前にbit.lyやTinyURL等の短縮URLの飛び先を調べられるjQueryプラグイン「longshore」。 bit.ly なんかで短縮されたURLの上にカーソルを合わせると次のようにポップアップが表示され、リンク先に関する情報が分かります。 なんと、驚くことに５４５のURL短縮サービスに対応しています。 →対応サービスはこちら 実装は、単にプラグインを読み込むだけで超簡単ですね。 英語部分は直接日本語化しちゃえばすぐ使えそうです。 関連エントリ PHP25行で書くURL短縮プログラム PHPからbit.lyやtr.im等のURL短縮サービスをまとめて扱える「PEAR::
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
IDEA * IDEA
Youtubeでもz-indexが効くようにする「?wmode=transparent」パラメーターをjQueryで自動挿入する - かちびと.net
記事作成画面にTinyURLの短縮URLを表示するMovableTypeプラグイン:TinyurlUtil