- すべて
- 画像・動画
並べ替え:新着順
去年は一つ一つ丁寧にコードを調べながらやっていましたが,今はレイアウト見ればChat GPTのように頭の中に htmlとcssが浮かんできます。 別に特殊能力ではなく、10,000時間コーディングしてれば誰でもそうなります😂 意識をしてやり続けていると無意識にできるようになるんですよね〜…
6/9学習記録 今週まで終わらせる目標だったLPトレース 終わりました☺️ 実際のwebページから検証ツールを使っては最初は時間がかかりましたが、かなり前にHTMLと CSSを少しだけ独学でやっていたのが良かったです。 オートレイアウトとコンポーネントの大事さも身にしみました!! #デイトラコミュニティ
bootstrapを一日勉強した感想:保守性を無視+それっぽい画面を適当に作りたいなら使えそう。 少しでもレイアウトなんかに拘るとしんどいしHTMLがカオスになってくる。 業務システムで使えそうなCSSライブラリないんかね。
返信先:@JTCraft_MANcssあたりをまずやっといてからレイアウトに入るとわかりやすいかと HTML5でもできるっちゃ出来ますがcssの方が楽で幅が広がるはずなので ただ、そこまでやっても仕事に繋がると言い難いのが難しいところです。 と、言うのも今高校で基礎を習ってくる若者たちはプログラムの基礎もできちゃうんですよ
HTMLはあくまでも土台を作るものであり、CSSはその土台に対して「デザイン」や「レイアウト」を決める役割を果たします。 CSSにより、文字や背景の色を変えたり、カラフルな線を引いたり、余白を調整したりして、”ウェブページの見た目をきれいに”カスタマイズできます。
Webサイト(ホームページ)作成でよく見るCSSって? **CSS(Cascading Style Sheets)**は、ウェブページのデザインやレイアウトを整えるための言語です。 HTMLで作成された文書の見た目に関する指示を行います。 具体的には、文字の色や大きさ、背景、配置などを設定します。
お昼休み中にご飯食べながら観て頂けたら嬉しいです。 【HTML/CSSの超初心者、超未経験者向け】 ページのレイアウト(display flex, width, heihgt) 最初は分らなくても、少しずつ覚えていけば大丈夫です!楽しんで出来るかどうか、それだけです! pic.twitter.com/duqItALJQN
おすごとのよくわからん話 ・HTML+CSS ・サイトのガワは外注でほぼ整形されている ・HTML内に挿入する画像の作成を頼まれた ・仕様ではスタイルなしの直貼りで透過gifだったので、レイアウトに配慮してサイズとファイル名と拡張子を合わせて画像編集ソフトで作成 →Wordで作ってスクショで撮れ
これは、遥か昔WEBサイトをローカルに保存していた小鳥猊下のテキストです。私はこのhtmlが崩れてレイアウトもクソもなく、ヌリカベのようなシルエットの小鳥猊下の玉稿を幾度となく読み返したものですが、今の方は幸運です。眼精疲労と戦うことなく、ブログの綺麗な形でnWoが読めるのですから! pic.twitter.com/IIKGABndOg
これが小鳥猊下を満天下に知らしめる最後のチャンス(人間の耐用年数的に)。 雑文「猫を起こさないように(nWo)・復活のテキストサイト」|小鳥猊下 @1townspeople #note note.com/kotorigeika/n/…
GTPは最新AIのGTP-4oをお試しで使える仕様なんだけど、お試しの回数を超えた途端、回答のレイアウトが崩れちゃうんですよね。太字が太字でなくなったり。 htmlで例えるなら、<b>タグがそのまま<b>という文字列で表示される感じ。 試用を超えたら3.5に戻す移行が上手く行っていない。
【速報】Gemini 1.5 Proが日本語性能トップに ユーザー投票でランキングが変動するChatbot Arenaの日本語カテゴリにおいて、Gemini 1.5 ProがGPT-4oを抑えてNo.1の座につきました。しかも、Google AI Studioから無料で使えます。Gemini 1.5 proの厳選した5つの活用事例をスレッドにまとめました🧵👇
返信先:@siteyuujsライブラリはHTMLのエンティティにアクセスできないから最初にUIを自動生成しなければならず初期化待ちがあり画面のレイアウトが変わる(変わらないように作ってもない)からむりと思う この致命的欠陥を誰も問題視しない。 他に解決してる人見たことないから希少なんでしょ x.com/BSea71/status/…
人間からすると遅いけど、Web系でダメな理由はもう一つあって今どきのUIは動く。 操作してる人は位置を覚えて先行入力して機械の遅さをカバーしてるけど、それができない。 昔のシステムとか使ってる人だいたいこんな感じ。
📍訓練59日目 📗webデザイン概論3 レスポンシブデザインとは、1つのHTMLファイルをCSSにより異なるデバイスの画面サイズに応じたページのレイアウト・デザインに調整して表示させる手法。レイアウトはレスポンシブ、リキッド、フレキシブルの3種。午後は自分で好きにサイトデザインするワーク🎶
BEM命名規則のモディファイアの活用がいまいちで、レイアウトが崩れてきた。そのせいでnth系を連発して、可読性も低くなってきた。 こうなったらHTMLから見直すべきだよな……。 こうやって言語化したら、落ち着ける。 パニくったら駄目。
EC-CUBEのマイページを元に他のコーダーがコーディングした静的HTMLページ 組み込みを担当 デザインが、、、カンプと合っていないところ多々あり レイアウト壊してるし、、、 だめじゃんこれ むせび泣いている、なう はい、全部私がやり直しますよー
#デイトラWeb制作 42日目 (Total:97.5h) #朝活 ☑︎4:00〜5:30 中級編 OHA! mvの途中まで PC版レイアウトを考慮したhtmlを..という点で contentsの中のimgではなく contents/img 表現力が足りませんが、 たしかに💡と学びました🤭 典型的な文系B型女、頭の中整理して頑張ろうと思います🤤
『作って学ぶ HTML+CSSグリッドレイアウト』を読んでるんだけどBootstrapのグリッドシステムって時代を先取りしたものだったのか。Flexboxと比べるともう古いものだと思って最近は使うの避けてたわ
HTMLとCSSは HTML (HyperText Markup Language): ウェブページの「骨格」。例えば、家の柱や壁みたいなもの。テキストや画像を配置するための言語。 CSS (Cascading Style Sheets): ウェブページの「デザイン」例えば、家のペンキや家具みたいなもの。色やフォント、レイアウトを整えるための言語。
■チャンネル登録者数540人達成! 6月はできれば毎日2本更新で60本投稿したいです。 ・グリッドレイアウト ・CSSアニメーション ・HTMLのform関連 これらのコンテンツを全て作れたらば最高です!!!頑張ります。 pic.twitter.com/X7Sr2ZucTT
スマホでの閲覧が増えている今、モバイルフレンドリーなサイト作りは必須です。以下のステップで、あなたのサイトをモバイル対応にしましょう! 1. **レスポンシブデザインを採用**: HTMLとCSSを使って、デバイスの画面サイズに応じてレイアウトが変わるレスポンシブデザインを実装します。 2.…
たぶん、わたしはHTMLとCSSが専門性だから、Figma上でどのようにオートレイアウトを設定するか(=CSS)や、ページ上の情報設計(=HTML)、CMS上でどう使うか(=HTML/CSS)というところに興味があるわけ。
スキャンした画像で固定レイアウトのEPUBを作ろうと思って、作り方を見てたんですけど、XMLの内容が結構面倒くさくて、全画像のパスを記述しなくちゃいけないみたい。 各ファイルを1枚づつHTMLに貼らないとダメですし。 そこで、gulp使ったら自動化できるんじゃない?と思った次第です。
すごいなー。洗練されてる。 自分も20年数前にユーザビリティにもメンテにも優れたWebサイトだ!って提案した。 当時先端だったhtmlとcssを完全分離の可変レイアウトで俺すげーと思ってたけど、飾り気がない、手抜き、バナーとかFlashとかって言われて惨敗した(そりゃね笑 説得力が違う。すごい。
デジタル庁の公開したデザインシステム、アクセシビリティ面にすごい気を使っているのも素晴らしいが、私としては、GitHub で React や TailwindCSS のコードを公開しているところが胸熱です。デジタル公共財! 今後コンポーネントも充実させていく予定とのこと。 design.digital.go.jp