自動更新

並べ替え:新着順

ベストポスト
メニューを開く

今日の実感と学び📚 「自分で組んだ構造が、想像した見た目になった」 「Flexの仕組みは、“親が子をどう並べるか”を決めるもの」 「順番を大事にすれば、CSSは裏切らない」 明日は画像の重なった部分の修正をします☺️ #プログラミング初心者 #Web開発 #HTML #CSS #JavaScript pic.x.com/hpsEbpVPT2

斉藤プロンプト プログラミングを楽しむ@saito_prompt

メニューを開く

CSSで文字と文字の間隔を広く・狭くする方法はletter-spacing よくemの単位で使用されることが多いけど、個人的にはremで使用したほうが親要素からの影響とかもなくレイアウトが崩れる心配がないのでオススメ。 ブログなんかでの滞在時間に影響があると言われる。 #CSS

伊集院@ijuin3102

メニューを開く

CSS GridやFlexboxでアイテム間のスペース(ギャップ)をスタイル設定するCSSの新しいテクニック coliss.com/articles/build… (コリス) #CA #クリアカ #CSSGrid #Flexbox #CSS #アイテム # #スペース #ギャップ #スタイル #設定 #テクニック #ハロトレ #求職者支援訓練 #IT #デザイン #AI 2025/06/19

株式会社クリエイターズアカデミー|求職者支援訓練・ロボット教室@c_aca_webdesign

メニューを開く

スイッチオンラボ『HTML&CSS超入門コース』【無料コース】 switchonlab.online/course/htmlcss… レッスン5「hタグを書いてみよう③」 😖思ってた感じじゃない? #html #css #WEB開発 #webデザイン #初心者 #スイッチオンラボ #三貫地明日架 #石動音々 pic.x.com/Kcez1sf7NH

switchonlab@switch0nlab

メニューを開く

ある一定の大きさになったらそれ以上広がらずに、中央よせ。 header { max-width: 960px; margin: 0 auto; } #html #css #メディアクエリ #プログラミング #コーダー #模写

ゆぬ@プログラミング学習者@kunizumi2

メニューを開く

DAY118:本文が読みづらい? 📌 一文が長くてダラける… 🔹 max-width をつけよう(例:65ch) 🔹 幅を狭めると、集中して読める ✅ 読者ファーストの幅感覚を #cssコードは静かに咲く #Web制作 #codejump #フロントエンド #css

のの | コーディング@nono__design

メニューを開く

簡単な手順でWebページの読み込み時間を高速化! クリティカルCSSを抽出してくれるツール -Critical CSS Generator coliss.com/articles/build… (コリス) #CA #クリアカ #CriticalCSSGenerator #CSS #Webページ #読み込み時間 #高速化 #クリティカルCSS #抽出 #ハロトレ #IT #デザイン #AI 25/06/17

株式会社クリエイターズアカデミー|求職者支援訓練・ロボット教室@c_aca_webdesign

メニューを開く

テキストタイピングエフェクトのサンプルをGXY-lifeさんでみつけた。 クライアントのサービス名とかアピール項目にこれ使って、滞在時間やCTRが増える期待。 こういうアニメーションが個人的にも好きなので、使わせていただきます(笑) #CSS

伊集院@ijuin3102

メニューを開く

今日の進行💻 ホバーエフェクト😄 今日は、作業中ふと思った 今作っているもののゴールってなんだろ🤔 これを見て、見た人に何を感じてもらいたいんだろう 何も考えてなかった,,,🤣 明日からはその辺も意識して作っていこう! #プログラミング初心者 #Web開発 #ゲーム制作 #HTML #CSS #JavaScript pic.x.com/IKsOTY8xXF

斉藤プロンプト プログラミングを楽しむ@saito_prompt

メニューを開く

🌱『HTML/CSSの絵本』は、9つのやさしい扉でWeb制作の世界へ誘うビジュアル入門書。初めてでも読みやすさ抜群です。 amazon.co.jp/dp/B0DH811SGK?… #HTML #CSS #初心者向け #本紹介

こはねちゃん@ko8ne_chan

メニューを開く

