最近のWebサイトやスマホアプリでよく使用されるお弁当箱のようなBento UIやカード型、ヘッダ・サイドバー・メイン・フッタなどのレイアウトを確認しながら、CSS Gridのコードを生成できる無料オンラインツールを紹介します。 使い方は非常にシンプルで簡単、生成されるコードもシンプルでさまざまなプロジェクトで利用できます。 CSS Grid Generator Bento UIの実装については、Bento UIとはパネルが伸び縮みしながら配置が入れ替わるお弁当箱みたいなUIをご覧ください。 CSS Grid Generatorは、CSS Gridで実装するレイアウトのコードを簡単に生成できるオンラインツールです。このジェネレーターを使用すると、列数・行数・ギャップサイズを設定し、自由にレイアウトを構築できます。

東京都目黒区の公立小学校で不登校になった男子児童が2023年、フリースクールに通うと決めた際、区教育委員会が保護者に対して退学届を提出するよう求めたことが判明した。不登校が理由の場合、フリースクールは学籍を残したまま通えるが、区教委が「就学義務違反になる」と誤った解釈をしていた。退学届を提出していたら中学校入学に支障が出た可能性もあり、区教委は不適切な対応と認め「申し訳ない」と陳謝している。 区教委「二重学籍になる」 男児の保護者などによると、男児は小学3年だった22年春ごろから同級生同士のトラブルに巻き込まれるようになり、暴力を振るわれることも複数回あった。泣きながら帰宅し、事情を尋ねた保護者に「黒板に『死ね』と書かれた」と明かしたこともあった。「もう学校に行きたくない」と登校を渋るようになり、登校前に涙を流し、腹痛を訴えるようになったという。 心配した保護者がフリースクールを探し、男児

こんにちは！　ベトナム料理普及家のKi Yamamotoです。 先日おすすめして好評だった、台湾メシ「三杯鶏（サンペイジー）」風の炒め煮。 www.hotpepper.jp そのレシピで、ミントのようなさわやかな香りの台湾バジルを大葉に置き換えたのが個人的にも大ヒット！　というわけで今回も、台湾バジルをどっさり入れたつもりで作る一品「たっぷり大葉のオイスターソース卵焼き」をご紹介します。 台湾バジルを入れた台湾の卵焼きをイメージしつつ、卵2個に大葉を10枚投入。オイスターソースでコクとうま味をプラス、さらに豚ひき肉とトマトも加えてボリューム満点に仕上げます。白ご飯にのっけても、パンにはさんでも美味しいですよ。 ちなみに、大葉は炒めるのでしなびてしまったものを使ってもOK。冷蔵庫の奥でしなしなの大葉を発掘した……そんなときにも、このレシピを思い出して作ってみてください。 Ki Yamamot

リリース以来数多くのアップデートが行われ、多機能になっていくFigma。今回はそんなFigmaの基本機能を使用した、簡単なデザイン作成やあしらいづくりに活かせる表現TIPSを紹介します。 テキストの表現 マスク機能やエフェクト、そしてレイヤーのブレンドモードを使用したテキストの表現をいくつか紹介します。 TIPS：画像をテキストでマスクする マスク機能を使用して、画像をテキストの形に切り抜きます。 以下の手順で切り抜きます。 画像とテキストレイヤーを用意 画像が前面になるようにして、画像とテキストレイヤーを重ねる 両方のレイヤーを選択状態にして、右クリックメニューから［マスクとして使用］を選択（ショートカットキーは、Mac：control + command + M、Windows：Ctrl + Alt + M） マスクした後も、テキストレイヤーは編集可能です。 さらに画像をレイヤーブラー

Webサイト制作において面倒で時間のかかる作業を効率化したい方へ。 この記事は、CSSコードを手軽に生成できる便利ツールをまとめた最新版リストで、Web制作を快適、楽にしてくれるツール68個が揃っています。 以前CSS便利ツールを集めた厳選リストの公開が2021年。あれからおよそ3年のあいだに話題となったツールを中心に紹介しています。 日頃のワークフローに活用して、ストレスのないクリエイティブな制作ライフを実現しましょう。 Web制作の面倒におさらば、CSS時短ツール厳選リスト CSS pattern backgrounds ジグザグやサークル円などシンプルな幾何学模様をつかったCSSパターンをコピペで利用できるオンラインツール。 CSS Polka Dot Generator ポルカドット柄を作成、カスタマイズできるCSSツールで、影を設定するとよりレトロな印象に仕上がります。 CSS

