当事者としては90年代後半の青春時代はクソ
バブルはとっくに崩壊してるのにバブル残滓だけ残ってた。 上の世代の頭が切り替わってねーのよ。 「老害死ね」って思ってもネットはまだ始まったばかりで 今みたいに簡単に社会に物申して縦横無尽にバズるということが出来ない。 今もちょっと残る「非モテ」みたいな議論も 主にはあの時代に青春送った人たちの苦情だと思う。 ８０年代バブルのイキり文化のウンコの残り香だけが漂ってたせいで 当時は男への滅茶苦茶高い要求を煽るようなメディアばっかりだった。 実態市場がほんとにそんな相場だったかはしらないけど ああいう情報で気が大きくなった女や委縮した男は沢山いたと思う。 当時の平均的な若い男女が頑張った結果成立するような 平均的なデートやカップリングは肯定を得られなかった。 格好悪いダサい十分な基準に到達してないものとされた。 あの当時の「デート文化」的なものからの攻撃の空気が嫌で仕方なかったし あの時に恋愛市
便利なツールが登場！ 画像をWebPとAVIFに変換・最適化、SVG, PNG, JPG, GIF画像の軽量化・最適化ができるオンラインツール -Optimize Images
次世代の画像フォーマットとして注目されているWebPとAVIF、Webサイトやアプリでよく使用されるSVG, PNG, JPG, GIFの変換・軽量化・最適化ができるオンラインツールを紹介します。 IEのサポートがなくなると、WebPが画像フォーマットの主流になりそうですね。 Optimize Images Optimize Imagesは、画像（SVG, PNG, JPG, GIF）の最適化と圧縮、画像の新しいフォーマット（WebPやAVIF）への変換と最適化が簡単にできるオンラインツールです。 WebPとAVIFは高い圧縮率を備えたフォーマットです。 WebPは簡単に言うとPNG, JPG, GIFの良いとこ取りのフォーマットで、24ビットのフルカラーをサポートしています。高画質の透過PNGのサイズが大きくなってしまうことやGIFアニメーションで色数が少ない悩みも解決します。IE以外の
【2022年】Chromeで画像がぼやける場合のCSS対処法
参考：ドット絵やQRコードをボケさせたくないときに使えるCSS – Qiitaブラウザ依存が強く、2021年現在ではベンダープレフィックスで対応する必要があります。 今回使用した「image-rendering: -webkit-optimize-contrast;」は「image-rendering: crisp-edges;」のChrome用ベンダープレフィックスになります。 効果の確認方法当ページでChromeデベロッパーツールを開いて以下の画像を選択し、以下の画像のように「image-rendering: -webkit-optimize-contrast;」をオンオフ切り替えてみてください。 劇的な変化はしませんが、よく見ると画像が少しハッキリと表示されるのが見れるかと思います。 その他の対処法以前にも複数の解決法が提案されていましたが、どれも何かしらの問題がありました。 bac
グローバルナビゲーション | 動くWebデザインアイディア帳
書籍情報 紙面だからこそできるまとめ方でコードを説明し、 全体を俯瞰して調べることが出来る構成になっています。 もちろん、パーツのサンプルコードもzipでまとめてダウンロードできます。 購入をしてくださった方には特典がありますので是非チェックしてみてください！
WEBデザインで誰もが使う定番フォント18選！基礎知識も解説します | 生き方・働き方・日本デザイン
書体とフォントについてWEBデザインで文字を扱うのに、「書体」や「フォント」という言葉を耳にすることは、かなり多くあると思います。 このふたつの言葉は同じようなものと思われがちですが、実は厳密には違うものなのです。 「書体」とは特定されるデザインで統一されている文字のことで、明朝体やゴシック体などのことをいいます。 「フォント」とは、書体の太さや形などを表示するデータのことで、レギュラー、ボールド、イタリックなど特徴で区別されています。 本来の意味は違うものですが、今では同じように扱われていることもあり、WEBデザインでは、同じ意味で使われることが、もはや一般的になっています。 ここでは同一のものとして考えていきますね。 和文書体和文書体は日本語を表す書体で、漢字、ひらがな、カタカナが混在します。 文字は「ボディ」と呼ばれる正四角形の範囲内に設計されていて、漢字と比べてカタカナは少し小さく
最近のランディングページで見かける！ スクロールに連動して背景画像をアニメーション化できるバニラJavaScriptのライブラリ -ScrollMovie.js
マウスのスクロールやキーボード操作、スマホのスワイプ操作に連動して背景画像をアニメーション化し、まるでスクロールで動画を操作しているかのようなコンテンツを実装できるバニラJavaScriptのライブラリを紹介します。 プロダクトのランディングページとかにいいですね。Appleなどは動画を使用していますが、操作している感があって面白いです。順再生・逆再生にも対応しており、背景画像なのでその上にコンテンツを自由に配置できるのも大きな魅力です。 ScrollMovie.js ScrollMovie.js -GitHub ScrollMovie.jsの特徴 ScrollMovie.jsのデモ ScrollMovie.jsの使い方 ScrollMovie.jsの特徴 ScrollMovie.jsは、ウィンドウをスクロールするときに背景画像をアニメーション化できるバニラJavaScriptのライブラリ
Googleアナリティクスで正規表現を使いこなしてより正確な分析を!｜アクセス解析ツール「AIアナリスト」ブログ
こんにちは。「AIアナリスト」運営チームの曽我です。 今回紹介するテーマは、Googleアナリティクスでの正規表現についてです。 Web担当者のみなさまは、Googleアナリティクスでセグメントをカスタマイズしたり、特定のURLを抜粋したりすることで、必要な情報だけを引き出したいということがあると思います。しかし、各ページのURLをすべて指定するというのは大変な作業だと思います。そこで役立つのが「正規表現」というものです。 そこでこの記事では、Googleアナリティクスでの「正規表現」について、場面に応じた設定方法をわかりやすくご紹介いたします。 Googleアナリティクスを使って正確な分析を行うためには正規表現は必須なので、是非お読みください! Googleアナリティクスの正規表現とは 「正規表現」とは、まとめたい複数の異なる文字列を、あるひとつのパターンで表現する方法です。その際、()
2022年、注目しておきたいCSSの新機能のまとめ
2022年に注目しておきたいCSSの新機能を紹介します。いくつかの機能はすでに1つ以上のブラウザでサポートされており、他のブラウザもそれに続く予定です。 ビューポートではなく親コンテナに応じてスタイルを定義できる「コンテナクエリ」、詳細度とスタイルの順序を明示できる「カスケードレイヤー」、相対色構文が追加された「カラー関数」、Safariの100vhを解決する新しいビューポート単位「svh」など、今すぐにでも使用したい機能ばかりです。 Photo by Jr Korpa on Unsplash CSS in 2022 by Bramus 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに 注目の新機能（クロスブラウザでサポート） まだ先の新機能（実験的/シングルブラウザでサポート） 停滞している新機能 Safariは「新し
皇の器 - 織部匡 | 少年ジャンプ＋
JASRAC許諾第9009285055Y45038号 JASRAC許諾第9009285050Y45038号 JASRAC許諾第9009285049Y43128号 許諾番号 ID000002929 ABJマークは、この電子書店・電子書籍配信サービスが、著作権者からコンテンツ使用許諾を得た正規版配信サービスであることを示す登録商標(登録番号 第6091713号)です。
SFC版ドラクエ3のパッケージ絵は本当に鳥山明先生が描いたものなのか？ - ゲーム積み立て名人
SFC版のドラゴンクエストⅢパッケージの絵 鳥山明先生が描いたものなの？ これ96年の頃発売当時から ずーーと疑問に思ってた事なんですけど 私的に３リメイクのパッケージ絵は 鳥山明先生じゃない！とずっと思ってたんです。 ファミコン版のパッケージは完全鳥山先生なんだってのはわかるんです ただスーパファミコン版のパッケ絵は キャラが正面じゃないのもあるんですけど なにか目元が違うんだよなあ～と感じちゃうんですよね 鳥山先生の絵柄って年代によって変わるんですけど SFC版のドラクエ3の頃って 90年代中期の頃の時代で 鳥山先生の絵柄は ドラゴンボールが連載されてた セル編～ブウ編あたり。 男性キャラとか結構筋肉質に描く傾向があったんです 3リメイクと同じ時期にでた6の主人公は 特にこんな感じなんですよね それとは対照的に３リメイクの パッケ絵ははすらりとした感じなんですよ んじゃ３のリメイクのパ
サイトの印象は「動き」が決め手！参考にしたいWebアニメーション45個まとめ
この記事では、ウェブサイトの印象が決まる「動き」に注目した参考Webアニメーション45個をまとめてご紹介します。 動きを取り入れることで、注目度がアップするのはもちろん、ユーザーの視線を目的のコンテンツまで自然と誘導できるなど、使いやすさの改善も期待できます。 アニメーションの基本ルールを理解しておけば、より効率的に動きを加えることができ、「次こんな動き入れてみよう」「この動き入れたら見やすいかも」など、具体的な実装アイデア出しにもオススメです。 サイトの印象は「動き」が決め手！参考にしたいWebアニメーションまとめ Naomi Osaka Folio Website Design & Animation 完成したウェブサイトをただ見せるだけではなく、そこにアニメーションを加えることで、魅力をプラスできるお手本にしたいテクニック。
フラットで可愛いイラスト素材を無料でダウンロードできるサイト10選 – ワードプレステーマTCD
PageSpeed Insightsで表示される「使用していない JavaScript の削減」の対策方法 2024.04.24
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
娘が毎日どの服を着たらいいか分からなくてパニックになる→この表を印刷して貼ったら天気予報の気温をみて自分で服を選べるようになった
デザインのしたじき
よーじやオンラインショップ｜公式通販サイト
https://www.canva.com/ja_jp/create/banners/youtube-banners/
離脱と直帰は違う!?混同しやすいGoogleアナリティクスの指標
東京の「カフェ路線図」が見やすくて便利！スタバ、ドトール、コメダなど…多い駅と少ない駅が一目瞭然「やっぱ中央線か」「スタバはすごいな」
萌えVTuberの交通安全PR動画がフェミ議連の抗議で削除。フェミ系議員が公権力を使って表現規制。
新型コロナの罹患レポートが分かりやすくて恐ろしい「熱が下がったあとにぶり返し血痰が出て即入院、肺がぐちゃっと潰れている」
