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」です。 このジェネレーターの性質上、記事中に生成さ... 続きを読む

コピペで作れる！おすすめのCSSジェネレーター・ツールまとめ | Web Design Trends

2021/09/15 14 users コピペ Web Design Trends プレビュー 効率

CSSがコピペで実装できるおすすめのジェネレーターやツール、サンプルコードなどをまとめました。 CSSに慣れてくるとコードを書くだけでイメージ通りのデザインを作ることができますが、慣れるまではコードだけでなく、プレビューを見ながらツールを使って微調整する方が効率がいい場合があります。 また、知らないと実... 続きを読む

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

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

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

CSSで磨りガラスのエフェクトを実装するコードを簡単に生成できるジェネレーター -Glass Morphism Generator | コリス

2021/02/03 19 users GitHub Glassmorphism 磨りガラス コリス

Glass Morphism Generator Glass Morphism Generator -GitHub このエフェクトは去年の暮れくらいから、Glassmorphismと呼ばれはじめたエフェクトで、古くはiOS7やWindows Vistaでも使用されています。最近では、macOS Big Surでも見かけますね。 参考: Glassmorphism in user interfaces Glass Morphism Generatorでは、... 続きを読む

グラスモーフィズム？CSSコピペできる新Webトレンドの参考HTMLスニペット、ツールまとめ - PhotoshopVIP

2021/01/12 14 users Glassmorphism CSSコピペ CSSスニペット

Glassmorphism（グラスモーフィズム）は、昨年末ごろより「ニューモーフィズムの次はこれだ。」と話題になっているデザイン手法です。 この記事では、グラスモーフィズムの基本や作成上の注意点、コピペで実装できるジェネレーター、参考HTML/CSSスニペットまでまとめてご紹介します。 グラスモーフィズムって何？ 2020... 続きを読む

幅いっぱいの画像に与えるさまざまなCSSグラデーションを簡単に生成できる便利ツール -The Hero Generator | コリス

2020/05/11 19 users コリス グラデーション CSSグラデーション カスタマイズ

ヒーローヘッダに使用する幅いっぱいの画像に与えるさまざまなグラデーションのスタイルシートを1クリックで生成できるジェネレーターを紹介します。 グラデーションのカスタマイズや自分の画像をアップロードすることもできるので、出...記事の続きを読む 続きを読む

CSSもこれなら簡単！ニューモーフィズムのスタイルシートを生成できるジェネレーター -Neumorphism.io | コリス

2020/02/09 13 users コリス ニューモーフィズム シャドウ CSS 背景

先日紹介したニューモーフィズムの繊細なデザインでつくられたフォームのように、要素が背景と同じで、シャドウを与えて押し出されたような窪んだようなスタイルを実装するCSSを簡単に生成できるジェネレーターを紹介します。 カード...記事の続きを読む 続きを読む

商用利用無料！クリックするだけで、魔法陣を無限に組み合わせて生成できるジェネレーター -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... 続きを読む

魔法陣が大好物な人に！複雑で美しい魔法陣を簡単に生成できるジェネレーター -Alchemy Circles Generator | コリス

2018/05/31 54 users コリス 魔法陣 大好物

魔法陣が大好物な人に！複雑で美しい魔法陣を簡単に生成できるジェネレーター -Alchemy Circles Generator 続きを読む

「はたらいて、笑おう。」に自問自答する広告が面白い！ #はた笑メーカー で自分らしい働き方を考えよう - Togetter

2018/05/28 99 users Togetter Persol 仕事観 登場 話題

昨年話題になった「はたらいて、笑おう」。今年はカウンター的な内容の広告も登場しました。 さらに自分自身で「はたらいて、笑おう」の広告のような画像を作れるジェネレーターまで登場！様々な人の仕事観が垣間見れます。 提供：PERSOL 続きを読む

テキストを入力してスタンプを押すだけで「白ハゲ」の4コマ漫画が作れる「白ハゲ4コマメーカー」 - GIGAZINE

2017/06/29 12 users GIGAZINE Twitter Markdown スタンプ

TwitterなどのSNSでは髪の毛がなく服も着ていないシンプルなキャラクター「白ハゲ」に自分の意見を代弁させるマンガが時折投稿されます。この「白ハゲ」の4コマ漫画を簡単に作れるジェネレーターを はっしゅろっく 氏が制作・公開しています。 白ハゲ４コマメーカー - Mangadown https://anydown.github.io/mangadown/ 本人のブログによると、 Markdown... 続きを読む

CSS Grid Layoutに触れてみよう！ CSS Grid Layoutのテンプレート定義を簡単に作成できるジェネレーター | コリス

2017/04/02 43 users コリス ジェネレ デスクトップブラウザ Flexbox 実装

