さくっと短時間で、慣れれば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; } デモを別ウインドウで再生する ソースコードを確認する Flexboxだと3行 対して、Flexboxでも上下中央は実現できます。Flexboxの場合、中央揃えしたい要素の親に対してたった3行記述するだけです。すべてのモダンブラウザでベンダープレフィックスなしで動作します。 ▼ CSS .container { display: flex; justify-content: center; align-items: center; } ▼ 画像をウインドウの上下中央に配置

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

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

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

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

高尾山のスミレ（2025） ヒノキ花粉飛ぶぞ！と予報が出ていたけれど、気温も高いし（気温が上がると花粉も飛ぶけどあたしの免疫力も上がるのだ）、すごい青空だし、くしゃみが止まらなくなったらこれだ！と薬をザックに入れて、花粉飛散の3月いっぱいお休みしていた高尾山に出かけた。 登り初めにふとスミレが目に入った。かわいい。圧倒的にかわいい。なにこれ、すっごくたくさん咲いている。山肌をちょっと意識するだけで、あっちにもこっちにも咲いている。そう、実は高尾山はたくさんのスミレが咲くことで有名なのだ。 花には咲く時期がある。花粉症で山に近寄れないタイミングで花が終わっている年もある。これは出会いだ。よし。新しいスマホには花マクロがついているので、今日はスミレ撮りまくろうとスイッチオン。 桜の季節なのにスミレ祭り登山となってしまった。花を追いかけてあという間に登頂。ビール最高（これだけ人が多いのにキンキン