ムラゴン ホーム
模写コーディングで身につくこと・身につかないこと
プログラミングやWeb制作を学び始めたとき、よくおすすめされる練習方法のひとつが「模写コーディング」です。 既存のWebサイトやデザインカンプを見ながら、HTMLやCSSを使って同じ見た目を再現していく方法です。 模写コーディングは、基礎力を身につけるうえで非常に効果的です。 ただし、模写をたくさん... 続きをみる
余白のムラゴンブログ
-
-
背景色を変えるだけでセクションの見やすさは変わる
ホームページを作っていると、 「情報は整理できているはずなのに、なぜか見づらい」 「セクションごとの区切りが分かりにくい」 「全体的にのっぺりして見える」 と感じることがあります。 そんなとき、レイアウトを大きく変更したり、装飾を追加したりする前に試したいのが、セクションごとに背景色を変えることです... 続きをみる
-
Figmaからコーディングするときに意識していること
最近、Figmaで作られたデザインをもとにコーディングする機会が増えてきました。 最初の頃は、Figmaに書かれている数値をそのまま見て、 「この余白は何px」 「この文字サイズは何px」 「この色は何番」 という感じで、見た目をそのまま再現することばかり意識していました。 もちろん、それも大事です... 続きをみる
-
Figmaのオートレイアウトとは
Figmaを使い始めると、かなり早い段階で出てくるのが「オートレイアウト」という機能です。 最初は少し難しく感じるかもしれません。 「普通に四角やテキストを並べるだけじゃダメなの？」 「オートレイアウトを使うと何が便利なの？」 「どこに使えばいいの？」 このあたりでつまずく人は多いと思います。 結論... 続きをみる
-
padding-inlineとpadding-blockとは？
CSSで余白を指定するとき、多くの人が最初に覚えるのは padding-top や padding-left、そして padding: 20px; などの書き方だと思います。 しかし最近では、 padding-inline padding-block という書き方を使う場面が増えてきています。 「普... 続きをみる
-
少し楽観的でいるだけで、心はふっと軽くなる
こんにちは、ヒロシです。 自己分析をしていると、 「自分はネガティブ思考なのかもしれない」 そう感じる瞬間があるかもしれません。 とくに真面目な人ほど、 うまくいっていないときに 物事を悲観的に捉えてしまいがちです。 でも実は、 気持ちの持ち方を“ほんの少しだけ楽観的”にするだけで、 心は驚くほど軽... 続きをみる
-
余白を見るということー写っていないものを意識する
こんにちは。 写真家/日暮親徳として活動しています。 写真を撮るとき、多くの人は「何を写すか」を考えます。 でも同じくらい重要なのが、「何を写さないか」ということです。 フレームの中にすべてを入れるのではなく、あえて余白を残す。 そうすることで、見る人の想像が入り込む余地が生まれます。 余白は、ただ... 続きをみる
-
flexboxのgapとmarginの違いを本質から理解する
CSSでレイアウトを組んでいると、要素同士の「余白」をどう作るかで迷う場面がよくあります。 そのときに出てくるのが、gap と margin です。 一見するとどちらも「余白を作る」ためのものですが、役割はまったく違います。 ここを曖昧にしたまま使っていると、レイアウトが崩れたり、後から修正が大変に... 続きをみる
-
CSSの「gap」とは？初心者でも理解できる使い方
CSSでレイアウトを作っていると、要素同士の余白をどう作るかで悩むことがあります。 そのときによく使われるのが gap というプロパティです。 この記事では、CSSの gapとは何か、そして marginとの違い、実際の使い方まで整理して解説します。 gapとは gapは、要素と要素の間の余白をまと... 続きをみる
-
-
-
村谷和麻が草津温泉で取り戻す、陶芸に必要な判断の余白
村谷和麻が草津温泉で取り戻す、陶芸に必要な判断の余白 陶芸の制作では、判断の連続が求められます。進めるか、止めるか、触るか、待つか。その判断の質は、技術以上に結果を左右します。村谷和麻として、その判断力が鈍ってきたと感じるとき、草津温泉を訪れることがあります。 草津温泉に身を置くと、まず身体の緊張が... 続きをみる
-
レザーマニア 鈴木晴也の備忘録ー壊れた理由は、革じゃなかった
こんにちは。 革製品専門店で働く鈴木晴也と申します。 このブログは、日々革に触れる中で気づいたことの備忘録です。 修理や相談で持ち込まれる革製品を見ると、革そのものが原因で壊れているケースは意外と少ないです。 多いのは、詰め込みすぎ、水分の放置、摩擦の集中です。 革は万能ではありません。 特に財布や... 続きをみる
-
Webサイト制作でよく聞く「グリッド」とは？
Webデザインの世界でよく耳にする「グリッド」という言葉。 なんとなく「整列するための仕組み」と思っている方も多いかもしれませんが、実はデザインの見やすさ・使いやすさ・統一感を生み出す上で欠かせない重要な考え方です。 この記事では、初心者にもわかりやすく「グリッド」の意味や役割を解説します。 グリッ... 続きをみる
-
LPを「モバイル版だけの見た目」で作成するときのpx設計ガイド
スマホ中心でランディングページ（LP）を作るとき、最初に迷いやすいのが「何pxでデザインすればいいの？」という問題。結論から言うと、基準幅は 375px を起点にしつつ、360 / 390 / 414px の許容差を頭に入れておくのが実務的に最も事故が少ないです。ここでは、モバイル前提でLPを作ると... 続きをみる
-
ユーチューブ＝私の書庫♡
最近、言語化出来たこと。 「ユーチューブは、私の書庫である♡」 子育て中の今の私にとって、 積読状態になりがちな読書より ユーチューブのほうが生活の中で 手軽に取り入れやすい。 本を1冊読むより時間がかからない。 「今日はどれを視聴しようかな。」 と、毎回楽しみであり快適。 本当に有難い存在。 ユー... 続きをみる
-
#
余白
-
-
いつも時間がないあなたに
-
私はFIREを目指さない…ローンも持病もある私が「セミリタイア」を選んだ理由
-
クラウドダンサーという色
-
セミリタイアして見えたもの…本当に欲しかったのは「自由」ではなく「余白」だった
-
文書の余白マークがなくなった！
-
【暮らしの基準を作る⑥】片付く人は「なくても大丈夫」を知っています
-
「無駄のある家」〜ずっと、行きたかった「武相荘」へ〜
-
断捨離で変わったこと｜忙しい人ほど「好きなことをする時間」が生まれる理由
-
五感で味わう、薔薇園と理想の暮らし
-
AIに“静かに”と言われる理由｜疲れた脳に余白が必要な時代
-
断捨離で見落としてたこと
-
"フレンチ・サンデー" 世界は余白ブーム？！( ͡° ͜ʖ ͡°)
-
家はゆるむ場所 〜旅のあとに戻る、私のリズム〜
-
余白が調和を生む〜日光で感じたこと～〜
-
-
-
手帳で日々を楽しむ 過去と未来をつなぐ時間
50代、日記や手帳を処分しました。 時々読み返すのは楽しかったけど、 人生の残り時間を考えたら、 思い出に浸るのもいいけど これからの日々を面白くすることに できるだけ時間を使いたいという気持ち にもなり、終活のつもりで9割は破棄、 でもどうしても捨てられないページは 切り取って今も持っています。 ... 続きをみる
-
-
最初のうちは細かいことは気にせずコードを書くべし
現在HTMLやCSSを指導させていただいている生徒様より、 「ここの文字の大きさがデザインと違うので、全て揃えてから次に進んだほうがいいですか？」 「若干余白がデザインよりずれているので、今修正したほうがいいですか？」 などの質問をよくいただきます。要するに、「上から順番に完璧にしながらサイト制作を... 続きをみる
-
疲れが溜まっていた休日 余白のように過ごす
久しぶりの投稿になってしまいました。 昨夜の地震にはちょっとびっくりしました😅 本日は夏至です。 1年で一番昼が長い一日ですが、本日は雨模様。 朝は少し肌寒い位で過ごしやすそうで助かります。 この時期のこういう雨の日はアジサイが似合いますね。 昨日、3日勤後の休みでした。 最近、何となく疲れが溜ま... 続きをみる
-
-
50代おひとりさま。ソロ旅の極意 「余白のある計画」
50代おひとりさま、 初夏のソロ旅の準備は当日、 荷物はリュック1つ、 しかも中身は半分空いてます。 更年期障害の影響もあり 若い頃のようには動けません。 50代のソロ旅は身軽に、 気楽でないと出かけるのが億劫になります。 更年期や親の介護もありますが、 うまくいく方法を考えつつ旅を続けています。 ... 続きをみる
-
-
-
創造性と集中力を高めるスケジュール管理術
はじめに 現代社会は多忙を極め、人々は心の余白を失いがちです。 しかし、この余白こそが創造性を育み、豊かな人生を実現する鍵となります。 本日は、余白の意義と、それを日常生活に取り入れる具体的な方法について、さまざまな角度から探っていきます。 余白とは何か 余白とは、単に空白の時間や空間を指すだけでは... 続きをみる
2年目Webディレクター
m-blog-mのブログ
2024/04/02 20:00
-
余白を生かす仕事術：効率的なタスク管理でストレスフリーな毎日を手に入れよう！
はじめに 仕事の効率を上げるためには、頼まれた仕事をいつやるかを適切に管理する必要があります。 しかし、多くの人がこの点で悩みを抱えています。仕事に追われる毎日では、なかなか余白を作ることが難しく、ストレスが溜まる一因となっています。 そこでこの記事では、仕事の余白を上手に作り出し、効率的な仕事術を... 続きをみる
2年目Webディレクター
m-blog-mのブログ
2024/04/02 20:00
-
余白時間 細々した事を済ませた一日
早いもので、一月も折り返しを過ぎて後半に突入。 こういう感じであっという間に時間が過ぎて行ってしまうのでしょう😅 昨日、休みだったのですが、天気は雨。 午前中は髪を切りに行きました。 先月で今まで担当してくれていた美容師さんが退職されたので、 今回から新しい担当さんになりました。 新しい担当さんと... 続きをみる
-
余白のある生活が大事
朝は早めにホームセンターにお買い物に行きました。 ドゥさんのごはんや爪とぎベッド 棒の先のトンボが付いていて 追いかけさせるようなおもちゃなど 色々買ってきました(=^・^=) 久しぶりに料理した気がします。 もちろん簡単料理♡ 五目豆煮・卵焼き、トマトと玉ねぎのかんたん酢、豆苗の豚バラ巻 豆苗の豚... 続きをみる
-
モノを減らすということ
おはようございます！ ハッピーカーズ大田田園調布店です。 昨日も暑い日でしたね。査定・オンラインミーティング・引取の流れでした。その上、最近自宅のものをかなり整理していて、書籍の廃棄やら事務所に移動やらを頻繁にしています。夕方〜夜はその作業に追われていてだいぶ疲労感。。それでもやっぱり片付けることは... 続きをみる
-
-
-
分かりにく過ぎる役所からのお知らせ
相方の厚生年金受給 「支給額変更通知書」なるものが届いた あんたたち、何が言いたいの！ どうしたいの！ と言わんばかりの書類 「支給停止額を変更しました」と書いているけど 全く意味不明、これを高齢者が見て解るわけがない 自分達だけが分かる用語の羅列 一般の方に分からせようとする気持ちが全く感じられな... 続きをみる
-
-
ひとりごと
2020/10/29 +++++ 【生活】は生きる、暮らす、日日を重ねることにつながり。 【健康】は健やかに自身のこころと身体を維持し続けることが生涯の主題です。 穏やかに、ゆったりと心地よく過ごすことを志し。 日日をつなぐ言葉を綴っていきたいと思います。
-
-
現代詩 セザンヌの余白
書かれなかったことで 永遠に安らっている 隙間 サント・ヴィクトワール山は あんなにじっくり見つめられて逃げ出したくはなかったろうか 空さえも 動かぬ色を 剥き出しにされ 四角い額の中に収められてしまった 事物はみるみる表皮をはがされ 自然は その驚くべき心を われわれに通わせる そのとき 唐突に置... 続きをみる
-
#
50代の日常
-
あたりまえのことは 有り難いこと
-
三者面談で確認してみてわかったこと
-
#キッチンマット敷く派・敷かない派【私が敷かない理由は父です！！】
-
【50代からの新常識】男性の活力の源「テストステロン」が更年期を救う！
-
【50代のリアル】僕がダイエットを始めた「もう一つの理由」。昭和育ちの男が忘れていた“ドキドキ”と、未来への挑戦
-
飲み会で初めて二次会に行き終バスを逃しタクシーで帰宅。疲れたー😓
-
昨日の嬉しかった話。私の年齢を聞いて驚愕してくれた酔っ払い。
-
そういえば三連休だったのね。今日も無為な1日だったわ。
-
あっつ過ぎ！車のアウトサイド温度が42度だって！
-
暑いしか言う事がないくらいに暑い。明日はもっと暑いらしい。
-
忘れてない100捨てチャレンジ・本を処分
-
めちゃめちゃ眠った連休と『イン・ザ・メガチャーチ』
-
暑すぎて滅！！
-
自民党滅びろ。
-
太陽の力を借りよう
-
-
#
40代
-
積立NISAを6年続けた結果｜月3,000円スタートでも含み益150万円以上になった体験談
-
【第58回直前】LECの「2026年版 出る順社労士 当たる！直前予想模試」の結果と自己分析｜独学40代が本番まで残り約3週間で気づいたこと
-
最新刊「寝取られ3P相手探し」Kindle配信開始！2026年6月11日
-
エッチの技術くらべ
-
我慢して偉いよ♥ご褒美にＴＥＮＧＡで抜いて上げる
-
【今を楽しむ】毎月お金を給油してくれる！暮らしを優しく潤す「分配型の自己増殖ループ」
-
【つづく暮らし】気付けば8年目。これまでの7年と、これからのこと
-
資産配分を考え直す【40代ズボラ独身FIRE女性のアセットアロケーション】
-
【iDeCo運用記録】2026年6月の資産状況｜評価額28万円目前になりました
-
70代の私がほぼ0円で始めたnote副業｜有料記事を公開するまでの手順と現実
-
副業初心者におすすめなのは何？遠回りした私が最後にたどり着いた答え
-
【最強の二大巨頭】未来の安心を最速で育てる！わが家がS&P500とナスダック100を選ぶ理由
-
最新刊「寝取られ3P相手探し」Kindle配信開始！2026年7月11日
-
みんなを気持ち良くしてあげる
-
男の嫉妬心は必ずしもエッチにつながらない
-
