Yii2フレームワークを使ったOSSのCMS・「Yii2 MJ CMS」 Yii2 MJ CMS Yii2 MJ CMSはPHPフレームワークのYii2を使ったオープンソースのCMSです。スタイルはBootstrapベースでi18nをサポートしており国際化も可能とのこと・・ですが、言語ファイルはデフォルトで...2017.08.02 | 12時59分20秒
任意のコンテキストメニューを実装できるスクリプト・「jQuery Menu」 jQuery Menu jQuery Menuは任意のコンテキストメニューを実装する為のスクリプトです。jQueryに依存します。特定のエリアで右クリックすると事前に設定したメニューが表示される、というもの。ライセンスはMITです。 ...2017.08.01 | 10時51分02秒
基本的なコンポーネントのみを提供するCSSスターターキット・「Shoelace.css」 Shoelace.css Shoelace.cssは基本的なコンポーネントのみを提供する軽量なCSSスターターキットです。役立ちそうなコンポーネントのCSSリセットみたいなものと考えてくれとのこと。このCSSは本来、Surreal C...2017.07.31 | 10時54分57秒
いろいろなコンテンツ向けのダミーデータをまとめた・「Lists」 Lists Listsはさまざまなコンテンツ向けのダミーデータをまとめているプロジェクトです。住所や動物、スポーツ記事、銀行、本、本の著者、車や都市、色、企業や通貨、日付、クレカナンバー、所要時間、メールアドレス、URL、数字や価格、...2017.07.30 | 11時38分40秒
段落毎に設置した画像を、その段落が終わるまで固定させるスクリプト・「jquery-stopattop」 jquery-stopattop jquery-stopattopは段落毎に設置した画像を、段落がスクロールし終わるまで固定させるスクリプトです。ちょっと僕の説明が下手でピンとこないと思いますので動作サンプルを用意しました。名前の通り...2017.07.29 | 10時41分48秒
マテリアルデザインのカラーパレットをランダム生成するジェネレーター・「Random Material Palette Generator」 Random Material Palette Generator Random Material Palette Generatorはランダムにマテリアルデザインのカラーパレットを生成するカラーパレットジェネレーターです。画面クリッ...2017.07.28 | 10時08分12秒
Bootstrapベースのフリーなポートフォリオテンプレート・「OAK」 OAK OAKはBootstrapベースのフリーなポートフォリオテンプレートです。いたるところにいろいろなエフェクトが付与されたUIが使われています。フリーはHTMLでWPテーマは有料、という形のようです。全体的によくできている印象で...2017.07.27 | 10時18分33秒
Mediumライクなlightboxを実装出来るスクリプト・「MediumLightbox」 MediumLightbox MediumLightboxはMediumで導入されている画像をズーム表示するlightboxと同じような動作を実装出来るスクリプトです。非依存型で、単体で動作してくれます。クリックでその場に即拡大表示、...2017.07.26 | 10時48分40秒
グラデーションを作成し、そのCSSをコピーできる・「Grabient」 Grabient Grabientは作成したグラデーションのCSSをコピーできるWebサービスです。作成というか、既に作られた沢山のグラデーションから好みのグラデーションを選択し、調整した後にCSSををコピーできる、みたいなの。ですが...2017.07.25 | 10時46分45秒
クライアントサイドのJavaScript製captcha・「ClientSideCaptcha」 ClientSideCaptcha ClientSideCaptchaはクライアントサイドで動作するJavaScript製captchaです。jquery依存みたいです。上デモのように画像(大文字は大文字で入力)と入力されたテキス...2017.07.24 | 10時19分09秒
ミニマルなワイヤーフレームの為のCSSフレームワーク・「WIP」 WIP WIPはミニマルなワイヤーフレーム作成の為のCSSフレームワークです。なんだかややこしいですが、ミニマルなワイヤーフレームをHTML/CSSで作ろう、というもの。少し前にご紹介したようなワイヤフレーム用の棒状のフォントを併用し...2017.07.23 | 10時30分31秒
ワイヤーフレーム用のフォント・「Flow」 Flow Flowはワイヤーフレーム用に作られた棒状のフォントです。同じようなフォントが過去にもありましたね。こちらは角丸タイプなども用意してくれています。こんなの要らんという声もあるかもしれませんが、本フォント作成者も言うように、実...2017.07.22 | 10時11分40秒
複数のRSSフィードを一纏めにして配信してくれる・「RSSUnify」 RSSUnify RSSUnifyは複数のRSSフィードを一つのフィードにして配信してくれるWebサービスです。使い方は簡単で、読みたいRSSを登録してUnify Feedsをクリックするだけ。時系列で配信してくれます。大量に購読先が...2017.07.21 | 10時57分49秒
Markdownでデータを可視化する為のMarkdown-Itプラグイン・「Markvis」 Markvis MarkvisはMarkdownでデータを可視化する為のMarkdown-Itプラグインです。Markdown-ItはMarkdownでオリジナルのレンダリングをする為のJS製のレンダラ/パーサーで、その拡張として使う...2017.07.20 | 10時53分30秒
スクショを使ってスマフォやタブレットの画像に合成してくれるサービス・「Dimmy.club」 Dimmy.club Dimmy.clubはWebページやアプリ等のSSを撮ってスマフォやタブレット、PC等のモニター部分に合成してくれるモックアップ作成サービスです。よくあるやつですね。特にここだけにしかない特徴は、パッと見ありませ...2017.07.19 | 10時54分35秒
企業がスタートアップの際に成功したピッチスライドのまとめ・「A Huge Collection of Startup Pitch Decks」 A Huge Collection of Startup Pitch Decks A Huge Collection of Startup Pitch Decksは、企業がスタートアップの際に使ったピッチで成功した(多額の資金提供を得...2017.07.18 | 10時42分29秒
クリックやホバーでアニメーションしながら変化するアイコンのセット・「Animated Icons」 Animated Icons Animated Iconsはホバーやクリックでアニメーションしながら別のアイコンに変化するアイコンのセットです。60個を無料提供してくれています。あまり使わなそうなものも含まれていますがシンプルで使いや...2017.07.17 | 10時57分10秒
シンプルに作られた超軽量なWYSIWYGエディター・「PELL」 PELL PELLはシンプルに作られたWYSIWYGエディターの為のJSライブラリです。基本的に高性能で、いろいろ出来るWYSIWYGエディターは沢山ありますが、そこまで機能を使うケースもそう多くないかもしれません。勿論、多用されるケ...2017.07.16 | 10時51分37秒
スマフォアプリでよく使われそうなコンポーネントをまとめたUIキット・「React Native UI Kitten」 React Native UI Kitten React Native UI Kittenはスマフォアプリの為のUIコンポーネントをまとめたUIキットです。外観の施工をサポートするから君はコンテンツ施工に集中してくれよ!みたいな事書い...2017.07.15 | 10時15分27秒
チャットのような対話コンテンツの為のUIフレームワーク・「BotUI」 BotUI BotUIはチャットのような対話コンテンツのUIのためのJavaScriptフレームワークです。いわゆるbot用でしょうか。返すメッセージや内容、タイミングなどの設定も簡単に出来るようになっています。 ライセ...2017.07.14 | 10時40分08秒
オープンソースの地図作成ツール・「TileMill」 TileMill TileMillはオープンソースとして公開されている地図作成ツールです。Mac,Win,Linuxで動作するそう。MapBox作・・なのかな?OSMのWikiを見る限りはそのようです。CSSを書く感覚で作成出来るのは...2017.07.13 | 10時08分46秒
さまざまな色の知識を学べる・「Colors – Canva’s Design Wiki」 Colors - Canva's Design Wiki Colors - Canva's Design Wikiはさまざまな色の知識を学べるカラースタディサイトです。グラフィックデザイン作成ツールのCanvaが提供したサービスで...2017.07.12 | 10時48分26秒