そのじいさんが亡くなった。 昨年に父が亡くなり、私の実家は車を処分したので、実家に帰省するときはレンタカーを予約する。この連休もそうした。 安いので、地元の自動車修理工場がフランチャイズでやっているインディーズ系レンタカーにしてみたら、受付してくれた事務の親切な女性は、レンタカー約款を読み上げる間中修理工場から爆音で流れてくる演歌のＵＳＥＮに向かって突然「ああうるさいっ！」とブチぎれ、「あなたもうるさいと思うでしょう！？」と私に同意を求め、同僚に修理工場につながるドアを閉めさせると、「最後に乗っていたのは平成１５年式のｂＢ(みんなの地元のＤＱＮがよく乗ってたやつ)です。令和になってもまだ乗ってました」というある意味SDGsでは？　みたいなことを平気で言う私に、令和２年式フィットハイブリッドという、まさに隔世の感というほかない車の操作方法をとても丁寧におしえてくれた。 そんな調子で車を借りて

ウエスティのバロン @Westie_Baron 助けてください！ 大好きな「スタンダードより大きく育ってしまった犬」を見ないと心が荒んで生きていけないんです！！ ↓は祖母のウエスティ(12kg)と実家のパピヨン(7kg)です！ 対戦よろしくお願いします！！！ pic.twitter.com/kRX8GMZMXV 2024-06-18 21:53:42

【速報】バイト先の学習塾で同僚のペットボトルなどに唾液・尿を計15回混入か　大学生の男を再逮捕　元の場所に戻して同僚が摂取する様子を撮影も アルバイト先の学習塾の控室に置かれていた同僚のペットボトルなどに、自身の唾液や尿を15回にわたり混入させたとして、18日、奈良市に住む大学生の21歳の男が再逮捕されました。男はトイレで混入する様子や、事情を知らない同僚がペットボトルを飲む様子を動画で撮影していたということです。 暴行と器物損壊の疑いで再逮捕されたのは、奈良市に住む大学生の男（21）です。 警察によりますと、男は2023年12月からの約4か月間で、計15回にわたり、奈良県内にあるアルバイト先の学習塾の控室から同僚の女性らのペットボトルや水筒、喉に使う医療用スプレーを持ち出し、トイレで自身の唾液や尿を混入させて飲めない状態にした上、事情を知らない複数の同僚の女性らに摂取させた疑いがもたれて

日本デザインスクールでは年間1500名ほどの受講生を、未経験からWEBデザイナーに育ててきました。受講生を指導する中でよくあがってくるのが「参考がなかなか見つからない」というお悩み。 私も受講生にお伝えすべく、これまで100サイト近くの「参考になりそうなギャラリーサイト」を見てきました。 そこで今回は、これまで見てきたギャラリーサイトの中で、みなさんのデザイン制作のお役に立ちそうなサイトを全部で61個ご紹介していきます。 全てのサイトを おすすめ度 サイト内検索の可否 いいね/保存機能の有無 ランキング機能の有無 掲載サイト数 を基準にランクづけし、おすすめできるサイト順に載せているので忙しいという方は、とりあえず上から順にチェックしていただければ大丈夫です！みなさんのデザイン制作に活かしていただけると嬉しいです。 【全サイト徹底比較】超参考になるおすすめギャラリーサイトTOP38 ちょう

スタンプたちが掘り進める遺跡「エントツ山」は、人間が“かつて”つくり出した軌道エレベーターです。つまり、今作の舞台となるのは人間が去ったポストアポカリプスの世界。人間がいなくなった世界で奮闘するウサギさんの物語かと思いきや……。 実はこの世界、人間について探るのはタブー。スタンプはタブーを侵す、めっちゃアウトローなうさぎなんです。 ▲スタンプがお宝を探している遺跡の1ステージ。階層ごとにテーマが存在しており、行く先々で異なった顔を見せてくれるなお、このエントツ山を探索しているのはスタンプだけではない様子。彼にくわえて6匹のウサギ、その名も「BB団」が登場します。しかも、彼らの声はファイルーズあいさんやくじらさんといった、豪華声優陣が担当。イキイキとした個性豊かな姿に命を吹き込んでいます。本作に出演する声優陣は以下のとおり。 スタンプ （CV:黒田 崇矢） アナ （CV:ファイルーズ あい）

こんにちは！株式会社Rabeeのtotoです🐝デザイン・EC・マーケティングでの職務経験から得た、働きやすさに繋がるヒントをnoteに記していきたいと思います。 本日は「生成AI」はほぼ初めて！というWEBデザイナーの方が、業務で使える活用術をご紹介します。 まずは基本的な使い方の習得を目指しましょう！ 今回は主にChatGPTを使った業務の効率化方法をお伝えします。 私が普段利用する時はTeamプランを使用していますが、無料プランでできるものを取り上げましたので、ぜひ実際に試しながら読んでみてくださいね！ 1. 生成AIを使うリスクとは？はじめに、生成AIを使う上での注意点をお伝えします。 漠然とリスクを感じているために、生成AIを業務に活用できていないという方も多いのではないでしょうか。 主にどのようなリスクがあるのかを把握し、何に注意をすれば良いのかを知りましょう。 1. データの

