さくっと短時間で、慣れれば1分！ デスクトップやスマホに対応したページを作成したい時にぴったりな無料のオンラインツールを紹介します。 HTMLやCSSの作業は一切不要で、Bootstrap 4ベースのさまざまなページをドラッグ&ドロップで積み木のように組み合わせて簡単に作成できます。 Froala Design Blocks Froala Design Blocks -GitHub Froala Design Blocksでは170種類以上のレスポンシブ対応のコンポーネントが用意されており、それらを好きなように組み合わせて、誰でも簡単にWebページを作成することができます。 作成したページは個人でも商用でも無料。詳しくはライセンスページをご覧ください。 短時間で、Bootstrap 4ベースのページを作成してみる 用意されているコンポーネント 短時間で、Bootstrap 4ベースのページ

CSSでブロック要素を上下中央揃え（天地左右の中央に配置）する方法はいくつかありますが、CSS Gridを使う方法が現在では一番手軽です。CSS Gridレイアウトを使うと、たった2行で上下中央揃えができます。 ▼ CSS .container { display: grid; place-items: center; } デモを別ウインドウで再生する ソースコードを確認する ※CSS GridだとIE 11に対応できません。しかし、IE 11は2022年6月にサポートを終了しているので、ウェブ制作者が気にする必要はないでしょう。 対して、Flexboxでも上下中央は実現できます。Flexboxの場合、中央揃えしたい要素の親に対してたった3行記述するだけです。モダンブラウザはもちろん、Internet Explorer 11（以下、IE 11）でもベンダープレフィックスなしで動作します。

同じようなデザインの手直しに人生の貴重な時間を費やしたいと思う人はいません。過去に別のアプリなどで解決されている問題があるのなら、その問題の解決策がテンプレートとして既に存在するはずです。それこそが、誰にでも使えるデザインパターンです。 ここでは、Web上でデザインパターンを見つけるのに最適なサイトをリストアップしました。執筆時現在、これらのリソースはすべて無料ですが、一部はプレミアム版などを支払うように求められる場合があります。なお、この記事は、これらのサイトのアフィリエイトではないことを最初に断っておきます。 UI Patterns UI Patternsでは、好みのパターンを簡単に検索でき、使えると思ったパターンをグループ化することができます。また、自分のデザインでのパターン活用に役立つ、UIデザインパターンに関する多くの興味深い記事があります。 WELIE Interaction

うわっ、私のサイトBootstrapくさすぎ!? たった数文字変えるだけでBootstrapのくさみが抜ける7つのCSSテクニック。 なんか、このサイトBootstrapくさい。そう感じることはありませんか? その理由はズバリ、欧文ベースでつくられたフレームワークを文字構造の違う日本語で適用した際に不都合が出てしまっているからです。 それらが醸し出す違和感を放っておくと、Bootstrapくささを生み出す大きな原因になってしまいます。 そもそもの問題として、欧文と比較して和文は文字の要素が多く、文字自体のリズムも少ないため、どうしても複雑で単調に見えてしまいます。 しかし、和文だからといってあきらめることはありません。BootstrapのCSSを少しだけ変えるだけでグッと見た目がよくなる隠し味をご紹介します。 1. line-heightで行間にゆとりを。明朝やゴシックなど、フォントの種類

クミンを使う料理を試しています。今回は、トマトスープに使ってみたのですが、これが大当たり！ クミンを使ってみることが当初の目的だったのですが、むしろ今後のトマトスープは、このレシピを基本にしようと思います。 基本的には、冷蔵庫にある野菜を使ってできるお手軽料理です。お肉も何か入れた方が良いので、今回は鶏もも肉を使いました。 元々は、ヨーグルトにクミンをたくさん（小さじ１）入れるのは厳しい、という下記の記事を発端にしてます（笑） 関連記事：いま話題の「クミン」をヨーグルトに入れて食べてみた では、レシピをご紹介します！ クミン入りスパイシートマトスープ（ミネストローネ）の作り方 2～3人分の材料です。大盛りだと2人分で食べきってしまうかも。野菜は、手元にあるものを使ってみて下さい。色々な種類を入れると美味しいです！ トマト缶は、カットされているものを使いました。 今回は2～3人分でクミンは小

お山メインなアウトドアブログです(^^)♪自分が振り返りで見る山行記録として始めました。2011年4月の両神山で百名山デビュー♪　単独でちゃちゃっと歩いたり、のんびり歩いたりなのでコースタイムは目安程度に♪♪文章力ないので写真を楽しんで欲しいところですがそれも初心者なのであしからず。。。里山からアルプスまで本気で遊びます♪♪　右膝に爆弾(半月板除去)抱えてます… ひさーーし振りの登山。 この冬休みは雪山テン泊狙ってましたがお天気がイマイチ。 以前は良く通っていた奥多摩山域の鷹ノ巣山へ行ってきました。 以前の記事はコチラ→2017.3.27 鷹ノ巣山(春の大雪) そもそも、テント泊で出掛ける予定だったので軽装でサクッとという気分でもなく、カメラなど色々担いでトレーニング兼ねてゆっくりしてこようと思ってしゅっぱつー。 今回は探鳥も目的の１つ 登山口でお迎えしてくれたルリビタキさん(♀) 車から

去年、編みはじめた靴下2足完成（2022年12月） カメラ→今年は40mm/2fつけっぱなしだった。えも。 毛糸→カラフルはOpal、紺はRegiaです。ドイツ糸最強。 冬至。一年で一番夜が長い日。逆に言うと、この日を過ぎるとどんどん陽が長くなりはじめます。11月の紅葉の時期って、明るい日が多いけれど夕方5時はまっくらだったりして、1日が短くもったいない、ちょっと寂しい。 「太陽があればなんとかなる」という山の感覚も手伝って、明るい時間が長くなるのが嬉しい。よって冬至は待ちわびている日なのです。1年で好きな日トップ10には入る。まだまだ寒いけど、太陽が顔を出す時間はながくなるのです。いいぞ。 去年、編みはじめた靴下2足、完成しました。 ミニマルに憧れつつ、登山、写真、編み物、紅茶、神社仏閣巡りと物入りなことが好き。円安とインフレの影響をもろにうけているのが「舶来の毛糸」。靴下一足当たりの毛