timesheet.jsはデータやイベントを簡易的に可視化するタイムシート作成ライブラリです。ライブラリを読み込んでデータを書くだけで上デモのような簡易的なタイムシートを作成出来ます。データ入力も簡単なので扱いやすい印象でした。他ライブラリに依存せず単体で動作し、ファイルサイズも非常に軽量です。なかなかいい感じ。ライセンスはMIT。 timesheet.js
データやイベントを簡易的に可視化するタイムシート作成ライブラリ・「timesheet.js」
timesheet.jsはデータやイベントを簡易的に可視化するタイムシート作成ライブラリです。ライブラリを読み込んでデータを書くだけで上デモのような簡易的なタイムシートを作成出来ます。データ入力も簡単なので扱いやすい印象でした。他ライブラリに依存せず単体で動作し、ファイルサイズも非常に軽量です。なかなかいい感じ。ライセンスはMIT。 timesheet.js
アップロードした画像に自動で透かしを入れるWordPressプラグイン・「Image Watermark」
watermarkはアップロードした画像に自動で任意の透かし(ウォーターマーク)を入れて表示するWordPressプラグインです。わざわざ加工してからアップせずとも自動で挿入してくれるので自身の画像をよくアップする方には便利なんじゃないかなと思います。透かし画像は配置や透過などの設定が可能です。加えて、簡易的なものですが、右クリックやD&Dの禁止等で画像の保護も行ってくれるようです。 Image Watermark
WordPressの管理画面内でドラッグ&ドロップによるレイアウト作成が可能なプラグイン・「Tailor」
TailorはWordPressの管理画面内でレイアウトをD&Dで作成出来るWordPressプラグインです。テーマカスタマイザーで要素をドラッグし、そのまま各所を編集出来るようになっています。テーマカスタマイザーはレスポンシブなプレビューも可能ですが、本プラグインもRWDに対応しており、知識があまり無い方でもレイアウトを設計出来る、というもの。なかなかすごいですねこれ。公式プラグインディレクトリにも公開されていますので管理画面から検索、インストールも可能です。便利そうだし個人的にも日本語化しておこうかなと思っています。 Tailor ※本記事は事前に予約投稿してあります。 ※筆者は現在出張で国外にいるため連絡が取れません。
要素の背景に水面を指でなぞるようなエフェクトを付与できるスクリプト・「jQuery Ripples」
※Resultを押せば別の画像が表示されます。 jQuery Ripplesは要素に揺れる水面っぽいエフェクトを付与できるスクリプトです。WebGLで任意の要素に指定した画像に上記のようなエフェクトを与える事が出来ます。放置でも動いていますがマウスの動きに応じて揺れが生じます。水面のエフェクトはオプションである程度設定可能です。 まあ割と重いので実用的かどうかはコンテンツ次第になりそうです。jQuery依存。ライセンスはMITです。 jQuery Ripples
WordPressでメガメニューを実装出来るプラグイン・「JQuery Mega Menu Widget」
JQuery Mega Menu WidgetはWordPressでメガメニューを実装できるプラグインです。ECサイトのような大量のコンテンツを持つWebサイトでもユーザーが迷いにくいナビゲーションとして多用されているメガメニューを実装出来る、というもの。動作デモもあるので興味のある方はご覧になってみては如何でしょう。 JQuery Mega Menu Widget
node.jsを使用した、リアルタイムで付箋メモを共有できるオープンソースのWebアプリ・Scrumblr
個人的にも気になっているnode.jsを 使用したWebアプリをオープンソース として公開してくれているソフトウェア があったのでシェア。リアルタイムで 付箋で貼ったようなメモを共有する事 が出来るWebアプリ・Scrumblrです。 サンプルとしても参考になりそう。 node.jsはサーバサイドのアプリケーションの実装言語にJavaScriptを用いたプラットフォームです。node.jsに関してはnode.jsに関する基礎や開発・チュートリアルのまとめという記事が分かりやすいので合わせてご覧ください。 このnode.jsを使ったWebアプリがオープンソース（GPL）としてGithubにてコードが公開されています。 Scrumblrはnode.jsを使ったWebアプリのサンプルです。デモではjQueryとcss3を併用したメモボードをリアルタイムで共有することが出来ます。 機能 Scrum
Twitter Bootstrap向けのUIキットを複数配布する・PixelKit-Bootstrap-UI-Kits
Twitter Bootstrap向けのUIキットを配布するプロジェクトが素敵だったので備忘録。何種類か用意されており、どれもクオリティの高いものとなっています。 Bootstrap向けのUIキット集です。 Bootstrap用のUIキットです。デザインも複数用意されています。こちらはフラットなデザインのタイプ。 ↑ ちょっと優しい色合いで可愛いです。 ↑ ポップなデザイン。 ↑ スタイリッシュなもの。 ↑ ナチュラルなテイスト。個人的に一番好きです。 ↑ メトロなスタイルなどなど。 こんな感じで現在7種ほど、Githubにて配布されています。参考になりそうですね。 PixelKit-Bootstrap-UI-Kits
質問サイト構築の為のWordPressプラグイン・DW Question & Answer
よく見かける質問系のWebサイトをWordPressで構築する為のプラグイン・DW Question & Answerのご紹介です。今の所、自分では作る予定は無いですけど・・・一応備忘録として。 Stack Exchangeのような質問サイトをWordPressで作る為のプラグインです。・・・と言っても、まださほど触っていないのでメモ程度の内容です。 質問と回答をユーザー同士が交わせるコンテンツを構築する、というもの。 質問/回答の他にベストアンサーや閲覧数などの表示、フィルタリングなんかも出来るみたいです。 インクリメンタル検索もできるそうです。 時間ができたら触って見ようと思います。 DW Question & Answer
日本のWebサイトの404ページデザインいろいろ+α - かちびと.net
気になって探したのですが、ググッても 9割は海外のデザインだったので、日本 の素敵な404ページを探してみました。 時間の関係でさほど数を揃える事が出来 ませんでしたが、少しでも参考になれば 幸いです。 404は、誰でも訪れる可能性のあるページです。ある意味、用意したコンテンツよりも見られる可能性がありますのでほんの少しでも手を入れておくといいかも知れませんね。 どこかで「404は古い。無条件でトップページリダイレクトが最適」なんて意見も見かけましたが、個人的にはユーザーを混乱させる要因になるのでリダイレクトは避けたほうがいいと思います。 では、個人的に気になった404ページをご紹介していきます。順不同で、ややサイトの属性がWeb関係に偏っていますがご了承ください。尚、リンクは404ページではなく、TOPページにしてあります。 株式会社サクラクレパス デザインも好評のサクラパレスの404ペ
ボックスの高さを指定して「続きを読む」リンクを付けられるjQueryプラグイン・READMORE.JS
ちょっと便利そうだったので備忘録。テキストが長いコンテンツをコンパクト化するスクリプトです。方法はいろいろありますけど、こちらは高さ指定という点がシンプルで良かったです。 「続きを読む」リンクを挿入できる、というもの。先発スクリプトは文字数の指定が殆どですが、こちらはボックスの高さを指定するタイプになります。 動作サンプル 続きを読む、のリンクが加わっていますが、特に要素を追加する必要が無いので既存コンテンツに導入しやすそう。 コード<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.js"></script> <script src="readmore.min.js"></script>本体とプラグインを読み込みます。 $('article').readmore({ maxHeight: 110 })
高品質なWordPressの有料/無料テーマをひたすらまとめている・Themegraphy
コメントで教えて頂いたのでご紹介。素敵なWordPressテーマを紹介するサイト。無料と有料がありますので結構な数になっています。見てるだけでもインスピレーションが向上しそうですね。 WordPressのテーマギャラリーとしても素敵です。国産のサイトなので日本語ページもありますよ。 有料/無料のテーマがずらっとまとめられています。2013/7/9現在で500以上あるので探しがいもありそうですね。 販売元別でも探すことが出来ます。 Shotokuもご紹介いただきました！休みが取れたらアップデートしたい、と思いながら既に半年休めてない・・貧乏怖い。 Themegraphyは以下よりどうぞー。 Themegraphy
マウスホバーで画像を拡大させるjQueryプラグイン・Image Zoom Plugin
よくあるマウスホバーによるイメージズーマースクリプトです。様々なタイプのズーマーを実装出来るのでなかなか便利そうだなーと思って備忘録。とはいえ同じ物も沢山あるのでお好みで良さそうです。 ECサイトなんかでよく見かけるやつですね。マウスを乗せると拡大され、動かす事で細かい部分を確認出来る、みたいな。
WordPressのアイキャッチ画像に任意のデフォルト画像を登録する方法 - かちびと.net
WordPressのアイキャッチ画像は とても便利ですけど、全ての方 が毎回登録するとは限りません。 クライアントさんの中でもやはり 毎回登録するのは面倒だ、という 方もいます。 確かに毎回アイキャッチを登録するのも、慣れていないと面倒です。しかし、何もしないとレイアウトが崩れてしまう場合もあります。その為、テーマファイル内で条件分岐して、レイアウトを調整して・・・というのも面倒ですよね。 なので、アイキャッチを設定しない際は自動でデフォルト画像が表示されるようにしましょう、というのが今日の内容です。 よく使われる方法 if (has_post_thumbnail()) { the_post_thumbnail(); }else { echo '<img src="' . get_bloginfo('template_directory') . '/images/default.png'
Twitter BootstrapをjQuery Mobileで使ったデザインテーマ集・jQuery-Mobile-Bootstrap-Theme - かちびと.net
なかなか良かったので備忘録です。 Twitter Bootstrapのデザインを、 jQuery Mobileのテーマに起用した サンプルソースが公開されていま した。フレームワーク的にも使える かもしれない。 Twitter Bootstrap × jQuery Mobileです。既出ですけど良かったので。 JQMのデザイン変更用リソースです。ThemeRollerでもいいんですけどどうも微妙というか、肌に合わないのです。最初から作った方が早い気がしましたが、こうして変更されたものがあるならこれを元に変えると効率的になりそうです。同じ手法でbootswatchで配布されてるBootstrapテーマを起用しても良さそうですね。 Sample サンプルのQRコードです。↓ 何故かフォームのデザイン変更できなかったけど・・・まぁ自分で作ればいいかなｗ ご利用は以下よりどうぞ。 jQuery-M
Webに疎いクライアント向けにWordPressの管理メニューを使いやすくする為のプラグイン・CMS Dashboard - かちびと.net
クライアントワーク向けのWordPressの プラグインです。管理画面のメニュー はWebに疎いクライアントさんには世辞 にも使いやすいものではありません。 そんな管理メニューを使いやすくする、 という目的で作られたプラグインです。 同じような物は作ってあるんですけどこちらの方が作りが良かったので利用させて頂く事にしました。 こういうやつです。こういう配慮があるのと無いのとでは大きく管理モチベーションが変わってきます。僕も未だに使いにくい管理画面のサイトは使う気になりません。初心忘れるべからず。思いやりとは相手の身になる事ではなく、自分の物差しを相手に押し付けない事ですよね。相手の身になる、って結局自分の考えの押し付けでしょうし。 表示するメニューも選択する事が出来るので、一度作れば使い回しが利くのでは。 英語ですけど、ソース見れば簡単に変更できるのが分かりますので全く問題ないと思います。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
任意のWebページの画像を全てzipに圧縮してダウンロード出来るサービス・「Image Cyborg」
ベーシックで使いやすそうなBootstrap向け管理画面テンプレート・「Gentallela」
CSSのみで作られたスマフォ向けのカレンダーアプリデザイン・「CSS-only Calendar App Concept」
クリッカブルな日本地図を実装するjQueryプラグイン・「Japan Map」
WordPressで非推奨になった関数と代わりに利用する関数まとめ | かちびと.net