CSS 芸能人
0post
2025.12.08
:0% :0% （30代／男性）
CSSに関するポスト数は前日に比べ52%増加しました。男性の比率は8%増加し、本日も30代男性の皆さんからのポストが最も多いです。本日話題になっているキーワードは「アニメーション」です。
人気のポスト ※表示されているRP数は特定時点のものです
CSSアニメーションで作った楽しげなUIアニメーションのアイデア集をYouTubeに投稿しました。
よければ見ていただけたら嬉しいです。
https://t.co/nF0WCQXP7G https://t.co/D3tEoVjHZ6 December 12, 2025
191RP
CSSアニメーションで作った「楽しいテキストアニメーションアイデア集」をYouTubeに投稿しました。
よければ見ていただけたら嬉しいです。
https://t.co/c78ajTfjZi https://t.co/OmvayYy7yY December 12, 2025
11RP
5日間で仕事で使える!!
WEBコーディングの基本を習得
「WEBコーディングブートキャンプ」
本日より受付開始‼️
5日間でHTML/CSS/JavaScriptの基本を一気に習得する短期集中プログラムを特別開催します🚀
🗓️開催期間：
2025/12/22（月）〜26日（金）
📍申込締切：
12月21日（日）23:59まで
"WEBコーディングブートキャンプとは"
実際のデザインからWEBページを制作しながら、「案件を意識したコーディング」を習得。デザインの読み取り方、コードへの落とし込み方、現場でよく使われる書き方まで丁寧に解説します✨
WEB制作の仕事につなげたい方、実践力を高めたい方のための特別な5日間です。
"あえてAIは使わずに。"
AIやノーコードツールで、形としてのWebサイトはすぐ作れます。しかし、コードが読み書きできなければ、思い通りの調整も、AIコードの修正もできません🙅
この講座では「あえてAIを使わず」基礎から学びます。
AIを使いこなすためにこそ、自分の力でWebサイトを作れる本当の基礎力を身につけましょう💪
詳細・お申し込み↓↓ December 12, 2025
7RP
【CSSレベルをちょっと上げたいコーダーさんへ】
FVのタイトルとか、
要素をど真ん中に置きたい時
これでやってません？？
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
もちろん今でも動く。
でも最近はもっとシンプルで
綺麗な書き方があるんですよね。
それが Grid × place-content！！
.p-fv {
min-height: 500px;
display: grid;
place-content: center;
}
これだけで
上下左右ど真ん中にドンッと置ける。
しかも…
✅️transform 書かなくていい
✅️ 計算いらない
✅️レイアウト崩れにくい
✅️読んだ時に意図が分かりやすい
✅️子要素が増えても柔軟に対応できる
正直、中央寄せしたいだけの場面なら
absoluteよりGridのほうが圧倒的に快適。
「なんか中央寄せで毎回ぐちゃぐちゃになる…」
って人は、これ試してみてほしい😌
画像にplace-contentのいろんな値もまとめてるから
ブクマして何回も見返してみて〜！ December 12, 2025
4RP
1997年に閉鎖されたWEBサイトって体のHPを確認し、HTMLソースを見る。
画像はPNGだわ、CSSは使ってるわ、しまいにはjquery読み出してるわ。
君さぁ…もうちょっと時代設定に合わせたリアリティーを持たせようよ…
いくら何でもjqueryはないでしょ。script aculo usだってないんだぞ、その時代だと。 December 12, 2025
3RP
「混沌熟視」 CSSビルディング
11人の作家のグループ展
現役でオフィスとして使われているビルを数日借りての展覧会
面白いかった
多田恋一郎さん磯崎隼⼠さんの部屋の繊細さと不安
米澤柊さんの部屋の光と気配
黒坂祐さんと伊藤瑞生の部屋の爽やかな空気
⼭⽥悠太朗さんの給湯室の小さな親密な世界etc https://t.co/G1SYNWZNLO December 12, 2025
2RP
実はあなたが書いてるCSS、100倍簡単に書く方法があるの知ってた？
古いCSSだとややこしいが、最新のCSSで綺麗に簡単に書く方法をまとめた「Modern CSS Solutions」
例えば
・レスポンシブに対応した背景画像
・画面下部固定のフッター
・CSSのみのスムーズスクロール
などの方法がまとまってる
僕も便利と思ったtipsが結構あった December 12, 2025
2RP
個人的にも環境構築の必要なく即座に実行できるHTML/Javascript/CSSの組み合わせによるフロントエンド開発が好きなので、非常に参考＆励みになりました。
というわけで今までスプレッドシートで無理やり運用していた「テストケース作成用パターン組み合わせツール」ですが、Geminiにお願いしたら一発で生成してくれました。（エンタープライズ級のマーチャント様になると購入テストケースだけでも膨大な組み合わせパターンが存在しますが、リニューアル時の公開前などそれらすべてをしっかりと網羅的に実行する必要があります）
他にもいろんな社内向けツールを作ってきたのですが、今後はGeminiにお任せすることにしようと思います。 December 12, 2025
1RP
https://t.co/X46HFbBB9a
公式ホームページをリニューアルしました。
十数年ぶりに作り直し
しか～し、これもAI様にHTML,CSS,JavaScriptをコーディングしてもらったんで最初の設計とかせずに手直し程度で完成
メチャクチャ楽でした
便利やなぁ
良かったらHP開いてみてください🫡 https://t.co/vLBx9Do6nO December 12, 2025
1RP
CSS小技✨
続：font-size vs scale🎶
font-size は文字だけ拡大、
scale は要素ごと見た目だけ拡大。
そのままだと挙動が揃わないので、
外側の要素で囲んで比較すると分かりやすい💻
枠はそのまま、中だけ変えるのがポイント。
これで挙動は一致する👍
#CSS #CSS小技 #Codejump https://t.co/248K1SsJ7a December 12, 2025
1RP
10いいね！ | 雰囲気でCSSを使っている方向け。2025年12月の今、新たに実務で使えるCSSをキャッチアップしよう。 by @Kaitou1192 https://t.co/gqQFRy97dh https://t.co/yebqnOrBzs December 12, 2025
1RP
【コーダーさん、案件始まる時って
どうやって環境構築してる？】
・ゼロからHTMLなどを1つずつ作成？
・前に作った案件フォルダをそのままコピー？
・スクールや教材でもらったセットを毎回複製？
…これ、ぶっちゃけ
まあまあ面倒じゃないですか？😇
僕も最初はずっとこの方式だったけど、
今はGitHubの「テンプレートリポジトリ」を作って
そこから毎回スタートするようにしてます。
これがマジで快適すぎるんですよね。
✅ボタン1つで同じ環境を作れる
✅Vite / SCSS / Handlebars / Lint など全部入り
✅GitHub Actions も最初から入れておける
✅新しい知見が出てもテンプレだけ更新すれば
全案件に反映できる
✅全部 Git 管理されるから履歴も残る
「完成された土台」から始められると、
環境構築という無駄な時間が完全に消えるし、
本当に集中すべき「構築」という部分に
100%のリソースを割ける。
案件が始まるたびに
環境構築で数時間溶けてる人こそ、
一度テンプレ化してしまうと
「もっと早くやっとけばよかった…」
ってなりますよ！ December 12, 2025
1RP
Studioで使える“縦に流れるライン”アニメーションです。💫
縦方向のスクロールラインって意外と使いどころ多いんですよね。
・見出しから内容への目線誘導
・区切りラインの演出
・LPの導線強調
・ヒーローの動きづけ
しかもEmbedのCSSだけで実装OK👌
軽いのに雰囲気が一気に良くなるのでおすすめ✨
「こういう動き入れたい！」って方はリプ欄のコード参考にどうぞ〜🙌 December 12, 2025
@loadtothetap cssもそうなんだけど、他にもありとあらゆる業務内容がどばーっときてる……というか1人でやるには量ヤバくないか！？って感じの業務内容で……研修終わったら実戦というか配属が決まってるっぽくて、今からやっていけるか超不安…………… December 12, 2025
デザインカテゴリーで、本日もっとも読まれた海外記事はこちら！
「Should CSS be Constraints?」
https://t.co/vdJiLo4pZR December 12, 2025
【募集】
本業のWebディレクションで、LP運用の改修を依頼できるフリーランスのデザイナー／コーダーの方を探しています。
同じ企業の十数本のLPを、新規情報の追加や変更、サイト改修作業をお願いしたいです。毎月対応のボリュームが違うので、作業内容ごとの費用をお支払いとなります。
基本はHTML/CSSの修正で、Gitで管理で管理してもらいます。写真の差し替え、ボタンの変更、表組みの見せ方の変更など、ちょっとしたデザイン作業もできる方が望ましいです。
広告の成果を見ながら随時更新するケースが多いため、都度のお願いになります。ただし、無理に詰めたスケジュールを組むことはしません。可能な日程での対応となります。
詳しくはDMにて。よろしくお願いします。 December 12, 2025
🌟2025.12.08
💡やったこと
《FE初級編》
計: 0時間45分
✍️感想
「DAY 28 CSS設計の基本概念からクラスの付け方をイメージしよう」をクリア
使い回しができて便利なのはもちろんだけど
誰が読んでもわかりやすいコードにするためにここは意識していきたい！
#RaiseTech
#BuildUpDaily December 12, 2025
HTMLを学習し始めたばかりでCSSファイルを読み込ませる方法にお困りではないでしょうか？こちらの記事でCSSを読み込ませる方法を「３つ」ご紹介しています。ご興味のある方は参考にしてみて下さい。
#プログラミング #独学 #CSS
https://t.co/50oHsjYyim
25-12-08 December 12, 2025
@tatibana568 cssやってんだっけ？初学だときついよね
でもそんなに辛いのはきっと慣れていない今だけだから！ここさえ乗り切ればなんとかなると思ってがんばろ！ December 12, 2025
＜ポストの表示について＞
本サイトではXの利用規約に沿ってポストを表示させていただいております。ポストの非表示を希望される方はこちらのお問い合わせフォームまでご連絡下さい。こちらのデータはAPIでも販売しております。
倭人速報公式アカウント