スイッチオンラボ『HTML&CSS超入門コース』【無料コース】 switchonlab.online/course/htmlcss… レッスン5「hタグを書いてみよう②」 🤩h1タグとh2タグを書いてみよう #html #css #WEB開発 #webデザイン #初心者 #スイッチオンラボ #三貫地明日架 #石動音々 pic.x.com/HloXYek9N9

switchonlab@switch0nlab

メニューを開く

大学生のゆうとさん。HTML/CSSを独学中。ポートフォリオ作成に挑戦! #もくもく会 #名古屋 #HTML #CSS

You_make@Youmake2018

メニューを開く

もっとプログラミングを極めたい!そんなお子さまも通っています! pyton、HTML/CSSなどお子さまの習いたい!という意欲に応えます! toki-nagano.com/course/advance… #江古田 #プログラミング教室 #練馬区 #python #html #css

トキ・ナガノ プログラミング教室【江古田】@tokinag_pgm

メニューを開く

公共職業訓練8月開講講座に多数のご応募ありがとうございました。 今回タイミングが合わずに申込が出来なかった方も次回開催の際にご応募をお待ちしております。 #ABCパソコン教室 #スキルアップ #再就職 #埼玉 #群馬 #東京 #転職 #Web制作 #HTML #CSS

ABCパソコン教室@熊谷の職業訓練校@abcpasokuma

メニューを開く

【HTMLとCSSの基礎、もう難しくない!】 ゼロからホームページを作りたい初心者の方へ、やさしく学べるステップとコツをまとめました✨ 主婦の方、パソコンが苦手な方も安心です。 #HTML #CSS #初心者向け #主婦の学び直し design.620nobuko.com/html-css-basic/

黒木宣子(クロッキー)@セールスデザイン学習中@croquis35222

メニューを開く

CSSの新機能でモニタのサイズに合わせてメディアクエリ決めてたのが、親要素によって変えられるようになるプロパティがあった。 開発時に担当分かれて開発とかするから、viewPort関係なく割り振れてマージする時も親要素に合わせるだけだから、開発が楽になりそう。 #CSS

伊集院@ijuin3102

メニューを開く

CSSでつくるオーロラカラーの六芒星パターン✡️ noteにアップしました 📝 note.com/dakinifox/n/n2… #CSS #六芒星 # #パターン #背景#オーロラカラー #Web制作 #Webデザイン #CodePen

金剛ゆが@kongou_yuga

メニューを開く

カラフルだけど、ちょっと落ち着いた雰囲気の水玉模様CSSパターン。 元気すぎないやさしい色合いで、ベビー系や女性向けデザインにも合わせやすくなっています。 note.com/dakinifox/n/n8… #CSS #背景 #水玉 #パターン #Web制作 #Webデザイン #CodePen

金剛ゆが@kongou_yuga

メニューを開く

こんにちは!taniです。 総合ビジネス本科生(4月生)のWさん、なんとMOS試験(word)満点合格でした㊗おめでとうございます! 頑張った成果が出て良かったです📷️ #excel #word #powerpoint #dtp #webデザイン #mos試験 #就職支援 #cad #photoshop #illustrator #html #css # pic.x.com/9DtSHyqus0

富山OAスクール・株式会社スキル【プログラミング、CAD、Web・DTPデザイン、生成AIスクール】@toyama_oaschool

メニューを開く

富山の建材会社様、企業研修実施中✨ 昨日はPhotoshop! 実務に活かすべく、集中して取り組んでおられました😆 #photoshop #illustrator #cad #Python #html #css #powerpoint #dx #excel #word #リスキリング #社員研修 #富山 #富山X pic.x.com/K7wQYMo0BX

富山OAスクール・株式会社スキル【プログラミング、CAD、Web・DTPデザイン、生成AIスクール】@toyama_oaschool

メニューを開く

CSSで簡単カスタマイズ、洗練されたデザインと気持ちいいアニメーションで動作するUIコンポーネント -SmoothUI coliss.com/articles/build… (コリス) #CA #クリアカ #SmoothUI #CSS #カスタマイズ #洗練 #デザイン #アニメーション #UI #UIコンポーネント #ハロトレ #求職者支援訓練 #IT #AI 2025/06/16

