Tumblrの画像を一括ダウンロード出来るChromeエクステンション・「Tumblr Downloader Professional」Tumblr Downloader Professionalは一括でTumblrの画像をダウンロード出来るChrome拡張です。指定したTumblrサイトでアーカイブ機能のように一覧表示し、チェックを入れて一括ダウンロードする事が出来ます。Firefoxのアドオンも用意してあるようです。 Tumblr Downloader Professional
自分の心が疲れた時に、紙に書きだす15の言葉
地震やその関連のこともそうですが、ここ1年ほど、個人的に自分の身の回りで色々な事があって、普段あまり気にしない性格なのに少し心が病んでいたと、今になって振り返って実感したのですが、なんとなく思いついたことを紙に書き出すことで少し精神的に安定した気がしました。 元々僕は少し気にし過ぎる面があるので、ちょっとした自己啓発的なものを(依存しない程度に)与えないと不安定になるようです。という訳で、自分の心に効かせる15の安定剤を書いてみるテスト。 自分で思ったことだったり、どこかで見かけた言葉だったり、というものも含まれているかも知れませんが、よく脳裏によぎったり、紙に書き出す言葉です。イメージするだけでなく、紙に書きだす事で自分の心に強く言い聞かせます。 思ったより人は自分を見ていない昔はコンプレックス（容姿も含めて）が多々有りましたが、ある時、叔父にこう言われて随分楽になりました。「お前、随分
ゲーム感覚で楽しく学べる系Webサービスいくつか
ちょこちょこ見かけるので最近に なって見かけた、ゲーム感覚で 楽しく学べるWebサービス的なもの をご紹介。Webアプリのアイデア の参考にもなればなぁとの気持ち も込めて。 ゲーム感覚で学べる、みたいなWebサービスは昔からありますので、ここ最近見かけたものを中心に少しまとめてみます。暇つぶししながら学べるって考えるとお得かもしれませんね。 Web制作に関わるものが中心です。 Kern Type カーニングをゲーム感覚で楽しく学べます。ドラッグで文字詰めしてください。 Kern Type Shape Type ベジェ曲線を学べるサイト。デザイナーさんは勿論、非デザイナーさんもこういうのでデザインがいかに難しく時間がかかるものか理解できるのではないかと。こういうの体感しておくとデザインなんて安売り出来ないし、簡単に学べない事が分かるかと思います。 Shape Type Color — Me
商用でも無料の、凄くシンプルなアイコンのセット・Simplicity Vector Icon Set
凄くシンプルなアイコンが好みだったので備忘録。商用でも無料で利用出来るそうです。ファイルもPNGの他にPSDが同梱されていますので調整しやすいのでは。 とってもシンプルなアイコンのセットです。ちょっと塗り絵っぽい。 こんな感じでラインのみで作られたシンプルなアイコンです。PNGで用意されたサイズは16pxから512pxまでの7通りに加えてPSDも含まれています。 ライセンスはAvailable for Personal and Commercial Projectsとの事で、個人利用でも商用でもOKとの事です。 ダウンロードはメールアドレスが必要です。金額を0$入力し、メールアドレスを入れて送信すればメールが届きます。ご利用は以下より。 Simplicity Vector Icon Set
ページ内の目次を自動作成するWordPressプラグイン・Table of Contents Plus
Wikipediaのように、ページ内の目次を自動で作成するWordPressのプラグイン・Table of Contents Plusのご紹介です。長いコンテンツが多いサイトでは結構便利なんじゃないかなと思います。セッティングも色々と出来ますよ。 Wikipediaライクなページ内の目次を作成するWPプラグイン。自動で見出しを探して目次を作ります。小見出し>孫見出しもネストしてくれます。 ↑ ページ内に見出しを自動生成します。投稿やカスタムポストタイプなどにも作れます。 ↑ セッティング項目はいろいろ。目次を表示/隠すでスイッチできたり、デザインをスタイルしたり。見れば大体分かると思います。 ↑ 何もレイアウト設定してないのでアレですが、このように自動作成されます。作成したくないページではショートコードで非表示にする事も出来ます。 ご利用は以下よりどうぞ。 Table of Content
新Gmailライクな、オーバーレイを利用したシンプルなWebサイトツアーっぽいのを実装するスクリプト・Chardin.js
なかなか良さそうだったので備忘録。最近GmailでUIが少し変更されましたが、その際に使い方をオーバーレイで教えてくれるようになっていました。そんなシンプルなサイトツアーを実装できる、というスクリプトです。 jQuery依存のスクリプトです。Gmailの方はスクショ取り忘れたのでご自身でお確かめ下さい。 上記のようにラインを引いた場所の解説分をオーバーレイで表示する、というもの。 元はこうなってます。ボタンを押すとオーバーレイとライン、テキストが表示される、という仕組み。 <p data-intro="hogehoge" data-position="right">テキストや表示場所はカスタムデータ属性で指定します。 結構いいかもしれない。シンプルで分かりやすいですね。デモとスクリプトは以下よりどうぞ。 Chardin.js
CSSファイルやJavaScriptファイルを閲覧した際に自動整形して表示するChromeエクステンション・PrettyPrint
ブラウザでCSSやJavaScriptのファイルを見たときにソースを自動整形して表示するChromeエクステンション・PrettyPrintのご紹介。地味に便利・・かも。 ブラウザでCSSやJSファイルを見たときにソースをインデントするエクステンションです。便利っちゃ便利かも。
チェックボックスとラジオボタンをスタイリングする為のjQueryプラグイン・iCheck.js
checkboxesとradioボタンをスタイリングするjQueryのプラグインです。カスタマイズ性に優れており、使い方も手軽そうだったので備忘録的にご紹介します。 よくあるプラグインですけど、使いやすそうだったのでメモ。 checkboxesとradioボタンをスタイリングするライブラリ。IE7にも対応しています。 かわいい。 スタイルは最初からいろいろと用意されていますのでカスタマイズの参考にもなりますね。 コード<script src="jquery.js"></script> <script src="jquery.icheck.js"></script>コアとプラグインを読み込みます。 $('input').icheck();初期化します。 $('input').icheck({ handle: '', // 'checkbox'か'radio'とすればどちらかに限定できる ch
画像をドラッグ&ドロップでアップロードし、DataスキームURIに変換する・「Duri.me」
Duri.meは画像をD&Dでアップロードし、DataURIに変換するジェネレーターです。作成後はCSS、imgタグ等をコピーできます。 Duri.me
実践しながらjQueryを学べるオンライン学習サイト・Try jQuery
実際にコードを書いて学べる学習コンテンツ・Try jQueryのご紹介です。jQuery公式のオンライン学習サイトっぽいですね。英語ですけどこれから学ぼうという方にはうってつけかもしれません。 実践でjQueryを学べるサイトです。スライドも完備されています。英語が苦手な方にはちょっと難しいかもですけど・・ ドメインから察するに公式のものでいいと思います・・確認はしていませんけど。内容は基本的なものからスタートします。 スライドからスタートです。 他の学習サイト同様、指示通りに進めていきます。 正解ならSuccess!の文字が出て次に進みます。 これから始めたい、という方は如何でしょうか。 Try jQuery
ページ内の見出しに合わせて目次を自動生成する
Result 簡易的なものなので汎用性は高くは無いかも。 jQuery(function($) { $.fn.toc = function(o, p) { p = $.extend({ title: "タイトル" }, p); //見出しを入れるボックスを生成 this.prepend('<div id="toc-list"><strong>' + p.title + '</strong><ol></ol></div>').children(o).each(function(i) { i = i + 1; //IDを合わせて見出しへのページ内リンクと目次へのページ内リンクを生成 $(this).attr('id', 'section-' + i).nextUntil(o).after('<a href="#toc-list">Topへ ⇑</a>'); $('<li><a hre
文章内のURLを自動リンク化する
Result 日本語のように、半角で文字間を開けなくても問題なく動作します。 jQueryvar exp = /(\b(https?|ftp|file):\/\/[-A-Z0-9+&@#\/%?=~_|!:,.;]*[-A-Z0-9+&@#\/%=~_|])/ig; $('body').html($('body').html().replace(exp,"<a href='$1'>$1</a>"));正規表現でURLを探してリンクに置換する via http://hompimpaalaihumgambreng.blogspot.jp/2012/03/replace-plain-urls-with-links.html
WordPressの投稿フォーマットの選択項目を分かりやすく表示するプラグイン・wp-post-formats
投稿フォーマットの選択項目を、分かりやすく表示する、というプラグイン、wp-post-formatsのご紹介です。ラジオボタンをタブにするだけですが、Tumblrっぽくなるので使いやすい気はしました。投稿フォーマット自体あまり使われてない感じもしますけど・・ Tumblrライクに投稿フォーマットの選択項目を表示する、というもの。 こんな感じでタブで選択、URLや画像のアップロードが必要な項目は、タブを切り替える事で表示されます。 ↑ 引用項目ならこのようにソース先を入力する 投稿フォーマット、便利だけどあまり使われない印象ですねー・・仕方ないといえば仕方ないですけど、こういったプラグインもあるので宜しければご利用になってみてください wp-post-formats
WordPressやJavaScript、CSSなどのスニペットを収集しているサイト・wp-mix
スニペットコードを収集している Webサイト・wp-mixのご紹介です。 wpとありますが、WordPressに留ま らず、PHPやJavaScript、CSSなど のスニペットも集めているみたい。 まだ増えるそうです。 スニペット紹介サイトです。この手のサービスは何個あっても困らないですね。被るのが難点ではありますが・・
頻繁に使用している便利なお役立ち系ブックマークレット・19個 - かちびと.net
個人的によく使っているブックマークレットのご紹介。どれも便利で役立つので手放せないものになっています。Web制作をしている人なのでそれ系に偏っているかも知れませんが、多少でも参考になれば幸いです。ほとんど有名なものだとは思いますが・・・ というわけで、便利なお役立ちブックマークレットをいろいろとご紹介。手軽なのが素敵ですよね。以前書いてから大分経ちますので改めてエントリーしますが、少々Web制作系に偏っています。順不同です。 CSS構成を一目で確認出来るXRAY 何かと便利なXRAY。クリックした要素の詳細を教えてくれます。Web屋さんはご存じの方も多いのでは。 XRAY 今見ているページをiPhoneで「後で見る」KeepItWith.Me 最初の設定がすごくストレスだったのですが、設定後の便利さが感動したのでご紹介。PCで見ているページでブックマークレットを使って自分のiPhoneに送
[2010年度版] 今年に入ってブックマークした無料のソフトを整理・16個+まとめ記事いくつか
今日は2010年度版のフリーソフトまとめ です。今年、ブックマークした無料のソフト を整理しました。結局残ったのは16個と まとめ記事がいくつか。折角整理しました のでついでにまとめてご紹介してみます。 かなり主観が入っていますので内容は 偏っていると思います。 という訳で、2010年度版・無料でDL出来る素敵なソフトのまとめです。試してみて凄いなーと思ったもの、まだ試していないものなど混在していますがご了承下さい。 日本語で紹介してくれている記事にリンクしていますので詳細はそちらでご確認下さい。 順不同です。 【追記・当方WinユーザーでMac持ってないです。このまとめもそんな感じです】 複数のパソコンで簡単にiTunesを同期できる『MediaRover』 これはなかなか便利そう。試す機会がまだ無いので試していませんが、いつかテストしてみたいです。 複数のパソコンで簡単にiTunesを
![[2010年度版] 今年に入ってブックマークした無料のソフトを整理・16個+まとめ記事いくつか](https://cdn-ak-scissors.b.st-hatena.com/image/square/053d93da4b7f84c73a65358ea054c6ee169a2345/height=288;version=1;width=512/http%3A%2F%2Fkachibito.net%2Fwp-content%2Fuploads%2F2010%2F12%2Ffree-soft01.jpg)
個人的に気に入ってる10のLightbox系jQueryプラグイン及び、その特徴まとめ
個人的に気に入ってよく使っている、又は いつか役に立ちそう、いずれ使いたい的な Lightbox風に拡大実装出来るjQueryプラグ インのまとめです。使うときにいちいち引っ 張り出しているのが面倒なのでまとめにして ついでにシェアしようと思って記事にします。 オーソドックスなものから、やや特徴的なもの、Twitterで「こんなのない？」って聞かれて探したものなど10個厳選です。特徴も一緒にメモしておきます。 なお、画像を使うjQueryプラグインにご興味が有るようでしたら、以前書いた画像を使ったいろいろなjQueryプラグイン224個まとめも参考にして頂けるかと思います。 colorbox 一番よく使っているかもしれません。MITライセンスで、グループ化⇒スライドも可能。また、iPhone、iPadでも動いて表示も崩れません。エフェクトも変更可能で、YoutubeやIframe、Flas
多数デバイスに対応させる事も可能なモバイル自動対応WordPressプラグイン・WPtap
iPhoneに対応させるWPプラグインは 結構あります。例えばよく見かけるのは WPtouchです。しかし、ちゃんと探せば 更に高機能且つ、手軽なプラグインも あります。WPtap もその一つ。日本で 紹介している記事は皆無ですが、非常に 機能の充実したプラグインです。 僕も昨日知ったばかりで、iPhoneとiPadでしか確認をしていないので、タイトルで「多数デバイスに対応」と言い切ってしまうのは微妙な気がしたのですが、釣ってでも知ってほしいプラグインだったのでご了承頂ければと思います。じゃあ日曜に記事公開するなよって話ですがｗ iPhoneだけでなく、iPad、Android、BlackBerry、Nokia S60+などに対応しており、対応デバイスを追加することも出来ます。 [note]【2011・01・10 追記】 このブログに導入しました。iPhone等でアクセスすれば表示チェック
日本の良デザインなFacebookページを収集しているデザインギャラリーサイト・520PX facebookmark
今日は3連休最後ですね。個人的には 全然関係ないので普通に記事を書き ます。日本もかなりFacebookが浸透 したようですが、まだまだ数は少ない 印象です。企業もかなり参戦してきて いるので、Facebookページの需要も 少しあがってきている印象ですね。 そんな中で日本のFacebookページで良デザインなページのみを収集しているギャラリーサイトがありましたのでご紹介。 こんな感じで国産のFacebookページが並べられています。カテゴリは結構細かく分けられていますが、いかんせんまだ数が少ないのでまだ必要ない状態ではありますね。 VOGUEJAPANはコンテンツが充実してるので結構好きです。 520PX facebookmarkにも書いてありますが、まだ数が少ないのが日本の現状です。こちらのギャラリーも厳選しているため、まだ100に満たない状態です。もちろん審査有りですが、自信のあるF
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
動作を確認しながらCSS3のkeyframeを使ったアニメーションを作成・「Stylie」
