Resource - Webディレクター向け

さまざまなタイプのチャートの特徴や用途、目的など、使い方を解説してくれる・「Chartopedia」

Chartopedia Chartopediaはいろいろなタイプのグラフの使い方を解説してくれるWebサイトです。本サイトはインタラクティブなチャートライブラリを提供するAnyChartが公開した情報で、棒グラフや円グラフ、ドットチャ...

WordPressに関するツールやリソース等をコレクションしているキュレーションサイト・「WordPress Stash」

WordPress Stash WordPress StashはWordPressに関わるツールやリソース、テーマやプラグインの開発情報等をキュレーションしているWebサイトです。よくあるキュレーションサイトと同じ構造で、カテゴリに分...

小規模チームで使うことを想定したオープンソースのシンプルなWiki・「Matterwiki」

Matterwiki Matterwikiは小規模なチームで使うことを想定したシンプルなWikiソフトです。先発のWikiソフトは小さなチームで使うには複雑すぎて使いにくいと考え、少人数で使いやすいシンプルなWikiツールの設計を目指...
Ads

過去に存在したページが404等を返した際に、Internet Archiveへ誘導してくれるChrome拡張・「Wayback Machine」

Wayback Machine Wayback Machineは過去に存在したページが404や503、500などのエラーを返してきた際に、Internet Archiveに誘導してくれるChromeエクステンションです。Interne...

Photoshopのツールやリソースを公開する・「UberPlugins」

UberPlugins UberPluginsはPhotoshopのプラグインを紹介するWebサイトです。まぁいわゆるプラグイン販売サイトなんですが、無料のものもちらほらあったので紹介してみます。公開されているプラグインはアバター挿入...

BootstrapとUnderscoresを組合せたモバイルファーストなWordPressテーマフレームワーク・「UnderStrap」

UnderStrap UnderStrapはBootstrapとUnderscoresを組合せたモバイルファーストなWordPressテーマフレームワークです。UnderscoresはAutomattic社の社員さんが開発、公開してい...

商用でも無料で使える顔写真を提供するプロジェクト・「TinyFaces」

TinyFaces TinyFacesは商用でも無料で使える人物顔写真を提供するプロジェクトです。目的に賛同してくれる方から提供してもらった顔写真、性別等を、JSONで提供してくれています。顔写真はFacebookで設定されているアバ...

フルスクリーン動画からスムーズにスマフォのモックアップに移行するイントロテンプレート・「Immersive Video Template」

Immersive Video Template Immersive Video Templateはcodyhouseで紹介された、動画を使ったWebサイトのイントロのサンプルです。フルスクリーン動画で始まり、スムーズにスマフォのモッ...

Webページとして公開もできるjsfiddleライクなコードテストツール・「PLAYCODE」

PLAYCODE PLAYCODEはWebページとして公開もできるjsfiddleライクなコードテストツールです。jsfiddleのようにHTML、CSS、JavaScriptをブラウザで動作テストできる、というツールですが、本ツール...

いろいろなスタイルのボタンを実装出来るスタイルシート・「bttn.css」

bttn.css bttn.cssはいろいろなスタイルのボタンを実装出来るスタイルシートです。種類はそこまで多くないですが、それぞれのボタンは最小、小、中、大の太さが用意されており、ブロック要素/インライン要素、5色のカラーが用意され...

CSSで作る様々なメニューを大量にまとめた・「110 CSS Menu」

110 CSS Menu 110 CSS MenuはCSS(と、少しのJavaScript)で作るメニューを大量にまとめたWebページです。110個あるかは明記されてないし数えてもないので分かりませんが、読み込みがやたら重いので結構な...

ブラウザでアニメーションや簡単なゲーム等を作成出来るOSS・「Wick」

Wick Wickはブラウザでアニメーションや簡単なゲーム等を作成出来るエディタです。マルチメディアエディタというものだそう。デモがあるので詳細は本プロジェクトページにて。今日は大晦日ゆえ、簡単ですがこれで本年の更新は終わらせて頂きま...

軽量で非依存のパララックス実装スクリプト・「Rellax.js」

Rellax.js Rellax.jsは軽量で他ライブラリに依存しないパララックス実装スクリプトです。少し前に流行って今は割と普通に見かけるようになった視差効果のあるWebページの制作をサポートしてくれる、というもの。ファイルサイズは...

任意のWebサイトや要素に設定されたCSSを解析するChromeエクステンション・「CSS Peeper」

CSS Peeper CSS Peeperは任意のWebページやそのページの各コンテナに設定されたCSSを解析するChromeエクステンションです。解析したいページでエクステンションを起動すると、Webページのfont-familyや...

大量のCSSフレームワークやライブラリ、スニペット、ツール等をコレクションしている・「CSSReflex」

CSSReflex CSSReflexは大量のCSSフレームワークやライブラリ、スニペットやツール等をコレクションしているWebサイトです。よくあるキュレーションサイトですね。レスポンシブの計算機やフィルターツールなどもありますが、特...

動作軽量で使いやすいオープンソースなイメージビューア・「ImageGlass」

ImageGlass ImageGlassは動作軽量で使いやすいイメージビューアです。OSSとしてもソースコードが公開されています。対応フォーマットはJPG、JPEG,やPNG, GIF, ICO, BMPなどやWMF、PSD、HDR...

モジュール形式のWordPressテーマ開発向けフレームワーク・「Cherry Framework」

Cherry Framework Cherry FrameworkはWordPressテーマ開発フレームワークです。GPLライセンスの元、OSSとして公開されています。専用のプラグイン(高度検索化、不動産ツールなど)も複数開発されてお...

disple:tableを使ったモバイルファーストなCSSグリッドシステム・「Table Grid」

Table Grid Table Gridはdisple:tableを使ったモバイルファーストなCSSグリッドシステムです。といっても実用性を考えて作った重要性の高いプロジェクトではなく、単に実験的に作ったようです。floatやfle...

複数のストックフォトサイトやフォント、モックアップ、動画の配布サイトをその場で探せる・「TheStocks」

TheStocks TheStocksはロイヤリティフリーの写真を配布するストックフォトサイトやフォント配布サイト、モックアップ、カラースキームや動画を配布する各サービスをその場で探せるWebサイトです。以前ご紹介したのですが、以前は...

さまざまなUIデザインをギャラリー形式で紹介している・「UIDB.io」

UIDB.io UIDB.ioはさまざまなUIデザインを紹介するデザインギャラリーです。パーツつごとではなく、ページ単位のSSを紹介しているようです。そのせいもあってか、少し見にくいかな・・?良いものを厳選してるというより、豊富な数が...

ブラウザで使える、Framer.jsを使ったプロトタイプのインタラクションテストツール・「Prototyp」

Prototyp PrototypはFramer.jsを使ったプロトタイプのインタラクションテストを行えるテストツールです。誰でも無料で利用する事が出来ます。作成したプロトタイプはURLを発行、モバイルデバイスで動作確認も可能です。そ...

シンプルで非依存、軽量なカルーセルスクリプト・「Siema」

Siema See the Pen Siema - nested carousels by kachibito (@kachibito) on CodePen. Siemaはシンプルで軽量、非依存型のカルーセルを実装するスクリプトで...
Ads