株式会社クリエイターズアカデミー|求職者支援訓練・ロボット教室@c_aca_webdesign

メニューを開く

ブラウザでuser定義のCSS適用できるなら、レイアウト変えたり好きな見た目にしたりいろいろカスタマイズできて便利だと思うけど、シンプルなのが一番だし、これは使いづらいとなると別のブラウザ使えばいいだけだから、そんなにこだわって時間かけてイジるものでもない。 #CSS

伊集院@ijuin3102

メニューを開く

DAY117:レイアウトが横にはみ出す? 📌 スマホで横スクロールが… 🔹 原因は width: 100vw or calc() かも 🔹 box-sizing: border-box を忘れずに ✅ レイアウト崩れは“ちょっとの油断” #cssやさしく整える日々 #web制作 #codejump #フロントエンド #css

のの | コーディング@nono__design

メニューを開く

OneTab のユーザースタイルさん、 さらにカードを一覧したくなったので、URL に #​etx を付けたら全部開く様にした。 :target とページ内に存在する id を掛け合わせて、の割とハッキーなスタイリング。 #CSS だけでここまで出来るって凄いなぁ、と思いつつ。 x.com/sika_uma/statu…

KABA🍬@sika_uma

OneTab 用のユーザースタイル💅 拡張機能で直接は適用できなかったので、Chrome DevTools のオーバーライドで適用してください。 整理や見出し等でコンテンツを探す時限定などで使えるかなと。 > OneTab card style (for Overriding onetab.​css) — UserStyles.​world userstyles.world/style/19892/on…

KABA🍬@sika_uma

メニューを開く

今日の課題としていた、自分の世界観に関しては 「暗めの内面ながら、鮮やかな世界に興味を持っている面や インドアとアウトドアの両方を好む」という表現になった😌 cssに苦戦してしまい思うように進まなかった🤔 #プログラミング初心者 #Web開発 #HTML #CSS #JavaScript pic.x.com/vQbXjMp7My

斉藤プロンプト AIムダづかい@saito_prompt

メニューを開く

CSS小技 hoverでパネルが 変形&回転&拡大! 色違いの要素が順番に インタラクティブに 動くだけで楽しいUIになります😊 flex-basis+rotateで hover時に高さと角度を同時に変更できるのがポイント! #CSS #Codepen #WebDesign #Codejump pic.x.com/9rb9jsVAkw

ろびー【CSS小技✨】@Robby_WebDesign

メニューを開く

CSS小技✨ Font Awesomeのiconが行進!? 背景に流れるアイコン群にhoverするとvioletに変身💜 text-shadowでネオン感もプラス💡 使った技: ・Font Awesome ・流れるanimation ・hoverで色+影演出 #Codejump #CSS #web制作 #FontAwesome pic.x.com/5MlEAcZpLT

ろびー【CSS小技✨】@Robby_WebDesign

メニューを開く

スイッチオンラボ『HTML&CSS超入門コース』【無料コース】 switchonlab.online/course/htmlcss… レッスン5「hタグを書いてみよう①」 🤔どこをh1にしたらいいかな? #html #css #WEB開発 #webデザイン #初心者 #スイッチオンラボ #三貫地明日架 #石動音々 pic.x.com/veLiaTIIJn

switchonlab@switch0nlab

メニューを開く

CSSについて質問させてください! CSSネスティングの記述はニッチなのでしょうか? Webスクールの先生にその記述のCSSを見せたら、やめるよう言われたのですが現役のコーダーさんはどう感じていますか? #webデザイン勉強中 #HTML #CSS #教えてください #コーディング #web #プログラミング

メニューを開く

今日も1日PCに張り付いてました🙎 時間過ぎるの早い…⏳ 家事が終わったら、タイピングとHTML&CSS‼️ 前進しなくてもいい、せめて後退だけしないように🥹 #HTML #CSS #fammスクール #famm卒業生

M.T@Fammスクール6月期生@ARCtanaka

メニューを開く

