モダンなWeb向けの小さなCSSリセット・「tinyreset」
tinyreset tinyresetはモダンなWeb向けの小さなCSSリセットです。よく分かりませんね。適切なタイトル思いつかなかったので直訳しました。ただ、内容は良いリセットだと思います。オールドブラウザほぼ死滅の今日ではリセット...
Resource - Archives
CSSやMicrodata、Open Graphなどのシンプルなコードジェネレーターを沢山公開している・「Web Code Tools」
Web Code Tools Web Code Toolsはさまざまなコードジェネレーターを公開しているWebサイトです。CSSやHTML、Microdata、Open Graphなどなどのコードとパパッと作成出来るものがずらりと並び...
Google Web Fontsのフォントの表示確認が出来る・「Archetype」
Archetype ArchetypeはGoogleフォントの表示確認が出来るWebツールです。表示確認だけなら公式でも他ツールでも出来ますので特別このツールを使う理由もありませんけど、PCサイトとモバイルの表示確認が出来たり色の変更...
AndroidやiPhone、iPad等でのデバイスで表示確認が出来る・「Sizzy」
Sizzy Sizzyはモバイルやタブレットでの表示確認が出来るWebサービスです。よくあるRWDに対応してるかどうか、みたいな幅を狭くするだけのものではなく、それぞれのUAでアクセス、狭い幅で表示してくれます。 縦横での確認も...
レスポンシブで軽量なflexboxベースのCSSフレームワーク・「griddd」
griddd gridddはレスポンシブで軽量なflexboxベースのCSSフレームワークです。カスタマイズ性を重視しておりclassもシンプルにされています。大きな特徴はないけどそれ故の使いやすさがある印象でした。MITライセンスの...
ECサイトに必要なUI構築をサポートするライブラリ・「Shop.js」
Shop.js Shop.jsはECサイトに必要になるカートやチェックアウトのUI構築をサポートするライブラリです。カートニ追加する、チェックアウトのフォーム、カートをスライドインさせるなどなど。そういえばありそうでなかったかも。ライ...
ボタンのスタイルを大量に集めたスタイルシート・「Buttons」
Buttons Buttonsはボタンのみを集めたスタイルシートです。少し前の、影のある立体的なものや、ベーシックなもの、丸みのあるもの、フラットなものなどさまざまなボタンのスタイルかなり大量に揃えられています。どこかで役に立つ・・か...
classを使わないミニマルなCSSフレームワーク・「Sakura」
Sakura Sakuraはclassを使わないミニマルなCSSフレームワークです。カラーテーマはいくつか用意されていますが、コンポーネント等は基礎的なもののみとなっています。それでも、デモを見る限りしっかりとWebコンテンツとして機...
WordPressのカスタムタクソノミーやカスタム投稿、ショートコードを作れるジェネレーター・「Hasty」
Hasty HastyはWordPressのカスタム分類やカスタム投稿タイプ、ショートコードやカスタムメニューなどのコードを発行してくれるジェネレーターです。もろもろの設定やオプションを決めて作成すればコードが発行されるのでfunct...
モバイル向けに作られたシンプルなイメージビューア・「SmartPhoto.js」
SmartPhoto.js SmartPhoto.jsはスマフォ向けに作られたシンプルなフォトギャラリースクリプトです。他ライブラリに依存せず単体で動作してくれます。ピンチイン/アウト、ドラッグやスワイプなどのイベントに対応しています...
一定の時間経過したら等、時間でCSSを制御するスクリプト・「STIMED.js」
STIMED.js STIMED.jsは一定の時間経過等、時間でCSSを制御するスクリプトです。jQueryに依存します。指定方法は以下のような感じ。 昼と夜でコントラストを変えたり、要素の色を変えたり、画像を変えた...
Minecraftのようなボクセルゲームを実装出来るOSS・「Minetest」
Minetest MinetestはMinecraftのようなボクセルゲームを実装出来るOSSです。Terasologyやvoxel.js同様、オープンソースで公開されたもので、マイクラライクなボックス世界を楽しむゲームを構築出来る、...
Twitterの検索結果やハッシュタグをRSSフィードにする・「Twitter RSS Feed Generator」
Twitter RSS Feed Generator Twitter RSS Feed GeneratorはTwitterの検索結果やハッシュタグをRSSフィードにするジェネレーターサービスです。フィードで見たほうが見落とさずに済みそ...
失敗したスタートアップのプロジェクトと失敗理由を紹介する・「Startup Graveyard」
Startup Graveyard Startup Graveyardは失敗したスタートアップのプロジェクトを紹介するWebサイトです。これは失敗したプロジェクトを晒そう、というネガティブなものではなく、失敗から学び、失敗を繰り返さな...
JSONデータやPDF等の印刷をサポートするスクリプト・「Print.js」
Print.js Print.jsはWeb状のデータやページ印刷をサポートしてくれる小さなスクリプトです。PDFの印刷は、ファイルを開かず、直接印刷プレビューに行けるようにしたり、フォームの印刷、JSONデータを元にテーブル化して印刷...
WYSIWYGで作ったコンテンツのHTMLコードを発行する・「HTML Editor」
HTML Editor HTML EditorはWYSIWYGで作ったコンテンツのHTMLコードを発行するWebツールです。ちょっとピンと来ないかもしれませんが、WYSIWYGの提供ではなく、WYSIWYGで作ったコンテンツのコードを...
様々な利用シーンに対応出来るよう設計されたキーワードハイライトのスクリプト・「mark.js」
mark.js mark.jsはさまざまな利用シーンを想定して、対応できるように設計されたキーワードハイライトスクリプトです。バニラなJSとしても利用可能ですが、jQueryプラグインも用意されています。特殊記号のサポートやifram...
ミニマルなオープンソースRSSリーダー・「Miniflux」
Miniflux MinifluxはミニマルなRSSリーダーです。PHPで書かれてます。もっとも重要なのはコンテンツであるという考えから、可読性の高さを重視したスタイルとなっています。OSSとしてソースコードが公開されています。また、...
Visual Studio、Sublime Text やAtomのスニペットを作れるジェネレーター・「snippet generator」
snippet generator snippet generatorはVSやSublime Text、Atom等のエディタで使えるコードスニペットを登録する為のタグを生成してくれるジェネレーターです。最近はSublime Tex...
StackoverflowやGithub等のコードスニペットをコピーしやすくするChromeエクステンション・「CodeCopy」
CodeCopy CodeCopyはStackoverflowやGithub等のコードスニペットをコピーしやすくするChrome拡張です。preタグ等で書かれたスニペットにマウスホバーすると、コードをクリップボードにコピーするボタンを...
さまざまなスプレッドシートを検索、シェアできる・「SpreadShare」
SpreadShare SpreadShareはさまざまなスプレッドシートを検索、シェアできるWebサービスです。テクノロジーやいろいろなデータ、ビジネス向けなどいろいろ。スタートアップ企業や専門家向けだそうです。まだまだ数は少ないの...
料理レシピサイトの為のWordPressプラグイン・「Cooked」
Cooked Cookedは料理のレシピサイト構築をサポートしてくれるWordPressプラグインです。よくあるお料理レシピコンテンツを作成する為の機能がもりもり含まれている、というもの。かなり高性能ですね。プラグインディレクトリにあ...