Web制作に役立つ超便利ツールが登場！ HTMLやCSSやJavaScriptのさまざまなツールがひとまとめになったツールボックス -He3

2023/03/16 195 users ひとまとめ デコード Flexbox CSS diff

HTMLやCSSやJavaScriptの軽量化・整形、FlexboxやGridやbox-shadowのジェネレーター、各種エンコード・デコード、データの暗号化、ダミーテキスト・ダミーデータ・ファビコン生成、テキスト比較（Diff）など、Web制作に役立つさまざまなツールがまとめて利用できる『He3』を紹介します。 Windows, macOS, Linux対応の無... 続きを読む

ヌード画像をカスタムAIアルゴリズムで自動生成する「pornpen.ai」

2022/08/25 134 users Stable Diffusion 生成 画像生成AI 性質上

2022年8月23日に無料公開された画像生成AI「Stable Diffusion」は、エロい画像の生成はブロックされることがわかっています。それでもどうしてもエロ画像を生成したいという時に役立つかもしれないのが、カスタムAIアルゴリズムでヌード画像を生み出す「pornpen.ai」です。 このジェネレーターの性質上、記事中に生成さ... 続きを読む

ブックマークしておくと便利！Web制作に役立つさまざまなツールが一箇所で利用できる -SmallDev.tools | コリス

2021/09/14 295 users コリス フォーマッター デコード diff SQL

CSSやJavaScriptのミニファイ（軽量化）、HTMLやCSSやJavaScriptやSQLのフォーマッター、各種エンコード・デコード、ダミーテキスト・ダミーデータ・ダミー画像・クレジットカードのジェネレーター、diff（ファイル比較）など、Web制作に役立つツールがまとめて利用できるSmallDev.toolsを紹介します。 いろいろなツール... 続きを読む

商用利用無料！クリックするだけで、魔法陣を無限に組み合わせて生成できるジェネレーター -daisy bell | コリス

2020/02/07 356 users SVG コリス PNG 商用 Daisy Bell

Windows, macOS, Linux対応、魔法陣を無限に組み合わせて生成できるジェネレーターを紹介します。生成される魔法陣はSVGとPNGで出力でき、個人でも商用でも無料で利用できます。 以前ルーン文字で紹介したd...記事の続きを読む 続きを読む

子供が道で拾ったダイヤを本物か鑑定してもらう :: デイリーポータルZ

2019/07/02 1183 users デイリーポータルZ タイヤ nomoonwalk 本物 UMA

インターネットユーザー。電子工作でオリジナルの処刑器具を作ったり、辺境の国の変な音楽を集めたりしています。「技術力の低い人限定ロボコン（通称：ヘボコン）」主催者。1980年岐阜県生まれ。（動画インタビュー） 前の記事：「こんな俺でもＵＭＡのモデルに」ジェネレーター ＞ 個人サイト nomoonwalk そのダイヤっ... 続きを読む

Vue.jsでアホなジェネレーターを作る勉強会をやると予想以上にガチになる :: デイリーポータルZ

2019/07/01 102 users 心変わり デイリーポータルZ Vue.js デイリー 予想以上

デイリーポータルZが「Vue.js勉強会」というWeb開発系のイベントを開催した。サイトを知っている人なら「え？あのデイリーが？なんでそんな真面目なイベントを？」と驚くかもしれない。 急に真面目なことをやりだすと、ヤンキー母校に帰る的な心変わりでもあったのかと心配になる。 僕自身がWeb開発の仕事をしているため... 続きを読む

Markdownで年表的なタイムラインを管理するツール | Web Scratch

2019/01/23 216 users Markdown パーザ mdline 年表 ツール

mdlineというMarkdownでタイムライン(年表)を書いて、HTMLなどの形式にしたりできるパーサ、ジェネレーターなどのツールを書きました。 特定の記法で書いたMarkdownから年表的なタイムラインを作成するツール書いた。 $ npx mdline ./timeline.md -o timeline.html 現在はMarkdown to HTMLができる。https://t.co/7Vv0DU... 続きを読む

