レスポンシブ対応する時に、どうしても綺麗に要素が収まらない時のほぼ完璧な対処法
clamp(下限, デザインファイル上のサイズ / アートボードの横幅 * 100vw, 上限); 例） 横幅375pxのアートボード上で30pxの文字 font-size: clamp(24px, 30 / 375 * 100vw, 30px) 例） 横幅1440pxのアートボード上で650pxの画像 width: clamp(0px, 650 / 1440 * 100vw, 650px) clampという見慣れない関数を使っています。後ほど詳しく説明します。 デモ このデモでは文字と画像部分に上記のサイズ調整を施しています。 解説 上記の計算式でやろうとしているのは、どの画面幅になっても比率を維持することです。比率が維持できているのなら画面幅が大きかろうが小さかろうが絶対に崩れません。 そこで比率が維持される計算式を考えます。画面幅に対してどのくらいか、が計算できれば良いですね。 よっ
スタンフォード大学が無料で提供している英語プログラムがすごすぎる...様々な高校生向け教育プログラムをまとめました
sangmin.eth @ChoimiraiSchool @gijigae スタンフォード大学が日本の高校生に提供する、Stanford e-Japan🏫。 全ての授業は、 ①無料 ②完全英語🇺🇸 ③日本時間に合わせたオンライン 修了時に修了証＋高成績者は現地招待も。2022年秋学期の出願は8月12日が締切です🚀。周りの高校生や親御さんに是非伝えてください。note.com/sangmin/n/n7ed… リンク note（ノート） スタンフォード大学が日本の高校生に提供しているオンライン講座、「Stanford e-Japan」とは？｜Sangmin Ahn｜note こんにちは、Choimirai School のサンミンです。 【主要なアップデート】 （2020.10.20）「英語で学ぶ、ジュニア」を宣伝欄に追加 （2020.10.19）講義内容をまとめるツールとしてRoam
鈴木孝佳｜姿勢改善オンラインレッスン on Twitter: "「あれこれストレッチ面倒だから1個教えてくれ」に対する解はこれです。「世界で最も偉大なストレッチ」と名前がつくだけあって、フルコンボ感ある。 https://t.co/UbfDw4F8SN"
「あれこれストレッチ面倒だから1個教えてくれ」に対する解はこれです。「世界で最も偉大なストレッチ」と名前がつくだけあって、フルコンボ感ある。 https://t.co/UbfDw4F8SN
夏休みの自由研究、こうすればぐっと面白くなる。雲研究者のガイドが「永久保存版」だった
雲研究者の荒木健太郎さんが制作した「科学者になれる！すごすぎる自由研究ガイド」。「いくつかの手順を踏むだけでとても面白い科学研究になります」とポイントを紹介しています
2022年のモダンCSS改
7/27（水）開催の「TechFeed Experts Night#1 〜 Web標準 / CSS / Webアクセシビリティを語ろう」で発表した内容です https://techfeed.io/events/techfeed-experts-night-20220727 スライド内のリンクがクリックできるPDF版はこちら https://drive.google.com/file/d/1fc98v082exdGcCuxS73wEN_Qe2COvdTW/view?usp=sharing 各デモURL ■ 上下左右中央揃え https://codepen.io/tonkotsuboy/pen/qBbpYzj ■ スムーススクロール https://codepen.io/tonkotsuboy/pen/NWyNMOo ■ すりガラス https://codepen.io/tonkotsuboy
商用利用無料、UIデザイン用のSVGアイコンが1000種類以上！ 改変・再配布も可の太っ腹ライセンス- MingCute Icon
WebサイトやスマホアプリのさまざまなUIデザインに適した、シンプルなデザインのSVGアイコンが完全無料で利用できるMingCute Iconを紹介します。 アイコンは小さいサイズでもくっきり見えるようにデザインされており、SVGだけでなく、Webフォントも揃っています。 MingCute Icon MingCute Icon -GitHub MingCute Iconの特徴 アイコンのダウンロード MingCute Iconのアイコン MingCute Iconの特徴 MingCute IconはWebサイトやスマホアプリのUI用にシンプルにデザインされた高品質なアイコンです。24x24のグリッドで設計されており、アウトラインと塗りつぶしの2スタイル、2pxのストローク、SVG、PNG、およびWebフォントがサポートされています。 ライセンスはApache License 2.0で、商用
【特商法3条】最近なぜか訪問販売がしつこかったので撃退用の法律おさらい - 頭の上にミカンをのせる
最近訪問販売でしつこいお兄さん（若い人だった。多分仕事始めたばかりで加減とか知らないぽい）が来て、とっさにインターフォン越しに撃退できなくて「ぐぬぬ・・・」ってなった。 ちょうど私はその時「AI：ソムニウムファイル」という超面白いゲームの終盤をプレイしてて気分が盛り上がってた。なのにこれのせいで盛り上がりが一気にさめてしまった。メシとゲーム体験の邪魔をされた恨みはそう簡単に晴れることはない。 こんなやつら駆逐してやる、、、という気持ちになったけど私は平和主義者なので新手の訪問販売員が来たときにサクッと撃退できるように一通り復習しておきます。 自分の記事だけどいつでも呼び出せるようにHP画面に登録しておく……。 キーワードは特定商取引法と刑法130条になるようです。下記記事にまとまってます。 yourbengo.jp 訪問業者は「第一声で商品・サービスの種類を答えなければいけない」というルー
【保存版】交通事故に遭ったときにまずやること・避けてほしい行動マニュアル - 法律問題を解決！弁護士法人AOの法律メディア｜Legal Forest
平成25年に司法書士事務所を立ち上げ様々な依頼者に接する。司法書士としてキャリアを10年近く積んできた中で、司法書士の資格では受けられず、せっかく頼って来てくれた人を断ってしまうこともあった。そういった経験から、さらに幅広く業務を取り扱うことができる弁護士資格を取得。弁護士法人AOの代表弁護士として業務に取り組んでいる。 「もし交通事故に遭ったら、まず何をするのが正解なんだろう…」 そう聞かれて答えられる人はなかなかいないのではないでしょうか。 警察庁の統計によると、2021年の交通事故件は305,196件。これは毎日約836件の事故が日本のどこかで起こっていることになります。 今、この記事を読んでいるあなたは、おそらく「もし自分が交通事故に遭ったら…」という危機感を持って調べている方だと思いますので、この数字が決して他人事ではないと感じているでしょう。 もしくは、ご自身や近しい方が交通事
資産運用のおすすめ本20冊
「もっと多くのお金を稼ぎたい」 「将来のために資産を増やしておきたい」 老後2,000万円問題などが騒がれている昨今、このような思いは誰しもが少なからず抱いているでしょう。そんな中で、本業の収入以外にも「投資」で資産を増 […] 1.資産運用の基本が学べるおすすめ本 資産運用の初心者は、「そもそも何から始めればいいの？」という疑問を抱いているのではないでしょうか。1章では、株式投資の専門的な知識などを学ぶ前に、「お金を増やすためにはどうしたらいい？」という基本的な疑問に答えてくれる本を紹介します。 1.1.『これだけやれば大丈夫! お金の不安がなくなる資産形成1年生』小林 亮平 Amazonサイトはこちら 本の内容 Youtubeチャンネル「BANK ACADEMY」を運営している著者が、資産形成の超初心者に向けて資産形成の基礎知識を紹介する入門書。第一歩として生活における固定費の削減を紹
これだけデザイン on Twitter: "資料作成の勉強にも、ビジネスのマクロ情報の収集にもおすすめな「委託調査報告書」 経産省が調査や分析を依頼している内容が全て公開されているしってます？ マッキンゼーやボストンコンサルティング、アクセンチュアなどの戦コンや日経のコ… https://t.co/OSCfnq3T9u"
資料作成の勉強にも、ビジネスのマクロ情報の収集にもおすすめな「委託調査報告書」 経産省が調査や分析を依頼している内容が全て公開されているしってます？ マッキンゼーやボストンコンサルティング、アクセンチュアなどの戦コンや日経のコ… https://t.co/OSCfnq3T9u
最近よく見る「Cookie使用同意バナー」、実は無意味？ 専門家が指摘するちぐはぐ対応
Webサイトを見ると、「Cookie（クッキー）」使用への同意を確認するバナーが出てきたことはないでしょうか？ 少し、うざったくも見えるこのバナー。なぜ、最近こうした表示が増えてきたのでしょうか。専門家に聞きました。 Cookie使用の同意を求めるバナーの例（電通公式サイト） そもそも、「Cookie」とは何でしょうか。「Cookie」とは、閲覧したWebサイトのサーバーから発行され、ユーザーのコンピューターなどの中に預けておくファイルのことです。Cookieによって、ユーザーがWebサイトで入力した情報やサイト内のどこを閲覧しているのかといった情報などを、サイトの運営や広告配信業者などが取得することができます。 SNSなどへのログイン状態を維持したり、通販サイトで買い物かごに入れた商品がWebサイトをいったん離れても再表示されたりするのは、Cookieによるものです。一方、企業側もCoo
GA4でURLクエリパラメータを除外する【js不要】 | AOGIRI.net
アクセスされたページURLを見ると、以下のようにURLの後ろに「?」などの文字列が追加されていることがあります。 これを、「URLクエリパラメータ」といいます。
俺も同じような立場になったことあるけど、解決策は一つしかない。転職だ..
俺も同じような立場になったことあるけど、解決策は一つしかない。転職だよ。 今も使えるか分からんけど俺の使った方法を書いておく。1年以上継続して健康保険の資格があることが条件。同じ会社で1年以上社員やっていれば満たしているはず。 まず、有給は使い切れ。その上で心療内科から適応障害の診断書を出してもらう。 診断書と一緒に健康保険の傷病手当を申請して休職する。雇用保険の傷病手当じゃなくて、健康保険の傷病手当ね。傷病手当はやむをえない理由で休んでいることに対する手当だから、この期間は休んだという実績が先に必要で、会社にそれを証明してもらうことになる。 申請が通れば給与の代わりに傷病手当が出る。 給与のざっくり6割程度の金額だから生活は切り詰めなきゃいけないけど生きてはいけるだろう。 傷病手当の受給が確認できたら会社には「療養が長引きそうなので」と伝えて退職する。 退職手続きや退職日のために一度でも
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Seiya on Twitter: "自宅にこもり切りの超運動不足の方、筋トレ超初心者の方へ。まずは2分だけ動画の真似をしてみて欲しい。難易度は低いが、鈍り切った体に刺激が入り、眠っていた身体の活力を取り戻すキッカケになると思う。 「独房式・脂肪燃焼全身サーキット新… https://t.co/pMQHBJAlIA"
Seiya on Twitter: "クイーンズランド大学が開発したHIITがすごい。HIIT WBというエクササイズで、たった4分間の運動で30分の有酸素運動を遥かに凌ぐ効果を発揮する。心肺機能と筋肉量の増加、脂肪減まで期待でき、抗老化に繋がる。動画をそのまま真似し… https://t.co/FWvRp0RAaR"
45分間で「ユーザー中心のものづくり」ができるまで詰め込む
大雨の鈴鹿サーキット、アヒルちゃんレースが始まり大盛り上がり「決勝のテンションでワロタ」
CSSでこんなことができるの知ってた？ 要素・コンテナのサイズに関係なく、ボーダーや背景をはみ出して配置するテクニック
フリーフォントの作者様に感謝！ 最近リリースされた日本語フリーフォントのまとめ -2022年上半期
世の中には困ってる人を助ける制度がたくさんあるのに何が使えるかを教えてくれないっていう理不尽仕様なんだが、そんな世界をなんとかしようとしてる人たちがいて、そのためのWebページがこの前リリースされたってことを僕はフォロワーさんに知っておいて欲しいと思ったんよ
