マガジンのカバー画像

WEB&UI

40
運営しているクリエイター

記事一覧

【CSS】背景だけにブレンドモードを適用する方法(mix-blend-mode)

備忘録までに記載しておきます。いろいろ方法がありますが、一例まで。 プロパティ「mix-blen…

「The State of CSS 2021」で振り返るCSSの近況(後編)

引き続き、昨今のCSS状況を「The State of CSS」にて振り返ります。 以下のサイトに掲載されて…

「The State of CSS 2021」で振り返るCSSの近況(前編)

昨年同様、昨今のCSS状況を「The State of CSS」にて振り返ります。 今年も以下のサイトに掲載…

【CSS】flexboxのgapプロパティが安定して利用可能に

去年(2021年)辺りから安定してきたflexboxのgapプロパティについて、今更ながら振り返ります…

【GAS】CRON不可の無料サーバーでスクリプトを定期実行する

無料サーバーではCRON(定期的な自動実行)を制限している場合が多いため、代替案の備忘録です…

【Javascript】セレクトボックスの選択をブラウザ更新後も記憶する

ブラウザ更新後もセレクトボックス等で選択しているものを記憶し、再びセレクトボックスに反映…

私のキャリア&スキル(自己紹介)

はじめましての方からご連絡をいただくことが増えました。そこで、私のポーフォリオの中で掲載している、キャリアとスキルのページを自己紹介として残しておきます。 あまり自分語りが好きではないので、ご興味を持っていただいた際にはぜひ以下をご確認いただけると嬉しいです。 ※クリエイティブ関連に絞って掲載しています。 ※2020年までの情報です。 以下抜粋 キャリア 学歴/資格 スキル(クリエイティブ) スキル(コーディング) スキル(語学) 以上です。適宜更新します。

【CSS】流し込み時の「shape-outside」を掘り下げる

CSSにおいてレイアウト目的での使用頻度が激減して久しいfloatですが、雑誌のような文字の流し…

「State of CSS 2020」で振り返る比較的新しいプロパティと人気フレームワーク

最近CSSのアップデートを追えていなかったので、備忘録兼ねてまとめておきます。 State of CS…

WEBで使える明朝を紹介&違いを再確認

WEBサイトを観察していて、以前よりも使われている明朝体のバリエーションが増えている気がし…

CSSで“切り抜く”あれこれ (clip-pathとmask-imageの違い)

WEB制作で要素を「特定の形に切り抜く」テクニックについて再確認する機会があったので共有し…

レスポンシブで縦横比を維持するCSSと理由解説

レスポンシブ対応で使う機会が多い「要素の縦横比を維持(正方形等)」。よく使われるCSSテク…

CSS flex-basisとwidthの違い&隙間の作り方

とても便利なCSSのflexboxですが、若干幅の調整にクセがあるなと思ったのでまとめておきます。…

WEBデザイン観察-Fender(ギターブランド)

以前行っていた目を引く印刷物の観察を、WEBサイトでも行っていきます。WEBでは配置やサイズの具体的な数値まで取得できるので、今後のデザイン制作に役立つようこと細やかに観察して考察します。 今回選んだサイトと理由ギターの老舗ブランドFenderです。たまたま個人的に利用することがあった際、「シンプルにそぎ落としされていて汎用的」という魅力を感じて観察しがいがありそうだと思ったため。没個性的にも見えますが、そうやって特に何もひっかかりを感じない物って、悪目立ちしないための工夫