なんと！異世界の地図を生成できるジェネレーター -Fantasy Map Generator | コリス

2016/08/18 475 users コリス ラノベ MITライセンス ファンタジー コード

映画やゲーム、アニメ、ラノベなどの世界、この地球上にはないファンタジーの世界や異世界の地図を生成できるジェネレーターを紹介します。 Fantasy Map Generator Fantasy Map Generator -GitHub ジェネレーターは MITライセンス で、地図を作成するのもコードを活用するのにも利用できます。 というわけで、Fantasy Map Generatorを使ってみま... 続きを読む

2016年これからのWeb制作業界の流れ、注目されているテクニックやツール、Webデザインのトレンドなどのまとめ | コリス

2016/01/13 481 users コリス セレニティ クオーツ コンポーネント テクニック

数多くのブログで2016年のトレンドをさまざまな切り口でポストしているので、その中から特に印象的で共感がもてたものをまとめて紹介します。 注目キーワードは、UI/UXはユーザーありきを忘れずに、洗練されたUIパターンとコンポーネント、旧バージョンIEのサポート終了、静的ページのジェネレーター、ページの肥大化。 淡いピンクとブルーは、今年のトレンドカラーのローズ クォーツとセレニティ 参考: 201... 続きを読む

Illustratorのお助けグッズ！すごい無料ベクター素材まとめ 2015年8月度 - PhotoshopVIP

2015/08/28 102 users フリーフォント PhotoshopVIP テクスチャ 特長

Illustratorでのデザイン作業をより手軽に楽しめる、無料ベクター素材をまとめています。用途に限らず商用利用にも対応したアイテムが多いので、今後のクライアント向けプロジェクトにもオススメです。 サイズの変更が自由というベクターファイルの特長を活かしたテクスチャ、パターン素材から、用意されたパーツを組み合わせて作成するジェネレーターや、フリーフォントを利用したロゴバッジ素材、色のカスタマイズに... 続きを読む

簡単！ロゴ作成やフライヤー作成にオススメのツール22選｜ferret [フェレット]

2015/07/08 136 users Ferret フェレット gif ロゴ http

ロゴ作成やフライヤー作成にオススメのツール 1.Cool Text http://ja.cooltext.com/ 用意してあるロゴスタイルから好みのものを選んで、サクッとオリジナルのロゴを作成することができるジェネレーターです。 現在105個のスタイルから選ぶことができ、シンプルなものから動くGIFのロゴスタイルまで収録しています。 ロゴスタイルが決まっている分自由度は低いので、手軽にあまりこだ... 続きを読む

よく使うアイコンWebフォントのフォントセットとジェネレーターまとめ | OZPAの表4

2014/08/28 120 users ベクター Retinaディスプレイ セリ フォント ライセンス

Webページ上でベクターのアイコンを簡単に表示できる憎いアイツ。そう、アイコンWebフォント。 Retinaディスプレイでも綺麗に表示されるし導入は（そんなに）難しくないし至れりつくせり。 セマンティック？なにそれおいしいの？ そんなわけで今回はよく使っておりますアイコンWebフォントのセットと、ジェネレーターをまとめてみました。 ※紹介しているフォントを使用する際は、ライセンスを必ずご確認くださ... 続きを読む

これはスゴイぞ！Bootstrapのページ作成が積み木感覚で簡単にできてしまうジェネレーター -lollytin | コリス

2014/07/08 851 users コリス Bootstrap ウェブサービス CSS デモペー

HTMLやCSSの知識は不要！ 積み木感覚でレイアウトを組み立てるだけで、簡単にBootstrapのページ作成ができてしまうウェブサービスを紹介します。 ほんの数分で、今時のかっこいいページが本当に簡単にできちゃいます！ lollytin lollytinでつくってみた lollytinの使い方 lollytinでつくってみた ということで、所要時間1分ほどの成果物がこれ！ さくっと作ったデモペー... 続きを読む

