Webサイトへの訪問時にCookieに関するメッセージをポップアップで明示できるスクリプト・「ihavecookies」
ihavecookies ihavecookiesはWebサイトへの訪問時にCookieに関するメッセージをポップアップで明示できるスクリプトです。jQueryに依存しています。動作サンプルでは同意後30日の間はCookie削除しない...
Resource - Archives
結果の出ているiOSアプリのUIデザインをまとめたデザインギャラリー・「UI Sources」
UI Sources UI Sourcesは結果を出しているiOSアプリのUIデザインをまとめているUIデザインギャラリーです。ここでいう結果とは高い収益をあげている、という点による評価になります。概ね海外で収益化に成功しているアプリ...
様々なアプリのUIデザインのパターンを学習したり共有する・「UIPattern Hub」
UIPattern Hub UIPattern HubはWebアプリやスマフォアプリ等のUIデザインのパターンを学習、共有したり作成する為のプラットフォームです。各ページでは実際のスクリーンショットとプロトタイプライクな画像が並べられ...
汎用性の高い700以上のシンプルな線画アイコンを配布する・「Tilda Free Icons」
Tilda Free Icons Tilda Free Iconsは700以上の汎用的な線画アイコンを配布するプロジェクトです。Webサイト制作が簡単に行えるTildaが配布したもので、被リンク必須ですが商用でも個人でも無料利用可能で...
書いたコードを画像化して保存できる・「CodeZen」
CodeZen CodeZenは書いたコードを画像化してダウンロードできるWebサービスです。以前書いたcarbonとほぼ同等のサービスですが、こちらはcarbonのようなツイート機能はありません。また、carbonはOSSである事か...
見た目を確認しながらVScodeのテーマを探せる・「VSCodeThemes」
VSCodeThemes VSCodeThemesはVisual Studio Codeのテーマを、見た目を確認しながら探せるテーマ検索サイトです。人気のテーマ、Light、Darkから一覧表示できますのでデザインギャラリーの感覚で効...
インタラクティブに動作し、様々なタイプのチャートに対応できるOSSのチャートライブラリ・「apexcharts.js」
apexcharts.js See the Pen TimeSeries Demo by kachibito (@kachibito) on CodePen. apexcharts.jsはインタラクティブに動作する、様々なチャートに...
インフォグラフィックに使えるアイコンを配布する・「Infographic Icons」
Infographic Icons Infographic Iconsはインフォグラフィックの作成に使えるアイコンを配布するプロジェクトです。ブラウザでインフォグラフィックを作成できるサービスを展開するAdiomaが配布しているもので...
スタートアップのピッチデッキをまとめたプレゼンのコレクション・「Pitchenvy」
Pitchenvy Pitchenvyはスタートアップの企業やプロジェクトのピッチデッキをまとめたスライドギャラリーです。ピッチデッキは投資家や顧客、スポンサー候補などに対するプレゼンで、簡潔に短時間で伝えたいことを誤解なく使える、と...
軽量で多機能なモダンCSSフレームワーク・「Teutonic CSS」
Teutonic CSS Teutonic CSSは軽量で多機能なCSSフレームワークです。CSSグリッドやFlesboxに基づいたレイアウトはもちろん、各コンポーネントの提供や豊富なタイポグラフィ、CSS変数の導入によるカスタマイズ...
Webページの任意の要素に設定されたCSSをチェック、コピーできるブラウザ拡張・「CSS Scan」
CSS Scan CSS ScanはWeページの任意の要素のCSSをチェックし、クリップボードにコピーできるブラウザ拡張です。ChromeとFirefox用が用意されていますが、この手のものにしては珍しく有料でgumroadにて3US...
ライブラリやエディタ、フレームワーク等の多種多様なチートシートをまとめている・「Devhints」
Devhints Devhintsはライブラリやエディタ、フレームワーク等の多種多様な技術に関する簡易的なチートシートをまとめているプロジェクトサイトです。vscodeやatomなどのエディタアプリやCSS、HTML、JavaScri...
スタッキング出来るモーダルウィンドウ実装スクリプト・「Popbox.js」
Popbox.js Popbox.jsはポップアップをスタッキングできるモーダルウィンドウスクリプトです。表示されたモーダルウィンドウからさらに子ウィンドウを表示できる、というもの。依存性もなく単体で動作、サイズも軽量です。入れ子に出...
シンプルで使いやすいCSSアニメーションライブラリ・「Hexa」
Hexa Hexaはシンプルで使いやすいCSSによるアニメーションライブラリです。要素に指定のclassを付与するだけでアニメーションを与える事が出来ます。classはhexaを基本に、jumpやrotateなど、分かりやすいキーワー...
ホイールタイプのシンプルなカラーパレットジェネレーター・「wheel」
wheel wheelはホイール上にスキームを生み出すカラーパレットツールです。デフォルトでは21色が用意されており、ツールバーで色相や明度等を調整すれば自動で全カラーが変更されるようになっています。ライセンスの明記はありませんがGi...
SVG製の小規模なチャートを描けるライブラリ・「Dailychart.js」
Dailychart.js Dailychart.jsはSVGにで描ける小規模なチャートライブラリです。主に株価チャートの実装を目的に作られているようです。データは直接カスタムデータ属性に入力して実装する形となります。クセもなく扱...
CSSグラデーションのサンプルを公開しているWebサイトをまとめた・「gradient-backgrounds」
gradient-backgrounds gradient-backgroundsはCSSのグラデーションの様々なサンプルを紹介する複数のWebサイトのハブページです。UigradientsやGrabient、Gradient hun...
一般的なUIを組み合わせてHTMLテンプレートを作成できるソフトウェア・「Stitches」
Stitches Stitchesはよく利用されるUIをD&Dで組み合わせて好みのWebサイトテンプレートを作成できるソフトウェアです。作りもシンプルで個人的に好みだったので備忘録。デフォルトではTailwind CSSがベースとなっ...
シンプルな設計の軽量なFlexboxベースCSSフレームワーク・「Flexit」
Flexit Flexitはシンプルな設計の軽量CSSフレームワークです。Flexboxベースとなっています。row、two、columnなど、そのままで意味が通じる命名規則を採用しています。flexboxの為のユーティリティクラ...
CSSのコードと解説を共有できる・「CSS Playground」
CSS Playground CSSのコードと解説を共有できるPlaygroundツールです。左ペインに解説、右ペインにはjsfidleライクなエディタ兼ビューエリアが設置されており、解説を見ながら動作を確認、学習できる、というもの。...
HTML/CSS/JavaScriptで作られた時計のみを収集している・「Clock Shop」
Clock Shop Clock ShopはHTML、CSS、JavaScriptだけでブラウザで動作する様々な時計を収集しているプロジェクトサイトです。Codepenで公開されている時計コンテンツだけを収集、公開しているみたいです。...
ランディングページを簡単に構築出来るLP作成ツール・「Flauntly」
Flauntly FlauntlyはLPを簡単に作成出来るLP作成ツールです。D&Dとテキスト入力等の簡単な操作で完了、コーディングスキルは不要です。沢山のコンポーネントを組み合わせてLPを完成させる事ができます。よくあるツールですが...