今日はパソコン講習の日でした! 講習はZOOMで行われ、利用者さんは講習を聞きながら実際にパソコンを操作し、理解を深めます💻️ 分からない点や難しい点は、事業所にいるスタッフがホワイトボードを使って説明しました! #ジョブラボ大橋 #B型作業所 #B型事業所 #福祉 #パソコン #HTML #CSS pic.x.com/Z5kSFu3f4m

【福岡のB型作業所】ジョブラボ大橋@joblabo_oohashi

メニューを開く

CSSでレスポンシブ対応するときは、最近は「clamp()」が超便利。フォントサイズや余白を、最小〜最大の間で伸縮できるので、画面幅がまちまちなスマホ対応が楽になります。書き方は clamp(最小値, 推奨値, 最大値) です。 #web制作 #CSS #コーディング

ちから|“伝わるサイト”制作サポート中@chics390730

メニューを開く

なんか古い都市伝説のサイトみたいになってきた,,, #プログラミング初心者 #Web開発 #HTML #CSS #JavaScript pic.x.com/W5NEDUOnYv

斉藤プロンプト AIムダづかい@saito_prompt

メニューを開く

text-decoration-color: red; が効いていない。 原因を探らないと・・・。 #html #css #プログラミング学習 #プログラミング #コーダー #模写 pic.x.com/jxlV6UVmYm

ゆぬ@プログラミング学習者@kunizumi2

メニューを開く

7月参画候補者を紹介するので、案件概要をDMでご教示ください。 【スキル】 Java(Spring),SQL,HTML,CSS,シェルスクリプト 【経 験】 約3年 【単 価】 55万 【稼 働】 2025年7月~ 【その他】 コミュニケーション良好 #案件募集 #候補者紹介 #フリーランス #Java #SQL #HTML #CSS #Linux

メニューを開く

DAY116:見出しが本文とずれてる? 📌 h2が左に寄りすぎ問題 🔹 padding-left or text-indent の確認 🔹 inner クラスの左右余白と揃ってる? ✅ 見出しも本文も「軸」が大事 #cssやさしく整える日々 #web制作 #codejump #フロントエンド #css

のの | コーディング@nono__design

メニューを開く

conic-gradient()で、最初の引数に回転させる角度、2番目の引数は省略して中央、あとはグラデーションの開始と終了を設定すると、 ボタンの色が変わったり、外枠のボーダーの色を変化させたりとできるので、目立たせたい要素があれば実装するとCTRも上がります。 #CSS

伊集院@ijuin3102

トレンド3:40更新

  1. 1

    スポーツ

    デンベレ

    • 2人退場
    • 数的不利
    • クラブワールドカップ
    • 一発退場
    • 荒れすぎ
  2. 2

    スポーツ

    ムシアラ

    • ドンナルンマ
    • ミュラー
    • ニャブリ
    • スタニシッチ
    • ヴィルツ
    • 曲がってる
    • 長期離脱
  3. 3

    スポーツ

    ノイアー

    • ドンナルンマ
    • クヴァラ
    • クヴァラツヘリア
    • バルコラ
    • パヴロヴィッチ
    • クラブワールドカップ
    • 絶体絶命
  4. 4

    ヒゲドライバー

    • 座ってください
    • OP
    • YouTube
  5. 5

    スポーツ

    アンソニーテイラー

    • レベル高すぎ
    • すごい試合
    • レベル高すぎて
    • 三笘
    • 荒れすぎ
    • VAR
  6. 6

    スポーツ

    バロンドール

    • ヴィティーニャ
    • 数的不利
    • エンリケ
    • すごい試合
  7. 7

    きららジャンプ

    • きららアニメ
    • ZAQ
    • 座ってください
    • 世界崩壊
    • タイトル回収
  8. 8

    スポーツ

    オリーセ

    • ライマー
    • ヌーノメンデス
    • キミッヒ
    • メンデス
  9. 9

    Twitter通知

    • 通知こない
  10. 10

    パリ強すぎ

    • 2人退場
20位まで見る

電車遅延(在来線、私鉄、地下鉄)

遅延している路線はありません

全国の運行情報(Yahoo!路線情報)
よく使う路線を登録すると遅延情報をお知らせ Yahoo!リアルタイム検索アプリ
Yahoo!リアルタイム検索アプリ