各ソーシャルサービスのシェアボタンをJavaScript無しのシンプルなコードで生成するジェネレーター | コリス

2014/06/17 315 users コリス Twitter Facebook CSS pocket

Twitter, Facebook, Google+, Pocketなど、各ソーシャルサービスのシェアボタンをJavaScript無しのシンプルなHTML/CSSのコードで生成するジェネレーターを紹介します。 Simple Sharing Buttons Generator 使い方は非常に簡単です。 まずは、サイトにアクセス！ Simple Sharing Buttons Generator 「B... 続きを読む

手軽にアイコンフォントを作成できる、無料オンラインジェネレーター9個まとめPhotoshopVIP |

2014/04/18 146 users アイコンフォント 配色 速度 エントリー たくさん

Webサイト制作で最近よく利用されているアイコンフォントは、配色を変更できたり、Retinaディスプレイ表示に対応したり、ページ読み込み速度が上がったりとメリットがたくさんあります。あなただけの特製アイコンフォントを作成しませんか。 海外デザインブログSmashing Appsで、オンライン上でアイコンフォントを手軽に無料で作成できるジェネレーターまとめたエントリー「Free Icon Font ... 続きを読む

「○○がよく使うハンドサイン一覧」が誰でも簡単に作れる「ハンドサイン画像ジェネレーター」 - GIGAZINE

2014/04/07 138 users GIGAZINE Operations ハンドサイン 元ネタ

Twitterで話題となっている「～がよく使うハンドサイン一覧」は「Standardized Hand Signals For Close Range Engagement (C.R.E.) Operations(近距離交戦オペレーションのために標準化されたハンドサイン)」を元ネタとしたなのですが、誰でも簡単にハンドサインのコラ画像を作れるジェネレーター「ハンドサイン画像ジェネレーター」が登場しま... 続きを読む

デザインやCSSやJavaScriptなど、ウェブ制作に役立つ時短ツールが豊富に揃っていて便利！ -Coveloping | コリス

2013/12/11 588 users Facebook コリス box-shadow CSS ツール

box-shadowでふわりとした影をつくるCSSのジェネレーター、レスポンシブのチェック、アスペクト比の計算機、CSS/JSの軽量化など、たくさんの便利な時短ツールがありますが、それらの便利なツールを一つの場所にまとめたCovelopingを紹介します。 FacebookのOPGチェックやGoogle Mapsの地図生成ツールもあり、新しいプロジェクトを始める時にも役立つものが揃っています。 C... 続きを読む

制作途中にお世話になる、ダミーテキスト・ダミー画像のジェネレーターいろいろ | Webクリエイターボックス

2013/08/27 676 users ダミーテキスト ダミー画像 Webクリエイターボックス あて

Webサイトや印刷物の制作中には、とりあえずで入れておく「ダミー」を使用する事が多々あるかと思います。日本ではアタリ・アテなどとも呼ばれますね。それらのダミーテキストやダミー画像を便利に生成してくれるジェネレーターをいくつか紹介します。いろんな種類のジェネレーターやサービスがあるので、うまく利用して時間短縮しちゃいましょう！ ダミーテキスト（英文） Lorem Ipsum ダミーテキストの大本命、... 続きを読む

面倒なシャドウもグラデも簡単に作成できるCSS3のボタンを作成するジェネレーター -CSS Button Generator | コリス

2013/01/15 206 users コリス グラデ Button Shadow ブラー

ボタンのカラー、グラデーション、角丸、ブラー、テキストシャドウ、ボックスシャドウなど、さまざまなスタイルを簡単に適用できるCSS3のボタンを作成できるオンラインツールを紹介します。 CSS Button Generator 使い方は簡単です。 ボタンのColor, Size, Shadow(text), Shadow(button)のスライダーを変更すると、リアルタイムにボタンにデザインが反映され... 続きを読む

CSS3を使わなくてもつい使いたくなる、楽しくて実用的なオンラインジェネレーター -Useless CSS3 Generator | コリス

2012/12/13 131 users コリス スニペット スク 変形 オンラインジェネレーター

