オープンソースのWebファイルマネージャー・「filemanager」
filemanager filemanagerはオープンソースのWebファイルマネージャーです。複数ユーザーが登録、利用できます。ファイルのアップロード、削除、リネーム、作成等が可能で、複数ファイルを圧縮して一括DLなども出来るようで...
Resource - Webディレクター向け
任意のコンテキストメニューを実装できるスクリプト・「jQuery Menu」
jQuery Menu jQuery Menuは任意のコンテキストメニューを実装する為のスクリプトです。jQueryに依存します。特定のエリアで右クリックすると事前に設定したメニューが表示される、というもの。ライセンスはMITです。 ...
基本的なコンポーネントのみを提供するCSSスターターキット・「Shoelace.css」
Shoelace.css Shoelace.cssは基本的なコンポーネントのみを提供する軽量なCSSスターターキットです。役立ちそうなコンポーネントのCSSリセットみたいなものと考えてくれとのこと。このCSSは本来、Surreal C...
いろいろなコンテンツ向けのダミーデータをまとめた・「Lists」
Lists Listsはさまざまなコンテンツ向けのダミーデータをまとめているプロジェクトです。住所や動物、スポーツ記事、銀行、本、本の著者、車や都市、色、企業や通貨、日付、クレカナンバー、所要時間、メールアドレス、URL、数字や価格、...
段落毎に設置した画像を、その段落が終わるまで固定させるスクリプト・「jquery-stopattop」
jquery-stopattop jquery-stopattopは段落毎に設置した画像を、段落がスクロールし終わるまで固定させるスクリプトです。ちょっと僕の説明が下手でピンとこないと思いますので動作サンプルを用意しました。名前の通り...
Mediumライクなlightboxを実装出来るスクリプト・「MediumLightbox」
MediumLightbox MediumLightboxはMediumで導入されている画像をズーム表示するlightboxと同じような動作を実装出来るスクリプトです。非依存型で、単体で動作してくれます。クリックでその場に即拡大表示、...
グラデーションを作成し、そのCSSをコピーできる・「Grabient」
Grabient Grabientは作成したグラデーションのCSSをコピーできるWebサービスです。作成というか、既に作られた沢山のグラデーションから好みのグラデーションを選択し、調整した後にCSSををコピーできる、みたいなの。ですが...
クライアントサイドのJavaScript製captcha・「ClientSideCaptcha」
ClientSideCaptcha ClientSideCaptchaはクライアントサイドで動作するJavaScript製captchaです。jquery依存みたいです。上デモのように画像(大文字は大文字で入力)と入力されたテキス...
ミニマルなワイヤーフレームの為のCSSフレームワーク・「WIP」
WIP WIPはミニマルなワイヤーフレーム作成の為のCSSフレームワークです。なんだかややこしいですが、ミニマルなワイヤーフレームをHTML/CSSで作ろう、というもの。少し前にご紹介したようなワイヤフレーム用の棒状のフォントを併用し...
ワイヤーフレーム用のフォント・「Flow」
Flow Flowはワイヤーフレーム用に作られた棒状のフォントです。同じようなフォントが過去にもありましたね。こちらは角丸タイプなども用意してくれています。こんなの要らんという声もあるかもしれませんが、本フォント作成者も言うように、実...
複数のRSSフィードを一纏めにして配信してくれる・「RSSUnify」
RSSUnify RSSUnifyは複数のRSSフィードを一つのフィードにして配信してくれるWebサービスです。使い方は簡単で、読みたいRSSを登録してUnify Feedsをクリックするだけ。時系列で配信してくれます。大量に購読先が...
Markdownでデータを可視化する為のMarkdown-Itプラグイン・「Markvis」
Markvis MarkvisはMarkdownでデータを可視化する為のMarkdown-Itプラグインです。Markdown-ItはMarkdownでオリジナルのレンダリングをする為のJS製のレンダラ/パーサーで、その拡張として使う...
クリックやホバーでアニメーションしながら変化するアイコンのセット・「Animated Icons」
Animated Icons Animated Iconsはホバーやクリックでアニメーションしながら別のアイコンに変化するアイコンのセットです。60個を無料提供してくれています。あまり使わなそうなものも含まれていますがシンプルで使いや...
スマフォアプリでよく使われそうなコンポーネントをまとめたUIキット・「React Native UI Kitten」
React Native UI Kitten React Native UI Kittenはスマフォアプリの為のUIコンポーネントをまとめたUIキットです。外観の施工をサポートするから君はコンテンツ施工に集中してくれよ！みたいな事書い...
チャットのような対話コンテンツの為のUIフレームワーク・「BotUI」
BotUI BotUIはチャットのような対話コンテンツのUIのためのJavaScriptフレームワークです。いわゆるbot用でしょうか。返すメッセージや内容、タイミングなどの設定も簡単に出来るようになっています。 ライセ...
オープンソースの地図作成ツール・「TileMill」
TileMill TileMillはオープンソースとして公開されている地図作成ツールです。Mac,Win,Linuxで動作するそう。MapBox作・・なのかな？OSMのWikiを見る限りはそのようです。CSSを書く感覚で作成出来るのは...
よく使われるUIをまとめたReactのUIコンポーネントライブラリ・「Rebass」
Rebass Rebassはよく使われるUIをまとめたReact向けのUIコンポーネントライブラリです。各フォーム周りのエレメントからボタンやリンクなどの一般的なUI、プログレスバーやバッジ、タブなど、有ると嬉しいUIまで大量に用意さ...
Flexboxとvue.jsがベースのUIフレームワーク・「Sirius UI」
Sirius UI Sirius UIはvue.js+FlexboxなUIフレームワークです。コンポーネントやらスタイルやらがいろいろと揃えられている、どちらかと言えばBootstrap寄りのコンセプトかもしれません。ある程度揃えられ...
パフォーマンスを最重要視したWordPressテーマフレームワーク・「Astra」
Astra Astraはパフォーマンスを最重要視したWordPressのテーマフレームワークです。各スピードテストサービスで高得点をマークした結果を見る限りではかなり良さそうです。DLして使ってみましたが、ライブエディターで簡単にカス...
海の音がメインのヒーリングBGMサービス・「VirtOcean」
VirtOcean VirtOceanは海の音がメインのヒーリングBGMサイトです。カフェの音だとか森の音とかいろいろ先発サービスがありますが、こちらは海がメイン。基本的には海の中でダイビング中に聞こえそうな音で環境を作成出来るみたい...
MediumライクなUIのツールバーで任意のテキストをシェア出来るようにするスクリプト・「share-this」
share-this share-thisはMediumライクなUIのツールバーで任意のテキストをSNS等に投げられるようにする、というスクリプトです。シェア先は各SNSは勿論、動作サンプルを見ると、メールやハッカーニュース等、任意の...
HTMLメールの軽量boilerplate・「bojler」
bojler bojlerはHTMLメールの軽量boilerplateです。簡単にひな形を作成出来るように設計されているとの事。スタイルリセット、レスポンシブ対応、グリッド、ユニーティリティのclassが特徴だそうです。ライセンスはM...