管理画面の記事/固定ページ一覧のテーブルにIDの列を加える - かちびと.netKachibito.net is a website to writing tutorials and code snippets for Web Developers, the main subjects are WordPress, javascript, CSS, OSS, tools and resources. Links About/Privacy Policy Contact X(Twitter) Facebook
学生によって作成された作品のみを掲載しているWebギャラリー・「Student Show」 - かちびと.net
Student Showは、学生の方が作成した作品のみを紹介するWebギャラリーです。掲載されているものはイラストやロゴ、アニメーションなど様々。学校名でカテゴライズされています。Behanceの姉妹サイトのようです。 Student Show
様々なソーシャルメディアサイト内で使用するアイコンや背景を作成・「Social Media Image Maker」 - かちびと.net
Social Media Image Makerは主要なソーシャルメディアサイト内で使うアイコンや背景などを作成出来るジェネレーターです。それぞれのソーシャルサイトで利用出来る画像のサイズにリサイズしたり、簡単な加工を施すことが出来ます。高機能では無いけどソーシャルメディアサイトの種類は豊富です。 Social Media Image Maker
チェックボックスとラジオボタンをスタイリングする為のjQueryプラグイン・iCheck.js - かちびと.net
checkboxesとradioボタンをスタイリングするjQueryのプラグインです。カスタマイズ性に優れており、使い方も手軽そうだったので備忘録的にご紹介します。 よくあるプラグインですけど、使いやすそうだったのでメモ。 checkboxesとradioボタンをスタイリングするライブラリ。IE7にも対応しています。 かわいい。 スタイルは最初からいろいろと用意されていますのでカスタマイズの参考にもなりますね。 コード <script src="jquery.js"></script> <script src="jquery.icheck.js"></script> コアとプラグインを読み込みます。 $('input').icheck(); 初期化します。 $('input').icheck({ handle: '', // 'checkbox'か'radio'とすればどちらかに限定できる
Webアプリやスマフォアプリの紹介用に作成、配布されているフリーTumblrテーマ・AppBlog - かちびと.net
Webアプリやスマフォなどのアプリを紹介するために作られたTumblrのテーマ・AppBlogのご紹介です。Tumblrはテーマが豊富ですが、こういったブログ形式のテーマはあまり見かけないので貴重かもですね。 アプリ紹介用のTumblrテーマです。シンプルで見やすく読みやすい印象でした。 サイドカラムは固定されています。メニューはマウスホバーでスライドインする仕組み。 メニューにはソーシャルサイトへのリンク等を追加できます。Disqus、Google Analyticsにも対応しており、サイドカラムの色の変更も容易に出来ます。また、レスポンシブWebデザインにも対応。 上手く作られてます。こういうレイアウトは個人的に見やすくて好みなので参考になりました。 AppBlog
動作も軽く使いやすいモックアップ作成ツール・「Moqups」 - かちびと.net
Moqupsは動作も軽く、直感で使えるモックアップ作成ツールです。ドラッグ&ドロップで楽に操作することが出来て、基本的な機能も全て揃っています。ただし、画像をアップロードするにはユーザー登録が必要となります。 Moqups
画像をドラッグ&ドロップでアップロードし、DataスキームURIに変換する・「Duri.me」 - かちびと.net
Duri.meは画像をD&Dでアップロードし、DataURIに変換するジェネレーターです。作成後はCSS、imgタグ等をコピーできます。 Duri.me
レスポンシブ且つグリッドなレイアウト生成ジェネレーター・「gridpak」 - かちびと.net
gridpakは、レスポンシブWebデザインに対応したグリッドレイアウトジェネレーターです。従来のグリッドジェネレーターにブレークポイントを設定出来る項目が付いているので操作も楽に行えます。 gridpak
実践しながらjQueryを学べるオンライン学習サイト・Try jQuery - かちびと.net
実際にコードを書いて学べる学習コンテンツ・Try jQueryのご紹介です。jQuery公式のオンライン学習サイトっぽいですね。英語ですけどこれから学ぼうという方にはうってつけかもしれません。 実践でjQueryを学べるサイトです。スライドも完備されています。英語が苦手な方にはちょっと難しいかもですけど・・ ドメインから察するに公式のものでいいと思います・・確認はしていませんけど。内容は基本的なものからスタートします。 スライドからスタートです。 他の学習サイト同様、指示通りに進めていきます。 正解ならSuccess!の文字が出て次に進みます。 これから始めたい、という方は如何でしょうか。 Try jQuery
アイコンのデザインをカスタマイズしてダウンロード出来る・「IconBench」 - かちびと.net
IconBenchは、アイコンを選択してスタイリングし、そのままダウンロードできるツール。シンプルなアイコンにドロップシャドウやストローク等を加えてダウンロードする事が出来ます。 IconBench
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
猫の画像をダミー画像として使える・「{placekitten}」
Font Awesomeのアイコンを利用したボタンを作成出来る・「CSS3Butt.in」 - かちびと.net
デバイス画像のモニターにサイトを表示させてレスポンシブ対応状態を確認する・「Am I Responsive?」 - かちびと.net
動作を確認しながらCSS3のkeyframeを使ったアニメーションを作成・「Stylie」 - かちびと.net
JavaScriptコードをブラウザ上で動作テスト、共有できる・「Plunker」 - かちびと.net
オンラインのMarkdownエディタ・「Dillinger」 - かちびと.net
面倒な作業のみをカバーしたシンプルなCSSフレームワーク・「inuit.css」 - かちびと.net
CSSを即時整形するツール・「CSS Beautify」
オンラインでjQuery UIのデザインを作成・「jQUIT」 - かちびと.net
Twitter BootstrapをベースとしたフラットなデザインのUIキット・Flat UI - かちびと.net