CSS3の角丸、ボックス・テキストシャドウ、不透明度、変形など、リアルタイムに結果を確認しながらスタイルシートを生成してくれる使って楽しいオンラインジェネレーターを紹介します。 Useless CSS3 Generator Useless CSS3 Generatorは、作者曰く「CSS3のスニペットを必要としない人には全く無用のジェネレーター」ですが、実用性もあり、しかも使ってて楽しい（特にスク... 続きを読む

WEB屋にとって便利なジェネレーター色々！最近のオススメも、昔から使ってきた物もまとめてご紹介！ | バンクーバーのうぇぶ屋

2012/10/10 1275 users ツール 最低限 コミュニケーション 努力 効率化

WEB屋を名乗って仕事をする以上、作業効率を考える事は必要最低限の努力だと言うお話は何度かこのブログでもさせて頂いてきました。 まぁしかし、ぶっちゃけ何が自分にとって作業効率に繋がるかはやってみないと分からないですよね。作業時間の見直しをするだけで効率化に繋がるかもしれないですし、ツールをもっと使いこなすことだったりするでしょうし、コミュニケーションを円滑にすることで作業効率につなげたりと、何が一... 続きを読む

Twitter Bootstrapのテーマ作成も出来て、スマフォやタブレットでの表示状態も確認出来るジェネレーター・BootTheme - かちびと.net

2012/08/27 136 users Twitter Bootstrap スマフォ タブレット

Twitter Bootstrap用のテーマを 作成出来る、というジェネレーター 的なもの。それだけでなく、作成 しながらスマフォやタブレットで の表示状態も確認出来ます。 Twitter Bootstrapのデザイン作成ツールです。Twitter BootstrapはレスポンシブWebデザインに対応していますので、このジェネレーターでもスマフォやタブレットデバイスのサイズで表示確認が出来る様にな... 続きを読む

ロゴ作成に困ったときに使えそうなロゴ自動生成サービス「Logaster」*二十歳街道まっしぐら

2012/08/07 948 users Logaster 二十歳街道まっしぐら ロゴ 類似サービス

Logaster ロゴを自動的に作成してくれるサービス Logasterはロゴを自動作成してくれるサービスです。 ロゴに載せたいサイト名や企業名、そしてどんなタイプなのかを指定すると、 おすすめのロゴをたくさん提案してくれますよ。 過去記事：あなたのサイトにぴったりなロゴを生成してくれるジェネレーター「LogotypeCreator」 の類似サービスですね。 以下に使ってみた様子を載せておきます。... 続きを読む

あなたのサイトにぴったりなロゴを生成してくれるジェネレーター「LogotypeCreator」*二十歳街道まっしぐら

2012/06/13 821 users カスタマイズ かっこいいロゴ 二十歳街道まっしぐら ロゴ 以下

LogotypeCreator かっこいいロゴを生成してくれる LogotypeCreatorはかっこいいロゴを生成してくれるジェネレーターです。 企業名やサイト名を入力するだけで、おしゃれでかっこいいロゴを自動的に生成してくれます。 生成されたロゴは自分で色を編集したりカスタマイズも可能です。 以下に使ってみた様子を載せておきます。 オリジナルロゴを作る 続きを読む 続きを読む

WEB制作に役立つジェネレーターの数々！ツールまとめサイト含め最近のお勧めを一挙ご紹介！ | バンクーバーのWEB屋

2012/05/23 986 users バンクーバー 下手 かなりヘビー 過程 数々

皆さんはWEB制作の過程で何かジェネレーターの類とか使ってますか？使う派使わない派と別れるところかもしれませんが、僕はかなりヘビーに使う派。それも一個のジェネレーターに留まったことはほぼ無く、毎月、下手すりゃ毎週のように新しいジェネレーター試しては便利そうなら周りと共有してといったことを繰り返してきました。 飽きっぽいと言えば飽きっぽい、他にももっと良いのあるんじゃないかとあっちへ行き、もっと良い... 続きを読む