任意のコンテキストメニューを実装できるスクリプト・「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秒
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秒
ミニマルなワイヤーフレームの為のCSSフレームワーク・「WIP」 WIP WIPはミニマルなワイヤーフレーム作成の為のCSSフレームワークです。なんだかややこしいですが、ミニマルなワイヤーフレームをHTML/CSSで作ろう、というもの。少し前にご紹介したようなワイヤフレーム用の棒状のフォントを併用し...2017.07.23 | 10時30分31秒
ワイヤーフレーム用のフォント・「Flow」 Flow Flowはワイヤーフレーム用に作られた棒状のフォントです。同じようなフォントが過去にもありましたね。こちらは角丸タイプなども用意してくれています。こんなの要らんという声もあるかもしれませんが、本フォント作成者も言うように、実...2017.07.22 | 10時11分40秒
クリックやホバーでアニメーションしながら変化するアイコンのセット・「Animated Icons」 Animated Icons Animated Iconsはホバーやクリックでアニメーションしながら別のアイコンに変化するアイコンのセットです。60個を無料提供してくれています。あまり使わなそうなものも含まれていますがシンプルで使いや...2017.07.17 | 10時57分10秒
オープンソースの地図作成ツール・「TileMill」 TileMill TileMillはオープンソースとして公開されている地図作成ツールです。Mac,Win,Linuxで動作するそう。MapBox作・・なのかな?OSMのWikiを見る限りはそのようです。CSSを書く感覚で作成出来るのは...2017.07.13 | 10時08分46秒
よく使われるUIをまとめたReactのUIコンポーネントライブラリ・「Rebass」 Rebass Rebassはよく使われるUIをまとめたReact向けのUIコンポーネントライブラリです。各フォーム周りのエレメントからボタンやリンクなどの一般的なUI、プログレスバーやバッジ、タブなど、有ると嬉しいUIまで大量に用意さ...2017.07.10 | 10時36分43秒
Flexboxとvue.jsがベースのUIフレームワーク・「Sirius UI」 Sirius UI Sirius UIはvue.js+FlexboxなUIフレームワークです。コンポーネントやらスタイルやらがいろいろと揃えられている、どちらかと言えばBootstrap寄りのコンセプトかもしれません。ある程度揃えられ...2017.07.08 | 10時45分57秒
パフォーマンスを最重要視したWordPressテーマフレームワーク・「Astra」 Astra Astraはパフォーマンスを最重要視したWordPressのテーマフレームワークです。各スピードテストサービスで高得点をマークした結果を見る限りではかなり良さそうです。DLして使ってみましたが、ライブエディターで簡単にカス...2017.07.07 | 10時31分01秒
HTMLメールの軽量boilerplate・「bojler」 bojler bojlerはHTMLメールの軽量boilerplateです。簡単にひな形を作成出来るように設計されているとの事。スタイルリセット、レスポンシブ対応、グリッド、ユニーティリティのclassが特徴だそうです。ライセンスはM...2017.06.24 | 10時25分31秒
TwitterやYoutubeチャンネル、Facebookなどのカバー画像やフライヤー、ポスター等のグラフィックをデザイン出来るオンラインツール・「Crello」 Crello Crelloはさまざまなグラフィックデザインを手軽に作成出来るオンラインツールです。TwitterやYoutubeチャンネル、Facebookなどのカバー画像やInstagram、Twitterにポストする用の加工ツール...2017.06.20 | 10時31分45秒
シンプルで使いやすいスタイルのCSSボタンのセット・「beautons」 beautons beautonsはシンプルで使いやすいスタイルのCSSボタンのセットです。csswizardry謹製みたいです。classを付与すればそのスタイルになってくれます。フレームワークをベースとしている場合は使いにくいケー...2017.06.19 | 10時13分02秒
StackOverflowのようなQ&Aコンテンツを構築する為のOSS・「Scoold」 Scoold ScooldはStackOverflowのような質問サイトを構築するためのオープンソースソフトウェアです。フルテキスト検索、評価システム、レスポンシブ対応、SEOフレンドリー且つ、GoogleやFacebookなどのアカ...2017.06.14 | 12時05分21秒
開発者向けのOSSなSVGアイコン集・「DEVICON」 DEVICON DEVICONは開発者向けのSVGアイコン集です。angularjs、apache、github、gulp、nodejsなどといった、開発者が良く目にするアイコンがまとまっています。SVGなのでカスタマイズもしやすくな...2017.06.12 | 10時50分52秒
Bulmaフレームワーク向けに作られたVue.jsベースのUIコンポーネント・「Buefy」 Buefy BuefyはBulmaフレームワーク向けに作られたVue.jsベースの軽量なUIコンポーネント集です。よく必要とされるtableやタブ、ボタン、アラートやモーダルウィンドウ、フォーム周りなど一通り揃えられています。Bulm...2017.06.11 | 10時04分57秒
1996〜2005年までのWebデザインのトレンドを確認出来る・「Web Design Museum」 Web Design Museum Web Design Museumは1996〜2005年までのWebデザインのトレンドを収集したWebプロジェクトです。当時のWebデザインのトレンドを取り入れたWebサイトのスクリーンショットを公...2017.06.08 | 10時10分34秒
ランダムにパスワードを生成するスクリプト・「jquery.passwordGenerator」 jquery.passwordGenerator See the Pen jQuery Password Generator by kachibito (@kachibito) on CodePen. jquery.passwo...2017.06.07 | 22時08分58秒
JavaScriptのライブラリを検索できる・「searchlibs」 searchlibs searchlibsはJavaScriptライブラリを探せる検索エンジンです。animationやchartといったキーワードで検索出来ます。結果表示も高速で非常に使いやすい印象です。ノイズはかなり少ない感じしま...2017.06.04 | 10時30分15秒