PexelsはWeb上のフリー利用可能で高品質な画像を収集しているストックフォトサイトです。画像はカテゴリ分けされ、探しやすくなっています。全てのライセンスはCC0だそうです。 Pexels
Web上で公開されている高品質なフリーの画像を収集しているストックフォトサイト・「Pexels」
PexelsはWeb上のフリー利用可能で高品質な画像を収集しているストックフォトサイトです。画像はカテゴリ分けされ、探しやすくなっています。全てのライセンスはCC0だそうです。 Pexels
ミニマルなデザインで見やすいRSSリーダー・Yoleo
RSSリーダーを探してたんですけど、好みのものがようやく見つかりました。デザインもミニマルでGoogleリーダーに近い印象なのでこちらを代替として利用させて頂こうと思います。 まだ探してたのかよってくらい今更ですけどようやく好みのを見つけました。やっぱりシンプルな方が自分に合ってるみたいです。 いいRSSリーダーがありました。TwitterとかFBとかキュレなんとか等はなんだかいろいろ面倒臭いので僕はRSS択一です。と言っても購読してるサイトは20前後なのでOperaの標準機能でいいかな、とも思ったんですけど、とりあえずこちらを利用させて頂く事にしました。 ショートカットもいろいろ用意されています。jやkは記事の前後へ、sはスターをつける、vでオリジナル記事に飛ぶ、などなど。 購読サイトを気が向いたときに読むだけなのでこれくらいが丁度いい感じです。 Yoleo
tableコンテンツを作成・管理出来る高性能なWordPressプラグイン・TablePress
テーブルを手軽に作成、管理する為のWordPressプラグイン・TablePressのご紹介です。今まで見てきた中では一番機能性が高そう。良さそうなので後で日本語にして利用しようと思います。 面倒臭いテーブルを作れるようにするプラグイン。クライアントさんは作れないのでこういったプラグインを使ってもらうと良いかも。機会があれば提案してみたい所です。 管理画面でテーブルを作成、ショートコードで表示する、というもの。管理も楽そうです。CSVのインポート/エクスポートにも対応してるみたい。 テーブルは管理画面で列や行を追加、中身を書き込んでいく形となります。Advanced Editorを使えばセル内でWYSIWYGを利用できます。 セル同士の結合も可能なのでそこそこ複雑なテーブルも作れそうです。 一部有料ですが、レスポンシブWebデザイン対応やセル内でのPHPコード実行用のエクステンション等もあ
jQueryのプラグインを大量に収集している・「Unheap」
UnheapはjQueryのプラグインを大量の収集、紹介しているWebサイトです。かなり細かくカテゴライズされているので探しやすい印象でした。社内向けに作ったリソースサイトらしいです。 Unheap
オープンソースで公開されているPinterestクローンのソフトウェア・Pinry
OSSで公開されている、Pinterestクローンソフトウェア・Pinryのご紹介です。すでに類似サイトも沢山あるので今更感あるかもですけど、アイデア次第で用途の幅も広がると思うのでメモ。 画像や動画、Webページをシェア出来るソフトウェア。PinterestライクなWebサイトを構築したいなら一考しても良さそうですね。Pythonで作られています。 昨年あたりから人気が出た画像共有サイト、PinterestのようなWebサービスを作成出来る、というOSSです。ライセンスはGPLみたい。 公式の動作サンプルです。 動作サンプル ↑ スクショです。見るからにクローンです。 ↑ 投稿用のブックマークレットや投稿画面もそのまま。 作ってみたいけど時間が足りない・・うぐぐ・・詳細は以下よりどうぞ。 Pinry
HTML、CSS、JavaScriptのコード整形ツール・「Dirty Markup」
Dirty Markupは、HTMl、css、JavaScriptのコードをインデントして整形してくれるツールです。高機能ではありませんが、シンプルで使いやすく、動作も軽量です。 Dirty Markup
シンプルなオンラインSVGエディタ・「Method Draw」
任意のWebサイトのJavaScriptの構文をチェックし、最新の構文に書き換えた場合のサイズやパフォーマンスなどを計算してくれるOSSのチェックツール・「ES timator」
閲覧中のWebサイトのスタイルをサクサク変更して、表示をその場で確認出来るChromeエクステンション・Stylebot
DOM要素を選択してそこに当てられているスタイルを変更するだけなので、CSSを書く必要がありません。細かいことは出来ませんが、楽でいいのでは。 このように、サイドにセッティングボックスが出るのでマウスで要素を選択して変更するだけ。 要素を選択するには上記のアイコンをクリックすれば要素を選べるようになります。 なかなかに便利です。ご利用は以下よりどうぞ。 Stylebot
Bootstrapでツアーコンテンツを実装する為のスクリプト・Bootstrap Tour Extended
BootstrapでWebサイトツアーコンテンツを実装する為のスクリプト、Bootstrap Tour Extendedのご紹介。閲覧中のページだけでなく、別ページへの移動も可能です。なかなか使い勝手はいい気がしましたので備忘録として。 Bootstrapでツアーコンテンツを実装するスクリプトです。 ツアーコンテンツをツールチップで実装します。 ↑ こんなん。 以下、公式の動作デモです。 Sample var tour = new Tour(); tour.addStep({ element: "#foo", placement: "bottom", title: "タイトルです", content: "文章です。 " + "文章の続き。 " + "<a href='http://example.com' target='_blank'>" + "リンクはこうやって貼る<\/a>" });
スワイプ操作に対応したイメージスライダーを実装するスクリプト・Swiper
タッチデバイスのスワイプ操作に 対応したイメージスライダーの ご紹介。ありそうであまり見かけ ないので一応備忘録・・・イメー ジスライダーと書きましたが、 基本何でもいけるみたいです。 スワイプ操作に対応したスライダーです。 実機でも確認したところ、問題なく動作しました。動作も軽量でなかなかいい感じです。 スライダーの中にスライダーをネストする事も出来ます。縦やグループごとにスライドさせる、など色々と応用が利きます。 時間が無いので使い方は割愛。元サイトに詳しく書かれているので問題ないかと思います。以下よりどうぞ。 Swiper
正規表現の構文を色分けして解読しやすくするスクリプト・Regex Colorizer
正規表現コードを色で解読しやすく する、というスクリプト。エラー の有無も分かるので、解読だけで なく、勉強のお供にもいいかもし れませんし、解読速度も速められ そうです。 正規表現コードを色分けしてくれるスクリプト。用途は開発補助・・ですね。
簡易的なクイズを作れるjQueryプラグイン・SlickQuiz
簡単なクイズコンテンツを作れる、というjQueryプラグインのご紹介です。クイズの回答次第で分岐する、みたいな細かい設定はできませんが、これはこれでシンプルでいいかも。 1問1問回答して進めていくような、簡易的なクイズを作れる、というスクリプトです。 選択肢を選んで進むと別の選択肢が出て正解/不正解を表示させる、という流れ。最後に正解数がとメッセージが出ます。 <script src="jquery-1.7.min.js"></script> <script src="slickQuiz-config.js"></script> <script src="slickQuiz.js"></script>回答やメッセージはJSONを使うみたいです。 $('#foo').slickQuiz();あとはクイズを表示させる場所を指定すれば完了 何かで使えるかも。という事で備忘録でした。 SlickQ
数値だけでなく、日付や時刻にも対応したスライダー・jQRangeSlider
D&Dで操作するスライダーを実装するjQuery依存のスクリプトです。数値のものが多いですが、こちらは日付や時刻などにも対応しています。使うシーンは多くは無いかもですけど、便利そうです。 日付にも対応のスライダーです。※ピッカーではありません
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
オープンソースのGithubクローン・「GitPrep」
Webサイトのサイトマップを作る為のCSS・「SlickMap CSS」
手軽にHTML形式のプレゼンテーションを作成できる・「Slid.es」
一度だけダウンロードできるファイル転送サービス・「JustBeamIt」
難読化、圧縮されたJavaScriptコードを綺麗に整形・「Online javascript beautifier」
ショートコードでiOSやAndroid等にだけコンテンツを表示させられるようにするWordPressプラグイン・Mobile Content
ChromeのデベロッパーツールのTipsやテクニックを紹介するスライド・DevTools Tips and Tricks
