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 Grid Layoutを使った便利なテクニックやツールなど | Web Design Trends

2020/05/27 5 users CSS Grid Layout テクニック ツール コード

CSS Grid Layoutを使えば、他の方法と比べてシンプルにコードを記述することができたり、柔軟なレイアウトを作ることができます。 知っておくと役立つテクニックや、ジェネレーター、CSSフレーム... 続きを読む

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

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

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

CSS製の斜めやジグザグなどの境界を手軽に作れる・「CSS Section Separator Generator」 | かちびと.net

2020/05/05 6 users ジグザク ソースコ 境界 CSS製 net

CSS Section Separator Generator CSS Section Separator GeneratorはCSS製の斜めやジグザグなどの境界を手軽に作れるジェネレーターです セクションが変わる所を分かりやすく明示する、みたいなやつ。角度や位置などを変更して排出されたコードをコピーすればいいだけです 手軽で良いですね。ジェネレーターのソースコ... 続きを読む

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...記事の続きを読む 続きを読む

はてなブログからGitHub Pages+Hugoへ移行した - ゆーすけべー日記

2020/01/16 8 users ゆーすけべー日記 yusukebe Hugo はてなブログ

はてなブログで運用してたブログ「ゆーすけべー日記」をGitHub Pagesへ移行した。ドメインも昔使ってたyusukebe.comにした。 静的ファイルのジェネレーターとしてHugoを使ってる。 結局、Hugoいじってる https://t.co/NAKS6k3W1M — Yusuke Wada (@yusukebe) January 15, 2020 今まで使ってた、はてなブログに大きな不満... 続きを読む

子供が道で拾ったダイヤを本物か鑑定してもらう :: デイリーポータル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... 続きを読む

世界一無駄な、画像をCSSで書き換えるジェネレーターを作った+検証 - Qiita

2018/12/19 7 users background-image Qiita div URL

これですよね。 それ以外にも画像を表示させる方法はいろいろ。 画像を表示させる方法 わりと使うのがbackground-imageに指定してあげるやつ <div class="main-image"></div> <style> .main-image { background-image: url("http://...") } </style> 次はbase64エンコードされたやつを埋め込むやつ。 小さい画像なら埋め... 続きを読む

魔法陣が大好物な人に！複雑で美しい魔法陣を簡単に生成できるジェネレーター -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を使ってみま... 続きを読む

頭の体操にブロックゲームいいよ - Clumsy Life

2016/02/04 6 users 体操 フラッシュゲーム 懐かしい気持ち 脳内メーカー ゲーム

2016 - 02 - 03 頭の体操にブロックゲームいいよ ゲーム ちょっくら昔流行った 脳内メーカー 繋がりで脳内年齢をやってみたら4歳でした。 って事で実年齢37歳、脳内幼女のよめこです。 ブログデビューした2006年頃、ジェネレーターやフラッシュゲームが流行り毎日ゲームサイトばかり巡回してた私ですが、 はてな 民になって最近ジェネレーター系をちょいちょい見かけるので懐かしい気持ちになります... 続きを読む