WordPressのウィジェットやタクソノミー、ショートコード等を手軽に作成出来る・「Generate WP」
Generate WP Generate WPはウィジェットやタクソノミー、ショートコード等を手軽にオンライン上で作成出来るジェネレーターです。地味に面倒な雛形部分のコードを提供してくれます。カスタマイズ前の雛形としても使えそうです。...
Resource - Archives
モバイルファーストなレスポンシブWebデザイン向けCSSフレームワーク・「csswizardry-grids」
csswizardry-grids csswizardry-gridsはモバイルファーストなCSSフワームワークです。購読しているcsswizardry.comのフレームワークなので興味が湧いた次第です。多段ネストも可能でclearも...
別のブラウザで表示確認する際、URLのコピペを不要にするブックマークレット・「Catapulty」
Catapulty Catapultyは、別のブラウザで表示確認をしたい時にURLのコピペを不要にするブックマークレットです。閲覧中のページでThrowを起動し、別のブラウザでHitを起動させればThrowを起動したページが表示されま...
Markdown記法に対応したデータベース不要のOSSのCMS・「Pico」
Pico PicoはMarkdown記法で編集できるオープンソースのCMSです。MySQLなどのデータベースは不要、.mdファイル(Markdown)を生成して固定のページとして表示するとの事です。デザインテーマにはテンプレートエンジ...
CSSフレームワークのToastをベースとしたWordPressテーマ・「Toastpress」
Toastpress ToastpressはシンプルなcssフレームワークのToastをベースとしたWordPressテーマです。floatを使わず、inline-blockを使ってグリッドレイアウトを作っているのでie7には対応して...
YUIを使用したUIフレームワーク・「AlloyUI」
AlloyUI AlloyUIは、YUIを使ったUIのフレームワークです。よくあるタブやカルーセル、モーダルウィンドウなどに加えて、スケジューラー、レーティングシステムやツールバーなどのコンポーネントの対応も充実しているようです。なか...
要素をレンガ状に並べるライブラリ・「MASON.JS」
MASON.JS MASON.JSは要素をレンガ状に隙間なく並べてくれるライブラリです。jQueryに依存しています。余白を完全に埋める、という目的で作ったみたいですね。圧縮版で4KBほどなのも嬉しいです。 MASON.JS
HTML5やCSS、jQueryなどのAPIのドキュメントサイト・「DevDocs」
DevDocs DevDocsはHTML5やCSS、jQueryなどのAPIに関する情報をまとめたサイトです。かなりの情報量で綺麗に纏められているのでとても探しやすい印象でした。キーワードを入力するだけで即時に候補を抽出するインスタン...
地図用に作られたマーカーアイコンのセット・「Maki」
Maki Makiはマップ上に表示させるマーカー用に作られたアイコンのセットです。電車やレストラン、ガソリンスタンド、駐車場や病院など、よく使われるアイコンが揃っています。Makiはオープンソースプロジェクトで、BSDライセンスの元で...
モバイルファーストなCSSフレームワーク・「Cardinal」
Cardinal CardinalはモバイルファーストなCSSフレームワークです。必要最低限の設計で残りはユーザーがカスタマイズする、という事を念頭に置いて作られたようです。この手のフレームワークは数多に存在しますが、選択肢が大いに越...
オープンソースのGithubクローン・「GitPrep」
GitPrep GitPrepはOSSのGithubクローンです。Perlで出来ているようで、ライセンスもPerlと同じもの（Artistic LicenseおよびGPL）だそうです。UIも良く似ていますね。動作サンプルがありますので...
ソーシャルコーディングが可能なオンラインIDE・「FriendCode」
FriendCode FriendCodeはブラウザで他のユーザーと共有しながら使えるオンラインのIDEです。プライベートなリポジトリも持てるみたい。アカウントはFacebookやGithubでログイン出来ます。他にもいろいろ。結構高...
SASS/Compassで構築されたCSSボタンライブラリ・「Buttons」
Buttons ButtonsはSASS/Compassで構築されたCSSボタンのプロジェクトです。classを振るだけで様々なボタンに装飾する事が出来る様になっています。Font Awesomeを使ってアイコンを加えたりCSS3でぼ...
シンプルさを重視したOSSのCMS・「Anchor」
Anchor Anchorはシンプルさを重視したオープンソースのCMSです。必要最低限の機能だけ搭載されており、他は自分でカスタマイズする、というもののようですね。動作環境はPHP 5.3.6+、MySQL 5.2+です。 ...
有名なサイトのUIを再現し、PSDで配布する・「Popular UIs」
Popular UIs Popular UIsは有名なサイトのUIを再現したPSDを配布するサイトです。HerokuやGitHub、Designer News、AppleやFacebookなどがあるようです。 Popular U...
Hacker Newsライクなデザイナー向けニュースサイト・「Designer News」
Designer News Designer NewsはHacker Newsのデザイナー版ニュースサイトです。登録ユーザーが投稿し、議論が展開される、というもの。コメント数から見てもまだそこまでユーザーが多いわけでは無さそうですね。...
Web上でアイコンフォントを作成できる・「Fontastic」
Fontastic Fontasticはオンラインでアイコンフォントを作成出来るWebサービスです。用意されたアイコンから必要な物を選択してダウンロードしたり、SVGをアップロードしてオリジナルのアイコンフォントを作成する事も出来るみ...
iOS7向けのアイコン作成用Fireworksテンプレート・「Template for iOS 7 App Icons (FW)」
Template for iOS 7 App Icons (FW) Template for iOS 7 App Icons (FW)はFireworks向けのiOS7用アイコンテンプレートです。探せばPSDやSkechファイルも出て...
レスポンシブWebデザインの表示確認ツール・「Demonstrating Responsive Design」
Demonstrating Responsive Design Demonstrating Responsive DesignはレスポンシブWebデザインのデバイス別の表示を確認出来るツールです。URLを入力すればフレーム内に表示され...
CSSのみで書かれたアイコンのセット・「CIKONSS」
CIKONSS CIKONSSはCSSのみで書かれたアイコンのソースを配布するWebサイトです。IE8までなら同じ表示が可能のようです。アイコンの種類もそれなりにあるみたい。実用性は置いておいて、どこかでコードが役に立つかもしれないと...
FFFFOUND!からダミー画像を生成・「hhhhold!」
hhhhold! hhhhold!は、画像共有サイト、FFFFOUND!に上げられた画像をダミー画像にできるサービスです。サイズは固定サイズや任意のサイズで指定可能のようです。色合いも指定出来るみたいですね。 hhhhold!
CSSライブラリをコレクションしている・「CSSDB.co」
CSSDB.co CSSDB.coはCSSライブラリをコレクションしているWebサイトです。似たようなサイトを紹介した気もしますが・・割と評価の高めなライブラリに絞ってるっぽいですね。Githubへのリンクもあります。 CSSD...