Resource - Archives

著作権フリーでクオリティの高い写真素材を10日に1回、10枚配布する・「UNSPLASH」

UNSPLASH UNSPLASHはクオリティの高い写真素材を定期的に配布しているTumblrのサイトです。10日に1回、10枚というのがルールみたい。肝心のライセンスは「いかなる権利も保有しない」CC0ですので安心して利用できますね...

UIアニメーションの動きをgifアニメでTumblrに収集している・「UI Animations」

UI Animations UI AnimationsはUIアニメーションをGifアニメにしてTumblrで収集しているサイトです。実際に触って体感することも大事ですが、こうして見るだけでも参考になりそうですね。まだ数は少ないですが、...

Webフォントを使ったWebデザインのギャラリー・「WebfontsCorner 」

WebfontsCorner WebfontsCornerはWebフォントを使っているWebデザインをギャラリーにしているコレクションサイトです。まだ数は少ないですが、シンプルで見やすい印象ですので覚えておいて損は無さそうです。 ...
Ads

YoutubeやVimeo、Googleマップ等をレスポンシブWebデザインに対応させる為のツール・「Embed Responsively」

Embed Responsively Embed ResponsivelyはYoutubeやVimeo、Googleマップ等の埋め込み可能なサービスのコンテンツをレスポンシブWebデザインに対応させるツールです。指示に従って入力すると...

CSSによるアニメーションエフェクトをまとめた・「EFFECKT.CSS」

EFFECKT.CSS EFFECKT.CSSはCSSによるアニメーションエフェクトをまとめたサイト。Githubでもソースを公開しています。今まで見かけたCSSエフェクトが勢ぞろいしている印象です。尚、ソース元は見出しのタイトル右上...

Google Web Fontのフォントの差分を確認出来る・「Tiff」

Tiff TiffはGoogle Web Fontでホスティングされているフォントを2つ指定して差分を確認出来るツールです。フォント名を入力し、任意のテキストを入力すれば文字同士が重なって表示されます。表示された文字はクリック...

主要ソーシャルサイトのWebアイコンフォント・「Socialicious」

Socialicious Socialiciousは主要なソーシャルサイトのアイコンをWebフォントにしたもの。Twitterやflickr、dribbble、githubやFacebook、tumblr、Youtubeなど、一通り揃...

フラットなWebサイトを構築する為のフロントエンドフレームワーク・「Furatto」

Furatto FurattoはフラットなWebデザインのサイトを迅速に構築する為のフロントエンドフレームワークです。Sassを使ってるみたい。ボタンやフォーム、テーブルからページネーションやツールチップなどのコンポーネント、カルーセ...

HTML5製のオンラインモックアップツール・「mocknow」

mocknow mocknowは、HTML5で作られたオンラインモックアップツール。出来る事はシンプルですけど、最低限の事は出来るみたい。サイズの変更がちょっと分かりにくいんですけど右下で変更できます。こちらを選択するかどうかは置...

CSSで装飾されたチェックボックスのコードをダウンロード出来る・「CSS Checkbox」

CSS Checkbox CSS CheckboxはCSSで装飾されたチェックボックスのソースコードをダウンロードできるサービスです。Checkbox CSS Styleで装飾の種類を選択してソースをコピペするだけ。ラベルの背景の画像...

CSSのセレクターの知識を再確認できるクイズ・「Tricky CSS Selectors Quiz」

Tricky CSS Selectors Quiz Tricky CSS Selectors QuizはCSSのセレクタに関するクイズサイトです。表示されえたセレクタの影響を受ける列をクリックするだけの簡易的なものですがこういう形で見...

WordPressのウィジェットやタクソノミー、ショートコード等を手軽に作成出来る・「Generate WP」

Generate WP Generate WPはウィジェットやタクソノミー、ショートコード等を手軽にオンライン上で作成出来るジェネレーターです。地味に面倒な雛形部分のコードを提供してくれます。カスタマイズ前の雛形としても使えそうです。...

モバイルファーストなレスポンシブ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も良く似ていますね。動作サンプルがありますので...
Ads