Windows Vistaは一時期触れて、すぐに止めてしまったので理解度が足りていないのだがファイルをタグ管理することができる。だがWebで言うタグ管理と何か違う、クラウドができなかったり、ファイルのプロパティから詳細タブを選ぶ必要があったりと、ワンステップ多いのだ。 タグを使ったシンプルなファイル管理ソフトウェア これではちょっと使い勝手が悪いように感じてしまう。そこで単純にタグ管理を可能にしてくれるのがTaggedFrogだ。 今回紹介するフリーウェアはTaggedFrog、Windows XPでも使えるファイルタグ管理ソフトウェアだ。 TaggedFrogの使い方は簡単だ。TaggedFrogにファイルをドロップすると、即座にタグを入力するモードになる。タグはカンマ区切りもしくはスペース区切りで入力する。終わったらエンターを押せば良い。 タグを使ってファイルを絞り込む ファイルは簡易
なぜデザインとYAMLが関係するのだろうと思ったが、ここでは「Yet Another Multicolumn Layout」の略らしい。つまりマルチカラムのデザインを容易に実現するためのCSSテンプレートということだ。 整ったデザインが簡単に手に入るのはすばらしい! Webプログラマの一番の悩みどころがデザインだ。特にCSSを使ってマルチカラムや入れ子になっているデザインは難しい。高さをそろえたり、メニューを横並びにしつつ、次の要素では違う表示など、複雑になればなるほど放棄したくなってくる。それがFirefox/IE/Safariなどのブラウザにも対応するとなれば尚更だ。そこで登場するのがYAMLだ。 今回紹介するフリーウェアはYAML、複雑なマルチカラムデザインテンプレートだ。 YAMLでは多数のサンプルが用意されている。単純な2または3カラムを基本として、グリッド化されてページの幅に応
Mac OSXとFlashの相性はあまり良くない。SafariなどでFlashビデオを見ていると一気にCPUの使用率が上がってしまう。他の作業まで影響を受けてしまうので、見たいと思った時までFlashを読み込まないのが良い。とは言え忘れないようにWebページを開いておきたいという人も多いだろう。最近ではFlashを使った広告も多いので、そのためにCPUパワーが使われるのも避けたい所だ。 自動再生されないようにダミーの画像が表示される 筆者自身、その悩みがあったが解決してくれるちょうどぴったりのソフトウェアがあった。それがClickToFlashだ。 今回紹介するフリーウェアはClickToFlash、SafariでFlashを自動読み込みさせないようにするソフトウェアだ。ソースコードは公開されているが、ライセンスが明記されていなかったのでご注意いただきたい。なお、元々Google Code
Webサイトでは一度の表示であっても、複数のコネクションで様々なデータが送信される。JavaScript、CSS、画像、Flashなどなど。コネクションが増えればそれだけ表示に時間がかかり、ユーザビリティは悪くなる。 コマンドラインで実行して連結する GoogleやAmazonでは回避策として複数の画像を一つにまとめ、CSSを使ってずらして表示する手法が使われている。それを実現するのがSmartSpritesだ。 今回紹介するオープンソース・ソフトウェアはSmartSprites、画像を連結してコネクションを改善するライブラリだ。 SmartSpritesはJava製のソフトウェアで、別途PHP版も提供されている。ルートディレクトリを指定すると、そこ以下にある画像ファイルを探索し、それらを結合してくれる。同時にそれを元のように表示するためのCSSも生成される。後は画像をそのまま表示する代わ
第二階層の項目の数が多くても、同じ高さで表示する垂直方向のアコーディオン型のナビゲーションのスタイルシートをCSSplayから紹介します。 Vertical concertina scrolling menu ナビゲーションの子の数が少ない場合はブランク、数が多い場合はスクロールを使用して表示します。 ライセンスは、個人サイトではコピーライトの明記、商用サイトでは寄付をしてほしい、とのことです。 確保するスペースが一定という利点はありますが、ちょっと操作がしにくいです。
jQuery UIを使用して、button, span, anchorをスタイリングするチュートリアルをFilament Groupから紹介します。
Top 10 jQuery plugins for Form Usability ・Steve Reynolds フォームのユーザビリティに貢献するjQueryプラグイン。 入力制限やヒント表示といったフォーム入力に関する便利プラグインが色々と紹介されています。 AlphaNumeric アルファベット&数字のみに入力を制限する JTip 入力ヒントボックスの設置 Password Strength Indicator パスワード強度の表示 Ajax Username Checker 使えるユーザ名か、ajaxでチェック Geogoer VChecks チェックボックスをファンシーなデザインにした上で押しやすくする 全部見る ブラウザが対応していなかったりすると、ユーザビリティ以前に使えないということになりかねませんが、そこら辺を検証してうまく使えばよいフォームが作れそうですね。 関連エン
The Power of WordPress and jQuery: 25 Useful Plugins & Tutorials jQueryを使ったWordPress強化プラグイン集が紹介されています。 活用することでWordPressがより強力になりそうです。 Infinite Scroll 無限スクロール jQuery Lightbox 画像LightBox表示 Snazzy Archives アーカイブを次のようにおしゃれに J Post Slider 他ポストをサムネイル&デスクリプション付でスライダ表示 µAudio Player オーディオプレイヤーをドッキング 全部見る サイトは1から作るよりもWordPressつかっちゃった方が後々色々な機能がプラグインで追加できて楽しそうですね。 関連エントリ ゼロからWordPressプラグインを作成するためのチュートリアル Word
30 Essential Controls ページ作りに欠かせない便利なコントロールがまとまったページが紹介されています。 自動キーワードサジェスト、カルーセル、グラフ、パネル、アコーディオンといった30種類にもわたる基本的なコントロール、それぞれにおいて、何を使えば実装できるのか?をまとめられていて便利です。 例えば、自動キーワードサジェストで言えば、 Flex, Laszlo, ExtJs, Dojo, YUI, Google Web Toolkit, Prototype/script.aculo.us, JQuery, MooTools, MochaUI, IT Mill, Backbase, Silverlight で使えるよ、といったことがまとめられてます。 FlexやSilverlightといった、JavaScript以外の要素も入っている点に注意ですが、この早見表で、これとこ
『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』『MarkeZine Academy』『MarkeZine プレミアムセミナー』の 最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day
『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』『MarkeZine Academy』『MarkeZine プレミアムセミナー』の 最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day
ちょっと地味目なネタですが、Google Analyticsで違うサイト(プロファイル)も同時に見たいときってありますよね? そんなときに便利そうな、新しいタブで選んだプロファイルを開いてくれるFirefox用のグリースモンキーをご紹介。 組織のマインドマップツールをマインドマイスターにすべき理由 伸びてる産業、会社、事業を紹介しまくるStrainerのニュースレターに登録!! Google Analyticsのプロファイルを新しいタブで開けるグリモン※この機能を追加するにはGreasemonkeyアドオンが必要になります。 「cleanerGAProfileSwitching」は、Google Analyticsのプロファイル切替用ドロップダウンメニューの横に、「新しいタブで開く」チェックボックスを追加してくれるグリースモンキー。 今見ているプロファイルのページを残しつつ、気になるもう1
EXCELをHTMLのTABLEに変換するjQueryプラグイン 2008年12月26日 All Aboutで連載もしているJavaScriptで有名な高橋登史朗氏が作ったEXCELをHTMLのテーブルに変換するjQueryプラグインjquery.csv2table.jsが便利そうなのでご紹介しようと思います。 想定される使用例 テーブルを使用する更新頻度の高い以下のケースに特に有効だと思う。 料金表 対応表(価格や品番など) スペック表(材質や機能など) CMSなどではテーブルをシステム化するのが難しい CMSなどでサイト構築しているとほとんどのページが動的なモジュールで更新可能なのに対してテーブルというのはプログラムによってなかなかシステム化できないというケースが多いと思います。 クライアントはEXCELを利用してデータをまとめているケースが多い 仕事を通じて感じるのは商品の料金表やス
ウェブアプリの「whspr!」は、自分のメールアドレスを教えずにメールのやりとりができる便利なツールです。 whspr! 使い方は簡単。「whspr!」に実際に使用しているメールアドレスと、「そのフォームを何のために使うか(任意)」、そして「フォームの利用期間(1日~365日)」を入力します。全て入力すると、URLのフォームが発行されます。求人情報、ブログのコンテンツなど、返事は欲しいけれど自分の本物のメルアドは教えたくない場合に、このフォームのURLを教えれば、そこを経由して連絡が取れるわけです。セキュリティが気になる方は使ってみては? 似たようなサービスには「 Whisper Bot 」や「NiceCritic」などもあるので、ご参照あれ。 [whspr!] The How-To Geek(原文/訳:阿久津美穂) 【関連記事】 ・添付忘れメールという現象を撲滅させる、具体案について ・
Q:女友達とHな話をするの好き? 男同士より女同士のHトークのほうがスゴイ! なんて話、耳にしたことないですか? 実際みんなはどのくらい女友達とHトークをしているのでしょう? そして過激と言われるその内容とは・・・? 今回はさらに、Hな話をしてよかった&損したエピソードも大調査! 【する派に質問~どんな話をしてるの?~】 「あの人は下手そう」とか、そんな話(キャットムさん) Hでイクか、どのくらいの頻度でHするかなど、よく雑誌に書いてあるようなネタと一緒だと思います(yoshiさん) Hについての悩み相談をする(narumiさん) Hに関する男の人の行動と、おもしろエピソード(じゃりさん) 気になったことなどを仲良い子たちと言い合って、彼の嗜好を推理したりしてます(笑)(hiroさん) SかMかから始まってそこから広がります(おけいさん) シチュエーションの話とか(るるねさん) 基本的に私
「タイトル」といえばSEOではすごく重要なタグ。 という考えを真っ先に思いついたらビョーキかも知れませんので"SEOもっと!"さんの「SEO担当者の悲しい7つの職業病」を読んできてくださいw 今回はSEO脳とSEM脳の違いをかる~く(?)ブンセキ 私がブログデビューしてまもなく、セルフSEO対策ブログのシロウトさんが書かれた「ブログタイトルを決める時」が深イイと思います。 個人的な理想は「全てに対応している」事でしょうか。 内容(コンテンツ)が分かり、タイトルが覚えやすく、キーワードも含め、ブランディングも出来る。 理想的です。それが分かれば苦労しませんが・・・・ ただ、上記の条件に沿ったタイトルでなくても結果は出せると思います。 それにはやはり「コンテンツ」が不可欠でしょうか。 - 引用元:セルフSEO対策ブログ/素人は素人に学べ : ブログタイトルを決める時 - 私のブログのなかで、ボ
複数のサイトを展開するとき、ドメインを分けてサブドメインで運用するべきか、それとも同じドメインの中でディレクトリを分けて運用するべきか、よくある質問の1つです。 運用形態や目的によって変わってくるので、「これが絶対に正しい」という回答はありません。 しかし、SEOmozのrandfish氏は、サブディレクトリの利用を推奨しています。 Root Domains, Subdomains vs. Subfolders and The Microsite Debate 非常に参考になるので、いつものように補足を交えながら、紹介したいと思います。 まず、ルートドメイン、サブドメイン、サブディレクトリについておさらいしておきましょう。 SEOmozに書いてないことも加えていて、前置きが長くなるので、これらの違いをすでに知っているいう方は、本題に飛んでください。 ●ルートドメイン ルートドメインというの
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く