JavaScriptのTipsを不定期で紹介する・「JS Tips」
JS Tips JS TipsはJavaScriptのちょっとしたヒントをコードとともに不定期で紹介するWebサイトです。基本的にはバニラなスクリプトが紹介されており、コードはGithubでも公開されています。8/23現在で58ほど。...
Resource - Archives
自身の技術スキルをアニメーションする棒グラフで表示できるjQueryスクリプト・「skills」
skills skillsは自身の技術スキルをアニメーションする棒グラフで表現するためのスクリプトです。jQuery依存です。よくある、スクロールに応じてアニメーションしながらグラフが設定値まで伸びる、というもの。アニメーションや...
高品質な写真を著作権放棄で配布する・「SKUAWK PUBLIC DOMAIN PHOTOS」
SKUAWK PUBLIC DOMAIN PHOTOS SKUAWK PUBLIC DOMAIN PHOTOSは高品質な写真をパブリックドメインで配布するWebサイトです。よくあるストックフォトサイトのように大量に保管、配布されてはお...
閲覧中のYoutubeのURLにconvという文字を加えるだけで動画をMP4やMP3、Gif等にコンバート・「CONV.」
CONV. CONV.はYoutubeをMP3やMP4、Gifアニメ等に変換するサービスです。よくあるやつですね。裁判になったtubefireとかgifs.comなどの先発サービス同様に、Youtubeの動画のURLにconvという文...
要素の背景に水面を指でなぞるようなエフェクトを付与できるスクリプト・「jQuery Ripples」
jQuery Ripples ※Resultを押せば別の画像が表示されます。 jQuery Ripplesは要素に揺れる水面っぽいエフェクトを付与できるスクリプトです。WebGLで任意の要素に指定した画像に上記のようなエフェクト...
ユーザー登録不要でイメージギャラリーを作成出来る・「MFile.io」
MFile.io MFile.ioはユーザー登録もメールアドレス等も不要でイメージギャラリーを作成出来るシンプルなWebサービスです。単純に、画像をアップロードするだけでユニークなURLを発行、アップした画像全てをスライドで閲覧できる...
最低限のコントラストの条件をクリアした配色を提出してくれるシンプルなパレットジェネレーター・「hello-color」
hello-color hello-colorはランダムでカラーパレットを生成、提出してくれるジェネレーターです。提出されるカラーはいわゆる最低限のコントラスト比の条件をクリアした配色を出してくれているようです。コントラスト比とLev...
オープンソースでセキュアなグループチャットアプリ・「Wire」
Wire Wireはセキュアなグループチャットアプリです。音声、ビデオ、テキストチャットに対応しており、Wire上でのデータは暗号化されるため、セキュアなチャットが可能、との事。グループは128人まで追加可能みたいです。オープンソース...
任意のWebページの画像を全てzipに圧縮してダウンロード出来るサービス・「Image Cyborg」
Image Cyborg Image Cyborgは任意のWebページに存在する全ての画像をZIPファイルに圧縮してダウンロード出来るWebサービスです。サポートされているフォーマットはJPGやGIF、PNGは勿論、BMPやEPS、i...
スクロールに応じて要素をCSS3で手軽にアニメーションさせられるライブラリ・「Kissui.scrollanim」
Kissui.scrollanim Kissui.scrollanimはスクロールに応じて要素をアニメーションしながら表示させるためのライブラリです。オシャレ感ただようWebページに大抵あるあのエフェクトを手軽に付与しよう、という...
製品紹介ページのWebページのデザインのみを収集しているWebギャラリー・「Product Pages」
Product Pages Product Pagesは企業サイトやメーカーサイト等の製品紹介ページ、プロダクトページのデザインのみを収集しているWebデザインギャラリーサイトです。先日ご紹介したPricing Pages3の姉妹サイ...
iOSやAndroid、macOS向けのシンプルなメモアプリ、Simplenoteがオープンソース化
Simplenote SimplenoteはWordPressを提供するAutomattic社製の同期できるノートアプリです。このノートアプリがGPLライセンスの元、オープンソースとして公開されました。iOS、Android、Wind...
カスタムなGoogle Mapを手軽に作成出来るサービス・「EZ Map」
EZ Map EZ MapはカスタムされたGoogle Mapを手軽に作成出来るWebサービスです。APIと少しのjQueryコードでGoogle Mapの地図の色を変更するの記事で書いたような色の変更や任意のマーカー設置、各Goog...
Webページのパフォーマンスチェックの結果をヒートマップで表示するブックマークレット・「Perfmap」
Perfmap PerfmapはWebページのパフォーマンスチェックの結果をヒートマップで表示してくれるブックマークレットです。リソースが表示されるタイミングをResource Timing APIでチェック、それぞれに表示されるまで...
inputに任意の接頭語を付与するスクリプト・「jquery-plugin-input-prefix」
jquery-plugin-input-prefix jquery-plugin-input-prefixはinputに任意の削除できない接頭語を付与するスクリプトです。jQueryに依存します。placeholder属性と違い、テキ...
Webサービス等によくある「料金ページ」のデザインを収集しているギャラリーサイト・「Pricing Pages」
Pricing Pages Pricing PagesはWebアプリ等によるある料金ページのスタイルをコレクション、ギャラリーにしているWebサイトです。それぞれのコースの特徴と金額が人目でわかる工夫や、特徴のアピールと決定ボタンへの...
JSONやCSVでダミーデータを作成出来る・「dummi」
dummi dummiはJSONやCSVのダミーデータを作成、ダウンロードできるWebサービスです。データは人物や本、動画や記事が用意されており、人物には性別やメールアドレス、年齢等、本ならタイトルや著者、値段などの値が用意されており...
各ソーシャルサイトの共有ボタンを作成、コードをコピー出来るOSS・「Sharingbuttons.io」
Sharingbuttons.io Sharingbuttons.ioはTwitterやFacebook、Google+等のソーシャルサイトへの共有ボタンを作成、コードを吐き出してくれるツールです。これくらいならよく見かけますが、こち...
高機能で非依存のlightboxスクリプト・「lightgallery.js」
lightgallery.js lightgallery.jsは高機能で非依存型のlightbox実装のためのスクリプトです。レスポンシブWebデザイン対応、タッチデバイス対応、自モジュール型、YoutubeやVimeo、HTML5 ...
iOSのSiriで利用可能なコマンド一覧をまとめた・「Hey Siri」
Hey Siri Hey SiriはiPhoneなどのiOSやmacOSのSiriで利用できるコマンドをまとめたリストです。多様なカテゴリに分けられており、コマンドを使った例文等が記載されています。1ページ内にリストがまとめられている...
レスポンシブWebデザインにも対応できるオープンソースのプロトタイピングツール・「PrototypeBrewery.io」
PrototypeBrewery.io PrototypeBrewery.ioはRWD対応のプロトタイピングツールです。直感的に操作可能なインターフェースで独自のCSS、JavaScriptを書くことも出来ます。ビューモードでは各デバ...
インライン編集が可能なオープンソースのブログプラットフォーム・「Postleaf」
Postleaf Postleafはオープンソースのブログプラットフォームです。管理画面等でなく、閲覧しているWebページをその場でインライン編集可能との事。その場で編集出来るのでWebに不慣れな方でも取っ付き易い印象はありますね。動...