アイコンやスライド作成など、デザイナーに限らずちょっとしたデザインをつくる機会はありませんか？　そんなとき、Figmaのプラグインを使うと、いつもより少し凝ったデザインを手軽につくることができます。 今回は、画像加工やあしらいをつくるときに便利なプラグインを8個紹介します。2024年6月時点で、すべて無料で使用できるので気軽に試してみてください。 Figmaのプラグインを使ったことがないという方は、以下の記事で使い方を紹介していますので参考ください。 『Figmaを使いこなせ! デザイナー必須のおすすめプラグイン15選』 1. Noise & Texture Noise & Texture | Figma 「Noise & Texture」は、ノイズやさまざまなテクスチャーを画像として作成できるプラグインです。 プラグイン実行後、設定パネル内の［Add to Canvas］をクリックすると

ホーム ニュース “架空JRPG”不穏リメイクの謎に迫るゲーム『The Remake of the End of the Greatest RPG of All Time』発表。「意図せぬ結末の改変」が施された傑作を巡る怪奇譚 全記事ニュース

CSS GridやFlexboxで配置するプロパティ値は？ 先頭の3つだけを指定するセレクタは？ という「あれは何だっけ？」に役立つのが、チートシートです。 CSS GridやFlexboxの各プロパティ・値でどのように配置されるのか、セレクタやnth-child()やdisplayやposition、VS CodeやGitのコマンドがまとめられたチートシートを紹介します。 チートシートは高解像度版が用意されており、ダウンロードしておくと便利です。 CheatSheets -GitHub チートシートはすべて、「ご自由にダウンロードしてご利用してください」とのことです。チートシートは高解像度版を無料でダウンロードでき、モニターの壁紙や印刷して机の脇に貼っておいても便利です。 では、どんなチートシートがあるのか紹介します。 まずは、CSS Flexboxのチートシート。Flexboxの各プロ

産経ニュース @Sankei_news 産経新聞の公式ニュースアカウントです。ニュース速報や読み応えのある解説記事をお伝えします。Blueskyはこちら👉bsky.app/profile/sankei… sankei.com 産経ニュース @Sankei_news 【話題の記事】 世界で初めて〝食用〟ロボットの開発に成功　ヒントはアンパンマン、よりおいしさ感じるか sankei.com/article/202405… リンゴ味のグミだが、実はロボット。電気通信大の仲田佳弘准教授（ロボット工学）らのチームが、世界初となる食べることを目的としたロボットの開発に成功した 2024-05-25 18:00:00 リンク 産経新聞：産経ニュース 世界で初めて〝食用〟ロボットの開発に成功 ヒントはアンパンマン、よりおいしさ感じるか 「こんにちは。今日、私はあなたと会話できることを楽しみにしてました」

先日ヴィーガンインド料理レストランに行きました。 私はヴィーガンではありませんが、Googleの口コミがえらく高かったので「どんなもんじゃい」という気持ちで入店しました。 前菜?のジャガイモのスープが豚骨スープかと思うくらい旨みが強くて、メインのカレーのプレートもとても美味しく、楽しい時間を過ごせました。 ヴィーガンインド料理はどういう考え方で構成してあるのでしょうか。 やはりトマトの旨味が土台となっているんでしょうか。 僕がインド料理から学んだものは「スパイスのチカラ」もさることながら、それ以上に、「野菜の旨さ」でした。 僕は日本人ですし、和食も一通り学んできましたから、おいしい料理にはダシが不可欠、という概念は人一倍強く、また明確だったと思います。この場合の「ダシ」は、当然、鰹ダシを中心とした動物性のダシということになります。昆布ダシってのもありますが、それはあくまで鰹などの動物性と組

悠藍 @goldcrayfish @somebow_ippan どこのお土産かはこっちからしたらわからないかもだけど、子供目線からしたらすぐわかるんだろうなぁと言う感じがいいですよね。 2024-04-04 16:54:18

「Webサイト制作がもっと楽になる方法ってないの？」 「Web制作の最新ツールを試してみたい」 そんな方へオススしたい、Webデザイン制作に役立つツールや素材をまとめてご紹介します。 「これ、もっと早く知りたかった」と思うような便利ツールを中心にセレクトしています。 2024年のデザイントレンドにもぴったりな新Webテクニックを、次のプロジェクトに活用してみてはいかがでしょう。 一緒に最新デザイン素材やツールも目を通しておくと良いでしょう、特に今回は豊作でした。 コピペ系CSSツール 60 CSS 3D Buttons Free Collection CSSとHTMLのみで作られた3Dボタンと、本物そっくりな見た目の「スキューモーフィック」ボタンのコレクション。クリックするとコピーできます。 275 CSS Gradients Collection 美しいCSSグラデーション250カラーが