Bootstrapでのtableにソートやページネーション、検索機能等を付与するスクリプト・「jQuery Bootgrid」jQuery BootgridはBootstrap上でのtableを多機能にするスクリプトです。jQueryに依存します。thにカスタムデータ属性を与える必要がありますが、tableをthの内容毎にソートしたり検索出来たり数が多い場合は行の表示数を限定してページネーションを付与したり、列をフィルタリングしたり、といった事が可能になります。動作デモもあるのでご興味のある方はご覧になってみては如何でしょうか。ライセンスはMIT。 jQuery Bootgrid
ライブ等のイベント管理やチケット販売が可能なオープンソースソフトウェア・「Attendize」
Attendizeは音楽ライブやイベントなどの管理とチケットの販売を可能にするOSSです。PHPフレームワークのLaravelが使用されています。モバイル、タブレットフレンドリー、embed機能、イベントの主催者、出席者管理、データをXLS、CSVファイルでエクスポート、データ統計などが主な特徴のようです。出席者リストはプリント最適化されている等、細かい部分も考えて設計されているのは好印象でした。 今後はWPのプラグイン化、クーポンのサポート等を予定しているとの事。ライブ会場や主催企業等に需要がありそうですね。なかなか見かけないソフトウェアだと思いますので覚えておいて損は無さそうです。ライセンスはAttribution Assuranceというもの。あまり見かけませんがBSDの派生？っぽいですね。 Attendize
Googleの検索やマップ、GmailやDriveなどの様々なサービスをその場で利用出来るようにするChromeエクステンション・「Black Menu for Google」
Googleが提供するサービスをまとめたChromeエクステンションが便利だったのでご紹介。この手のはあまり探したことがありませんでしたけど、ありそうで無いかも。もしあったら僕が無知なだけですごめんなさい。 Googleに移動しなくてもその場でGoogleが提供するサービスを使える、というもの。検索やGmail、Youtubeを使えるのはザラにあるけど全部使えるのはあまり見かけませんでした。 Chromeのエクステンションです。Googleの色々なサービスをその場で利用できる、みたいなの。 ↑ 例えば検索。エクステンションを起動すると上図のようなボックスが表示されますのでいつもどおり検索するだけ。画像や動画の検索も勿論可能です。 ↑ 翻訳とか。 ↑ マップやYoutubeもその場で表示したり再生出来たり。 ↑ moreから他のサービスも大量に出てきます。 認証が必要なサービスも認証すればそ
WordPressでのSOPA/PIPA への抗議のコンテンツを消して本来のページを表示する方法
SOPAの件で先日よりWordPress全ページで 抗議のため、本来のコンテンツを見ること が出来ません。抗議は分かりますけど、 これじゃ困るのでこのオーバーレイを削除 して本来のコンテンツを表示させる方法 を書いておきます。 さて、現在欧米ではSOPAの件で毎日抗議や議論が繰り広げられていて結構な混乱状態です。SOPAていうのは新しい法案の略称で、これが通っちゃうと、GoogleやらWikipediaやらがいつ閉鎖されてもおかしくないようなエグいものでして、連日各所で物議を醸してる訳です。詳しくは以下をご覧下さい なぜWikipediaは停止するのか――SOPA抗議活動をひもとく で、WordPress.com、WordPress.orgでも洩れなく抗議しています。1日だけのストライキかもですけど一応見る方法を書いておきますねー どのページに行ってもこのページが表示されています。抗議は分
有料でもおかしくないようなクオリティの高いWordPressテーマを無料で配布しているサイトいろいろ - かちびと.net
ご質問頂いたので記事にします。クオリティ の高いWordPressのテーマで無料のものは 無いか、または無料で手に入る方法は無い か、とのことでしたのでなかなかクオリティの 高いテーマを無料で配布してくれているサイト をいくつかご紹介します。 というわけで無料で手に入る、有料ライクなWordPressテーマを配布しているサイトのまとめ。ハイクオリティかどうかは個人差があるかなとは思います。 デザインはもちろん、テーマの機能をどういったコードで実装しているか、というのも参考になりますので開発目的に見ておいても損は無いかなと。 dessign swiss-missやonextrapixelでも評価されたデザイナー、クリエイター向けのテーマ。ホワイトベース中心です。有料版もありますが、無料版も見劣りしません。 example dessign Templatic TemplaticはCMSやポート
WordPressで画像を投稿する際にFlickrで検索、著作権表示付きで記事に挿入出来るプラグイン・Flickr Photo Post
これは便利だなー！と思ったのでご紹介。 WordPressでブログ書いてる方でもよく Flickrの画像を使っている方をよく見かけ ます。WordPressプラグインでも投稿を 便利にするものはいくつかあるんですが、 その中でもFlickr Photo Postは結構使い 勝手が良かったです。 というわけで便利なのでシェアです。画像投稿時にFlickrで検索、著作権表示も挿入して画像投稿可能なプラグインです。 画像を投稿するときにこんな感じでLightboxが表示されますが、この中にFlickr検索ツールが追加されます。切り取りと自動で著作権挿入してくれるのが大きな特徴ですね。シンプルでいい感じですよ。 機能はシンプル ↑ キーワードで検索すると結果が表示されますので好きな画像を選びます。 ↑ サイズも選択可能 ↑ 切り取りも可能です。ドラッグで範囲を決めて「投稿に挿入」をクリックすれば切
Webサイトにおけるユーザービリティの復習をしたので、よくチェックするポイントをリスト化した
ユーザービリティに関して少し復習したので メモっておきます。初心忘れるべからずという 事で・・・Webサイトは基本的にユーザビリティ を考慮したレイアウトやコンテンツが理想です。 もちろんケースバイケースではありますが、 これは全共通して言える、という事を忘れない ようにメモ書き。 というわけで、申し訳ないですけど目新しい事は何一つ無い内容です。 そもそもこのブログ自体ユーザビリティを考慮した設計とは言えません（「やっちゃダメなこと」もしています）ので全然説得力ない感じです。 いろいろとテスト&エラーをして行きたいのでご了承下さい。 はじめに正しいユーザビリティはコンテンツによってケースバイケースだと思いますが基本的には僕はヤコブ・ニールセンの考えに従っています。 全ての項目は「すべてが正しい」ものではありません。100のサイトがあれば100通りのユーザビリティが考えられるはずです。場合に
商用利用OK、リンクや著作権表示も不要の女性の写真素材専門サイト「モデル・フォト」 - かちびと.net
女性の写真素材専門のモデル・フォトは、 商用利用も可能で、リンクや著作権表示 も不要。完全に無料で使える人物写真 素材サイトです。簡単なアイキャッチ等に 使いやすそうな印象でした。なによりリンク 不要というのは貴重ですね。 以前ご紹介したモデルピースと同じく、人物写真素材専門のサイト。人物写真が商用利用OKでリンクも著作権表示も不要というのは、かなり貴重なので覚えておきたいですね。 商業広告・出版物・冊子のデザイン、Webサイトやホームページのデザイン制作、TV番組やCMの映像製作、店舗や看板の 装飾などに画像のトリミングや合成など、自由に加工してご利用いただけます。 とのことです。細かい規約は利用規約をご確認ください。 モデルさんはまだ3人ですが、量はなかなか揃っています。今後増えてくれると嬉しいですね。 素材の例ブログには規約上使用できないのでキャプチャ撮りました。なんか勘違いだったみ
最近よく使ってる、Web制作に役立つWebサービス的なやつ
少し前に聞いてくれた方がいたのでついで にシェアしてみます。個人的に最近よく好ん で使っている、Web制作に役立つWebサー ビスみたいなものをご紹介。全部既出で 珍しいものは無いんですけど、一覧にする のもたまにはいいかもですね。 というわけで、場合によっては誰得な記事ですけどご了承下さい。僕がここ最近でよく使ってるWebツールを古いのから新しいのまで、順不同でご紹介していきます。 web計。 → 黄金比・白銀比をサクサク計算 計算が面倒な黄金比や白銀比を、数値を入力するだけでサクサク出してくれます。動作も軽くてストレス無しです。 web計。 simplelib → よく使うjQueryコードをパッケージで配布 めっちゃ楽です。jQueryで作りたい機能だけを選択して、1つのjsファイルにパッケージにしてくれますよ。ページスクロールとかタブとか需要の高いものが揃っています。ちょっと機能を
WPShowerから、いろいろと完成度の高いWordPressフリーテーマ・Imbalance 2がリリースされたみたい
クオリティ重視でフリーのWPテーマをリリース してくれるWPShowerから新作がリリースされ たようです。相変わらず完成度の高いテーマ なので思わずメモ。このままでも普通に使えそう ですが、いつもどおり、デザインを割と変更しや すいように無装飾で組んでくれています。 WPShowerのテーマは、いつも装飾が少なく、js込みのフレームワークとして使えるので好きなんですが、最近マネタイズしはじめたので、無料と言ってくれているうちに手に入れておきたいですね。 すっきりとしたグリッドレイアウト。時系列を崩さず、コンテンツを美しく並べてくれます。マウスオーバーで背景がピンクに。サムネイルはアイキャッチを使います。 ページャーはjsでその場で読み込むのでページ推移不要です。 日本語でも美しい。 管理画面でカラーやフォント、グローバルナビ、GAのトラッキングコード埋め込み等の設定もできます。 これでな
ブログ記事のTweet数やブクマ、いいね！の数を管理画面に一覧表示するWordPressプラグイン・Social Metricsを日本向けにした
今まで書いた記事のTwitterでのTweet数 や、Facebookのいいね！他、Google+1 などを管理画面で一覧表示してくれる WordPressプラグイン・Social Metricsの ご紹介。もしかしたら需要あるかなと思った ので日本向けにしました。 日本向けといっても、ソーシャルサイトを入れ替えて日本語に変えただけで、ソースは殆どいじってません。オープンソースはこういうのが気軽にできていいですね。とはいえ、GPLはいろいろ制約はありますけども・・・ これが元々のプラグインです。このように管理画面で記事ごとについたTweet数やLike数を一覧表示出来ます。LinkedInがなんだかおかしい気が・・まぁいいｋ 多少重いのは仕方無いとして、これはなかなかいいなと思いましたので日本向けに、少しだけ変えました。 Social Metrics for Japanese Stumbl
日本の良デザインなWebサイトのみを集めているシンプルなデザインギャラリー・81-web
とっても見やすかったのと、コンセプト が良かったのでご紹介。日本の良デ ザインなWebサイトに特化したWeb デザインギャラリーサイト・81-web。 大分知られてる様ですが、もっと知られ て欲しいなと思ってシェアしてみます。 まだ最近立ち上がったギャラリーのようです。掲載数もそこそこ充実してきているみたいなので覚えておきたいですね。 ミニマル構成でとっても見やすいです。「81」というのは日本への国際電話の際に使う数字ですね。 検索はヘッダに ロゴ上部にあるボタンをクリックすると上図のようにパネルが展開されます。色やカテゴリでソート出来ます。 Twitterでの評判が表示されてるのは素敵 個別ページには大きなキャプチャと、Twitterでの評判が表示されています。気になるWebデザインに対する他の方の意見を見れる、っていうアイデア素敵ですね。 とにかくシンプルで見やすいのが僕は気に入りまし
写真参考サイトまとめ
写真は構図やインスピレーション、Web 制作素材としても、大きく貢献してくれます。 加工や構図など、まだまだ勉強不足です。 多少でも参考にできるように出来るだけ クオリティの高いフォトグラフィを見ておきたい のでそれ系のコミュニティや紹介してくれる ブログなどをまとめました。 素敵な写真やユニークな写真、加工技術の素晴らしい写真などジャンルは様々ですが、今回はとくに拘らず、極力クオリティ重視で選んでいます。 1x.com 世界のプロも集まる写真コミュニティサイト。見た目も綺麗で、最近よく見に行きます。 1x.com 500px こちらもプロのカメラマンも集まるSNS。中でもpopularにあがる写真は必見です。リンクもpopularに貼ってあります。 500px The D-Photo 写真好きならここ知らないと損だなぁ、と思うブログ。クオリティ重視、フォトグラファー別でまとめ記事を書いて
「ノンプログラマーのためのjQuery入門」のスライドが凄く分かりやすいですね
Twitterに流れてきたスライドがとっても 分かりやすかったのでブログでより多く の方に拡散。ノンプログラマー向けの jQueryの基本講座。これからjQuery を使おう、という方は読んでおくと良さ そうですね。 ノンプログラマー向けにjQueryの基礎をスライド化してくれています。 @pocotan001さん作のスライドです。 このスライドを見ながらコーディングする、というより、基礎知識を頭に入れるのに適したスライドだと思いますので気軽にご覧になってみて下さい。ハードルがかなり下がると思います。 また、当ブログでもjQueryプラグイン等の情報を取りあえげていますので合わせてどうぞ。 jQueryのリファレンスサイトと入門書籍 [2011.09.21アップデート] よくアクセスいただくのでハブ的な役割くらいは果たそうと思います。 jquery / jQueryの本家です。jQuery
オリジナルコンテンツを加えたFacebookページ（旧ファンページ）を作ったので、手順をメモ
FBMLが廃止されてから一度も作って なかったFacebookページ（ファンページ） ですが、土日に少し時間が出来たので 改めてこのブログのFacebookページを 作ってみました。以前よりも面倒なようで すが、見方によっては手軽になった印象 ですね。 前回はデモ的に作りましたので完全放置でしたが、今回は割と真面目に運営を考えています。飽きるまでしっかり管理してみるつもりです。 尚、今回のFacebookページの作成にかけた時間はおよそ6時間です。制作プロセスを書いていきますので、少しでも参考になれば幸いです。 一応見せられるレベル、程度のものですけどｗ折角なのでコンテンツを1から2つほど作ってみました。1つは目次的に上記のようなページをリキッドレイアウトでコンパクトに配置。特に珍しいもんでもないです。 2つ目のコンテンツはこのブログのサイドバーにあるタブコンテンツっぽいものを作りました。
Facebook→はてブにクロスポストするFBアプリ・はてブしぇあー
新年あけましておめでとう御座います。 4日からのブログ再開予定でしたが、 せっかくご連絡いただいたのでご紹介。 Facebookで情報をシェアする方も結構 多くなってきた印象ですが、そんな方に オススメなアプリが、Facebookに投稿 するとはてブにも同時に投稿してくれる アプリです。 Facebookはシェアは簡単ですが、ブックマークサービスでは無いのではてブとクロスポスト出来ればシェアした情報を探すのも楽かもですね。しかし、当たり前といえば当たり前ですけど、国産FBアプリは殆ど見かけないですね・・ Facebookにリンク付きで投稿すると自動ではてブするアプリです。 使い方をご紹介しようと思ったのですが、作者さんのページで親切に解説してくれていますので割愛します。 タグ付けも、普通にブコメする感覚でFBにポストすればOKという感じ。勿論アプリもOAuth認証なのでマウスのみで設定完了
お手軽・簡単にブログやWebサイトを拡張出来そうなWebサービスいろいろ
以前、デザインとか加工とか出来ないから なんかいいの教えて、と言われて教えたツ ールいろいろという記事で、ブログを始めた 彼が今度はブログをパワーアップさせたい 的な事を言い出したので教えたWebサービ スです。知識がないから簡単に出来るやつ がいい、とのことでしたのでそんなWebサー ビスになっています。 パワーアップさせたい、としか聞かれなかったのと、僕もあまり時間がなくてさほど数は探せませんでしたが、喜んでくれていたので需要があるかと思って記事にしてみます。パワーアップって言われても、どうしたいのかよく分からないので機能を追加できる的なものを探してみました。 基本的にコピペで済むものがほとんどです。僕自身、あまり導入経験が無いので使用感抜きで書いていますがご了承ください。 zenback 国産（シックス・アパートさんですね）のWebサービスです。かなり色々なところで見かけますが、申請
こんなの待ってた！TwitterでつぶやかれたURLをまとめるtubuclip
（個人的に）かなり助かるTwitterサービスの登場ですよ。tubuclipは自分のTL（タイムライン）上でフォロワーのつぶやき内で記事やサイトなどへのリンクがあるつぶやきのみ拾って一覧表示してくれる国産サービスです。これは本当に素晴らしい。 登録はOAuth認証です。サイトにもあるようにURLの含まれたPostを収集しているのでURL入りのPostを共有する事が可能です。 至ってシンプルな機能だけど欲しかったサービス こんなの待ってました。フォロー数が増えるとTL速度もかなりのスピードでいいURLをつぶやてもらえたのに見逃している可能性もあります。tubuclipなら取りこぼし無く拾ってくれるし、URLが含まれてるつぶやきのみを一覧にしてくれるので後でまとめて確認する事が可能です。しかもかなり見やすい。助かります。キャラの鳥もかわいいです。 また、画像URLの場合はサムネイルを表示、通常
cssのテクニックなどを学びたい時に見ておきたい12サイト
cssが苦手で嫌いなので 好きになろうと思い、勉強に なりそうなサイトを国内外で 選んで絞ってみました。 同じ思いをしている方とシェア したいと思ったので記事にします。 リファレンスサイトは今回は割愛しました。勉強するなら抑えて当たり前ですしね。国内外合わせて11サイトとおまけが1サイトあります。まずは国内サイトから。 CSS HappyLife 個人的に国内でcssといえばCSS HappyLifeさん思い出します。基本から応用まで幅広く情報を配信。 CSS HappyLife CSS-EBLOG ほぼcss中心に情報を配信してくれています。こちらもかなり勉強になるサイト。サイト自体も見やすいですし、cssで困った時には必ず訪れたいサイトです。 CSS-EBLOG CSS Lecture cssで出来るテクニックを公開してくれています。デモページを用意してくれるのが凄く嬉しい。親切で分か
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
AngularJS用のチートシート・「AngularJS Cheat Sheet」