![本格的な“浮世絵風”画像生成AI「Evo-Ukiyoe」 Sakana AI](https://cdn-ak-scissors.b.st-hatena.com/image/square/2df8f83022a3ac020ca7cf2862337e1340691c42/height=288;version=1;width=512/https%3A%2F%2Fwww.watch.impress.co.jp%2Fimg%2Fipw%2Flist%2F1610%2F140%2Fsa001.jpg)
最近のWebサイトやスマホアプリでよく使用されるお弁当箱のようなBento UIやカード型、ヘッダ・サイドバー・メイン・フッタなどのレイアウトを確認しながら、CSS Gridのコードを生成できる無料オンラインツールを紹介します。 使い方は非常にシンプルで簡単、生成されるコードもシンプルでさまざまなプロジェクトで利用できます。 CSS Grid Generator Bento UIの実装については、Bento UIとはパネルが伸び縮みしながら配置が入れ替わるお弁当箱みたいなUIをご覧ください。 CSS Grid Generatorは、CSS Gridで実装するレイアウトのコードを簡単に生成できるオンラインツールです。このジェネレーターを使用すると、列数・行数・ギャップサイズを設定し、自由にレイアウトを構築できます。
Webサイトを作るとき、表示速度を早くするために、静的ページを中心にしたいです。 静的ページ=早い:Webサーバーに置いたHTMLファイルをそのまま表示 動的ページ=遅い:アクセスのたびにプログラムでHTMLを生成して表示 Webサイトのコンテンツ制作を管理するCMS(コンテンツ管理システム)の中で、静的ページを作れるソフトは、「静的サイトジェネレーター」(Static Site Generator)と呼ばれています。 WordPressにも静的ページ作成のプラグインを入れたら、静的サイトジェネレーターとして使えますね。 jsstudy.hatenablog.com StaticGen 今どきの静的サイトジェネレーターにはいろいろあって、どれがいいのか?いまいちよく分かりませんでした。 とりあえずの検討材料として、「StaticGen」という静的サイトジェネレーターの人気ランキングがあった
こんにちは!ChatWork CTOの山本です。 ChatWork Advent Calendar3日目を担当します。 今回は、ChatWork社内でサイト制作に使っている、デザイナ向け静的サイトジェネレーター「Phest(フェスト)」というツールを公開します! >>PhestのGitHubリポジトリはこちら 静的サイトジェネレーターって?静的サイトジェネレーターとは、テンプレートなどプログラム的な処理を実行し、 HTML/JavaScript/CSS/画像などだけで構成された静的なWebサイトとして書き出すツールのことです。 Webサイトをつくる上で共通のヘッダやフッタなどは、PHPやSSIなどのinclude構文を使ったり、 そもそもWordpressなどのBlogやCMSなどを使って構築するケースが多いと思います。 静的サイトジェネレーターは、そういったシステムが必要な部分をあらかじ
Frequently asked questions What is Craiyon? How do you keep it free? Can you make images of higher quality? Do you have any tips to create better images? What are negative words? How do you predict a next prompt? What to do when there is too much traffic? Are you related to DALL·E mini? What if images do not appear? How does the AI model work? What about limitations and biases? Can I use the image
あなたのWeb制作をサポートしてくれるWebツール13選Update2023.05.24Release2023.04.28Tools HatenaにシェアするTwitterにツイートするPocketにストックするFeedlyに登録する Web制作をサポートしてくれるツールを10個紹介します。mix-blend-modeやgridレイアウト、transformなどのコードの他にもフォントチェックや背景画像を作成できるツール、VSCodeのテーマ作成ツールもあります。あなたのWeb制作を快適に進めるためにチェックしてみてください。 Fuze – CSS Gradient AnimatorFuzeグラデーションアニメーションのCSSジェネレーター。色を複数指定するだけでCSSアニメーション用のコードを作成してくれます。背景色やテキストカラーなどに使えます。 ちなみに、テキストカラーは当サイトのト
CSSコーディングに役立つサービスやWebサイト運用で役立つSEO関連のツールなど、Web制作の現場で使えるWebサービスを13個紹介します。ワンクリックで取得できるコードや、ドラッグ&ドロップだけで完結するものなど、直感的に作業できるサービスばかりです。あなたの現場でもぜひ利用してみてください。 Fancy Border Radius Generator CSSのborder-radius を使ってボックスや画像をユニークな形状に変化できるWebサービス。 Fancy Border Radius Generator シンプルなコードで実装可能です。 正方形の写真をCSSで変形させました 上のように正方形の写真をユニークな画像に見せることができます。 Fancy Border Radius Generator Clippy – CSS clip-path maker CSSのclip-pa
Input should be a csv file. Dates should be YYYY-MM-DD. Option 1 : one row per date (ordered) and one column per contender Date Name1 Name2
ゲームや小説などを作っていると、時々「適当な土地や街の地図」が必要になるもの。そんな時、こちらのWebサービスを使えば中世風の街のマップを自動的に生成してくれます。 「Medieval Fantasy City Generator」は文字通り、中世風ファンタジーの市街地っぽい文様を出力してくれるジェネレーター。アクセスするだけで毎回違うランダムな街が描かれます。サイズは4段階で指定可能。 Medieval Fantasy City Generator by watabou 地図や地形のもつ意味合いにこだわりがなければ、なるべく手間は省いていきたいですよね。ダンジョンマップを作ってくれるサービスもあったりするので、他の部分に注力することが可能です。 TRPGのダンジョンマップを自動生成してくれるWebサービス「Dave’s Mapper」 – DNA
Flomage(フロマージュ:Floor map Generator の略)は、オフィスや店舗、病院、学校、商店街、ビル、工場や倉庫の中などのフロアマップ(平面図)をWeb上に表示し、フロアマップ内に配置された機器・設備・家具などの場所の検索や、状態/属性の表示・変更が行える「Webフロアマップ開発モジュール」です。 オフィス内の備品・収納物管理システムと組み合わせて備品・収納物の位置をグラフィカルに表示したり、工場内の機器管理システムと組み合わせてフロアマップ上でわかりやすく機器の状態を表示・制御したりなど、さまざま応用が可能です。
Mock your back-end API and start coding your UI today.It's hard to put together a meaningful UI prototype without making real requests to an API. By making real requests, you'll uncover problems with application flow, timing, and API design early, improving the quality of both the user experience and API. With Mockaroo, you can design your own mock APIs, You control the URLs, responses, and error
Generate RSS feeds for web pages which don't offer their own. Give us the web page URL and tell us which links you're interested in We'll produce a simple feed with those links as feed items Subscribe to the feed in your news reader to get notified of new items You can also use the resulting feed with other services which take RSS as input, such as our Full-Text RSS and PDF Newspaper tools. Exampl
疑似個人情報とは、主にアプリケーションの開発/試験の際のテストデータとしての使用を目的とした架空の個人情報データです。 個人情報保護法の施行により、本物の個人情報を目的外であるテストデータとして使用することはできなくなっています。 また個人情報の漏洩が社会問題となっている今、「本物の個人情報」をテストデータのように別目的で使用することは、 情報漏洩の危険性が高まるだけでなく、企業としてのモラルも問われます。 このページは無料で、この擬似個人情報を生成することができる実験的サービスです。 生成したデータの商用利用も可能です。 下の「生成を開始する」ボタンを押して、条件を入力していくだけで簡単に個人情報データの生成を行うことができます。 作成したデータはMicrosoft Excel、CSVなどの形式でダウンロードすることができます。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く