Webページをレイアウトする際にfloatを使って、そして去年あたりからはflexboxを使っての実装が増えてきたと思います。 CSS Grid Layoutはようやくすべてのデスクトップブラウザでサポートされたばかりですが、レイアウトすることに特化されており、シンプルな記述でより柔軟なレイアウトを実装することが可能です。 CSS Grid Layoutのテンプレート定義を簡単に作成できるジェネレ... 続きを読む

一瞬でロゴが作れる『squarespace』ってサイトが面白い - シロクマは冬眠したい

2017/01/19 41 users SquareSpace シロクマ モチーフ 一瞬 種類

2017 - 01 - 19 一瞬でロゴが作れる『squarespace』ってサイトが面白い SHARE Google Pocket Line ロゴを作るのって難しいですよね。そんな時ジェネレーターとかないかなーと思っていたところ。こんなサイトを見つけました。一瞬でロゴが作れちゃいました。 サイト名（会社名やサービス名など）を入力 モチーフを選ぶ 文字の種類や太さ、大きさを変更する 保存する 無料... 続きを読む

スズキ、新プラットフォーム「HEARTECT」で走りと燃費を両立させた新型「スイフト」発表会 - Car Watch

2016/12/27 24 users インテグレーテッド スイフト isG 燃費 すずき

スズキは12月27日、今回のモデルチェンジで4代目となる新型コンパクトカー「スイフト」を発表。同日に都内で記者発表会を開催した。 　2017年1月4日に発売となる新しいスイフトは、先代モデルでも採用した直列4気筒DOHC 1.2リッター自然吸気“デュアルジェットエンジン”のほか、同エンジンにモーター機能付き発電機「ISG（インテグレーテッド スターター ジェネレーター）」を組み合わせ、助手席下の専... 続きを読む

スズキ、「ソリオ」にEV走行可能なフルハイブリッド車追加。191万7000円から - Car Watch

2016/11/29 24 users インテグレーテッド isG すずき リチウムイオンバッテリー

同社は2015年8月に「ソリオ」「ソリオ バンディット」をフルモデルチェンジ。直列4気筒DOHC 1.2リッター直噴エンジンを搭載するガソリンモデルとともに、同エンジンとWA05A型モーター、助手席下に設置したリチウムイオンバッテリー、モーターアシスト機能を持つ「ISG（インテグレーテッド スターター ジェネレーター：モーター機能付発電機）」を組み合わせたマイルドハイブリッド仕様の「ハイブリッド ... 続きを読む

なんと！異世界の地図を生成できるジェネレーター -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... 続きを読む

僕は綾波レイではなかった　ー　私服を制服化できなかった男の独白 - モノよさらば

2015/12/08 13 users 独白 EVA 私服 エヴァンゲリオン Breaking Bad

2015-12-08 僕は綾波レイではなかった　ー　私服を制服化できなかった男の独白 ライフ ミニマム 新世紀エヴァンゲリオンが大流行していたのは僕が小学生の頃です。 ミーハーな父親が物珍しいからといってEVAのビニール傘を買ってきたぐらいしかエヴァンゲリオンの記憶はありません。 名前は知ってましたが一度も見たことがありませんでした。 全然関係ありませんがBreaking Badのジェネレーターを... 続きを読む

無料で約2京パターンの顔イラストが宇宙兄弟・働きマン・オチビサンのパーツで作れてダウンロード可能＆SNSのプロフ画像にもできる「MY MINTIA MAKER」 - GIGAZINE

2015/09/04 26 users ミンティア GIGAZINE オチビサン 絵柄 宇宙兄弟

一からイラストを描かなくても、プロの漫画家が描いたパーツを組み合わせることで、オリジナルの顔を作れたり、友人や家族の顔を漫画の世界観そのままで再現できるのが、ミンティアが公開したジェネレーター「MY MINTIA MAKER(マイミンティアメーカー)」です。「宇宙兄弟」「働きマン」「オチビサン」という3つの作品の絵柄があり、作った画像をミンティアに貼ってオリジナルミンティアを作ったり、SNSなどの... 続きを読む

読書感想文を1分で作るテンプレやジェネレーターの紹介

2015/08/28 15 users テンプレ 読書感想文 紹介 1分

よいこのみなさん！きょうもこのぶろぐをみてくれているかな？というわけできょうはしょうがくせいやちゅうがくせいがなつやすみにかされているであろう「どくしょかんそうぶん」をそっこうでおわらせるほうほうをごしょうかいします！ ひらがなだけって凄い読みづらいね。昔は漢字なんて必要ないって思っていたよ。小学生ぐらいの時…ごよいこのみなさん！きょうもこのぶろぐをみてくれているかな？というわけできょうはしょうが... 続きを読む

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

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

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