ボックスの高さを指定して「続きを読む」リンクを付けられる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 })
ソーシャルコーディングが可能なオンラインIDE・「FriendCode」 - かちびと.net
FriendCodeはブラウザで他のユーザーと共有しながら使えるオンラインのIDEです。プライベートなリポジトリも持てるみたい。アカウントはFacebookやGithubでログイン出来ます。他にもいろいろ。結構高機能ですね。 FriendCode
CSSのみで書かれたアイコンのセット・「CIKONSS」 - かちびと.net
CIKONSSはCSSのみで書かれたアイコンのソースを配布するWebサイトです。IE8までなら同じ表示が可能のようです。アイコンの種類もそれなりにあるみたい。実用性は置いておいて、どこかでコードが役に立つかもしれないと思って備忘録。 CIKONSS
ミニマルなデザインで見やすいRSSリーダー・Yoleo - かちびと.net
RSSリーダーを探してたんですけど、好みのものがようやく見つかりました。デザインもミニマルでGoogleリーダーに近い印象なのでこちらを代替として利用させて頂こうと思います。 まだ探してたのかよってくらい今更ですけどようやく好みのを見つけました。やっぱりシンプルな方が自分に合ってるみたいです。 いいRSSリーダーがありました。TwitterとかFBとかキュレなんとか等はなんだかいろいろ面倒臭いので僕はRSS択一です。と言っても購読してるサイトは20前後なのでOperaの標準機能でいいかな、とも思ったんですけど、とりあえずこちらを利用させて頂く事にしました。 ショートカットもいろいろ用意されています。jやkは記事の前後へ、sはスターをつける、vでオリジナル記事に飛ぶ、などなど。 購読サイトを気が向いたときに読むだけなのでこれくらいが丁度いい感じです。 Yoleo
動画やGoogleマップにも対応した軽量なモーダルウィンドウを実装するjQueryプラグイン・Pop Easy - かちびと.net
使いやすそうなモーダルウィンドウのスクリプトがあったので備忘録。VimeoやGoogleマップにも対応しており、ファイル自体も圧縮版で2KB程度と軽量なのも嬉しいですね。 モーダルウィンドウ実装用のスクリプトです。jQueryに依存します。 使いやすそうなモーダルウィンドウです。 スタイルもカスタマイズしやすそう。 $('.modalLink').modal({ trigger: '.modalLink', olay:'div.overlay', modals:'div.modal', animationEffect: 'slidedown', animationSpeed: 400, moveModalSpeed: 'slow', background: '00c2ff', opacity: 0.8, openOnLoad: false, docClose: true, closeByE
フォーラムを作成して任意のWebサイトに埋め込めるWebサービス・Moot - かちびと.net
ディスカッションの場を作成して投稿内容を埋め込める、というWebサービスのご紹介。Disqusとちょっと似た感じかもしれません。あんまり使った事無いのでよく分かりませんけど・・ フォーラムを作成し、そのままWebサイトに埋め込み可能、というものです。 フォーラムを作成して埋め込める、というサービス。使用した感じ、かなり手軽でした。わずかなステップを踏むだけで作成できます。 このようにフォーラムを作成したら、右にある「Embed on your site」を押せば埋め込み用のコードが発行されます。 手軽に作成出来るのは魅力ですね。ただ、注意点として、埋め込みコードに不要な文字列が入ってしまうようです。 実際は https://moot.it/i/kachibito のはずですが、発行されるコードを見ると https://moot.it/i/kachibito forums というように、空白
Andoroidアプリ用プロトタイプを作成する為のHTML/CSSフレームワーク・「Fries」 - かちびと.net
Frieshは、HTML/CSS/JavaScriptベースで作る、Androidアプリ用プロトタイプ作成フレームワーク。RATCHETに刺激されてAndorid向けも作成したくなった、との事らしいです。ライセンスはMIT。 Fries
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
プロジェクト管理ツールをWeb上で実装出来るPHP製のソフトウェア・Solo
SASS/Compassで構築されたCSSボタンライブラリ・「Buttons」 - かちびと.net
Web上でアイコンフォントを作成できる・「Fontastic」 - かちびと.net
要素をフリップさせるためのライブラリ・Flippant.js - かちびと.net
CSSライブラリをコレクションしている・「CSSDB.co」 - かちびと.net
tableの幅をドラッグでリサイズ出来るようにするスクリプト・jQuery Resizable Column - かちびと.net
Webサイトのサイトマップを作る為のCSS・「SlickMap CSS」 - かちびと.net
レスポンシブWebデザイン用のモックアップを作成できる・「FROONT」 - かちびと.net
レスポンシブWebデザイン対応のHTML5 / CSS3テンプレートを配布する・「HTML5 Up!」 - かちびと.net
レスポンシブWebデザイン対応のWebサイトを構築する為の軽量フロントエンドフレームワーク・「skel.js」 - かちびと.net
レスポンシブWebデザイン対応のシンプルで軽量なグリッドシステム・「.FITGRD」 - かちびと.net
描いた絵をGifアニメに出来るペイントツール・「GIFPaint」 - かちびと.net
手軽にHTML形式のプレゼンテーションを作成できる・「Slid.es」 - かちびと.net