TOP カテ一覧 スレ一覧 100〜終まで 2ch元 削除依頼
CSSデザインのサイトを評価するスレ
SEOコンテスト
Netscape6.1の評価
マクロメディア☆STUDIO☆統合スレッド
SEO対策無双 Part11【自演 圏外 ペナルティ 詐欺】
【UD→BIONC】白血病・がん患者を救え!7【@web】
webは求められるスキルが多すぎ!!
HP閉鎖のきっかけ
TABLEデザインのサイトをCSSでどこまで再現できるか
FC2アクセス解析 part4
HTML/CSS のどんな質問にも優しく答えるスレ 42
- 1 :2019/12/31 〜 最終レス :2020/02/21
- ここは初心者からベテランまで、全ての人を対象に優しく答えるスレです
類似質問、重複質問、丸投げ大いに結構。HTML / CSS 関係の事なら何でもOK
分からない人は何回聞いても結構。質問するときはIDを出すためにメール欄を
age にすることをおすすめします。
回答してくれる方は優しい人のみ! 質問者に対して暴言を吐く人はこのスレを見るな!!
終わった話を蒸し返すやつは このスレにくるな!!!
自分で調べろという回答も禁止!!回答するかさもなくば何も書き込むな!!
質問側も節度あるレスで!質問前にスレ内を検索しましょう
■次スレについて
基本的にレスナンバー>>980を取った人(立てられない場合は次の宣言者)が立てて下さい
重複を避けるため、独断でスレ立てはせず必ず意思表示をしてから立てて下さい(>>980を取った場合も)
立てられない事が予め分かっている場合は、>>980付近の書き込みは自重しましょう
■前ス
HTML/CSS のどんな質問にも優しく答えるスレ 41
https://mevius.2ch.sc/test/read.cgi/hp/1568126622/l50
■関連スレ
Webサイト制作初心者用質問スレ part251
http://mevius.2ch.sc/test/read.cgi/hp/1564414228/
■HTML
HTML Living Standard 日本語訳
http://momdo.github.io/html/index.html
■CSS
Selectors Level 4 日本語訳
http://triple-underscore.github.io/selectors4-ja.html
- 2 :
- それにしてもHTML&CSS楽しいな
- 3 :
- >>1
乙
- 4 :
- >>1乙 良いお年を
- 5 :
- >>1
祝ってやる!
- 6 :
- 後一歩なんですがわかりません
コードはほぼ見直したんですが何故か画面が真っ黒なんです
スクリプトを外部から取り込んでるんですがこれが原因なのでしょうか?
- 7 :
- >>6
まずはお餅をよーく見つめて
- 8 :
- https://vintagedope.me/aizomekyouko.html
画面が黒く表示される原因がわかりません
- 9 :
- アダルト違法サイトか
- 10 :
- IE11でwidth: min-contentの挙動を表現させるうまい方法なんかない?
- 11 :
- document.getElementById( XXXX ).style
について質問です。
画像を読み込んで表示し、
javascriptでcss編集して表示位置を任意に変更しようとしていました。
その際、
.left は 「 〜style.left = 数値 + "px"; 」で動かせたのですが、
.top は「 〜style.top = 数値 + "px"; 」では反応しませんでした( top の値が空白になる)
他に追加で
「 〜style.left = 数値; 」
「 〜style.left = "数値"; 」
「 〜style.left = "数値px"; 」
の3通りを試して、「 〜style.left = "数値px"; 」のみ値が入り動いたのですが、どういう事でしょうか。
・数値 + "px" と "数値px" は厳密には違うものとされるのでしょうか
・left はよくて、なぜ top がダメなのかも知りたいです
・見落としあったらご教授下さい
- 12 :
- スイヤセェン… 自己解決しやしたぁ…
- 13 :
- containerクラスのmarginの左右はautoに出来るのに
上下のmarginはautoに出来ないのはなぜ?why
アホすぎるこどおじに教えてください
- 14 :
- "親コンテナにmin-heightのみで高さを与え、その子要素でheight:100%としても高さを取得できない"
これはどのブラウザでも同じ挙動になるからこの仕様で正しいんだと思う。
そこでflexレイアウト。
"flexコンテナにmin-heightのみで高さを与えてalign-items:centerするとIEだけ高さを認識しない"
ってのは有名なバグだが、これは認識するのが正しいのか、しないのが正しいのか。
flexコンテナに対するmin-heightの仕様がはっきりしないんだが、何処かに詳細ないかね?
- 15 :
- $fuschia: #ff0081;
$button-bg: $fuschia;
$button-text-color: #fff;
$baby-blue: #f8faff;
すいませんこれの意味わかりますでしょうか?
https://codepen.io/sadsfff/pen/xxbdpvm
cssの構文ミスで実装できません
- 16 :
- そのSCSS を、SassMeister のサイトに入力したけど、エラーは無さそう
https://www.sassmeister.com/
- 17 :
- ブラウザはscssをそのままでは理解できません、何らかのツールで普通のcssに変換する必要があります
scssをcssと言ってサンプル載せてるような糞サイトが多い弊害かな?
- 18 :
- SCSSそのまま載せてるとこは、いまどきSCSSわからないやつは完全無視決めてるだけだと思うが
俺もそれでいいと思うよ
- 19 :
- 弊害もなにもscss自体素人お断りな言語なんだから
変換すること前提すら知らない奴ははなから相手ではないというだけでは
- 20 :
- scssをcssと言ってサンプル載せてるような糞サイト
なんて一つも見たことがない
- 21 :
- サイトを作っており周りのサイトよりデザインを頑張りたくてcode penを使いました
そしたらCSSの要素が消されて全く見えなくなり…
これじゃcodepenでデザインも綺麗にできません
そこで見たのがHTML CSSにphpを埋め込むという方法です
CSSの拡張子をphpに変えてlink lelで読み込ませる形なのですが これを使うとCSS要素も消されずに使えますか?
- 22 :
- 参考にさせてもらったサイトはこちらですhttps://chaika.hatenaブログ.com/entry/2015/09/23/142635
何とかcodepenの複雑なコードとCSSを共存させて要素が打ち消さずにできませんか?
- 23 :
- codepenを使う理由がないだろ
- 24 :
- この子は去年の暮れからいて
トンチキな質問してレスを楽しんでるだけなので程々に
あまりに適切な回答するとスルーする
- 25 :
- >>23
どうしてもボタンやヘッダーにアニメーションのような機能をつけたくて…
やっぱり無理ですかね…
- 26 :
- >>25
codepenなんて不便なものを使わないで作ればいいでしょ
- 27 :
- >>26
ですかね…
コードが複雑すぎて要素が消されすぎて使いたくても無理でした…
- 28 :
- なんかこの人たちの話してるcodepenと
俺の知ってるcodepenが違う…
- 29 :
- サイトを作りたくてcodepenを使う????
- 30 :
- ただの構ってちゃんだから放置しろ
- 31 :
- とりあえずcodepenはクソという結論を
言っておけば被害者は減るだろ
- 32 :
- codepen何か問題あるん?
コード晒しに便利なツールだと思うけどなあ
- 33 :
- labelタグというのは現在でも使うものなのでしょうか?
pタグでも良さそうと思ったのですが、世間で使われているサイトでは
formの中にあるinputと関連する文字列はlabelタグを使うべきと考えるのでしょうか?
- 34 :
- >>32
作ったものをcodepenで晒す・・・OK
codepenで作る・・・アホ
- 35 :
- >>33
labelはどういうときに使うものと書いてあるかを確認しろ
自分で使い方を考えるんじゃない
- 36 :
- それは後半に書いてる
それに忠実に従うのが正しいか聞いていのでは
- 37 :
- >>33
後半の認識でOKだよ
for属性でinputと結びつけて使うんだぜ
inputと文字列をまとめてlabelで括るだけでなく
文字単体でも良いんだぜ
- 38 :
- >>33
大抵のブラウザはinputと関連付けたlabelはその文字列をクリックしても選択できるようになる
- 39 :
- codepenと言ってる構ってちゃんは俺より酷いな
人間のゆがみ具合がな
コードも歪んでるんだろうな
- 40 :
- ちょっと言い過ぎた
ごめんなさい
- 41 :
- >>35-38
>>38さんの内容が聞きたかった内容です。
今、やってみました。labelの文字列をクリックするとid指定した部分にフォーカスが当たるメリットがあるのですね。
これを実装するべきかどうかを考えると、
ユーザビリティ的にはあったほうが良いのですが必須ではないような・・という感じです。
- 42 :
- ユーザビリティ的にあったほうがいいのなら、積極的に使えよ
必須でない言うなら、pもheaderもulもolも全部divでいいだろが
- 43 :
- よーし、パパ全部div+idだけでサイト作っちゃうぞー
- 44 :
- >>43
HTML5ができる寸前の頃ってそんなサイトばっかりだったよね
んでその頃のサイトが時代遅れで改修されつつあす昨今地獄をみるコーダー
- 45 :
- フレックスボックスでpcで画像を横に4つに並べて、スマホで2つに並べたいんですがどうすれば良いでしょうか?
- 46 :
- メディアクエリ
- 47 :
- >>45
まずはflexboxで普通に横に並べてから、
justify-contentでspace-betweenかspace-aroundで子の配置位置を指定して、
あとはメディアクエリでPCサイズの時は1ブロック辺りwidth25%間隔で配置、
SPサイズで50%で配置。
メディアクエリ書く時はcssフレームワークのグリッドレイアウトを覚えて使ったほうがいいよ。
個別にメディアクエリ書いていくとガチでとんでもない面倒になるので。
参考URL
BootstrapのGridについて
https://getbootstrap.com/docs/4.1/layout/grid/
Bootstrap 4のグリッドシステムの基本を学ぼう
https://qiita.com/tonkotsuboy_com/items/a23ef99041880a698e9f
- 48 :
- Bootstrapってオワコンなんですか?
- 49 :
- 個人的にはまだまだオワコンにはほど遠いと思うけどね
新しいcssフレームワークはたくさん出てくるけどBootstrapほど定着させたものは今の所存在しないし
俺のおすすめはTailwind CSS
- 50 :
- progateやudemyで勉強してるのが楽しくて
社会なんかに出ずに部屋にこもって一生progateとudemyやってたい気分なんですが
そんなダメ人間のこどおじの俺はどうすれば良いですか?
叱咤激励なんでもいいですアドバイスお願いします。(今はレスポンシブデザインの勉強中)
- 51 :
- >>41
ここの質問の7割は俺と君な気がする
君の戦闘力 40
俺の戦闘力 15
くらいだと思うけど宜しくな!
いつかオフ会でもして、コーディングについて語りあいたいものだな
おれはこどおじだけどな
- 52 :
- >>50
progateとかudemyは参考書読んで勉強してるだけの学生となんら変わらんからなぁ
否定はしないけども、それだけをやってたとしてもなんらできる(作れる)ようにはならないんよね。
とりあえず最大でも40時間程度(個人的には20時間)勉強したらさっさと次のステップに進んだ方が効率いいよ。
次のステップとは実際に自分でなにか成果物を作ってgitに上げるなりサーバーにupしてみるってことね。
丸3年以上htmlとcss書いてたけど、結局何が一番役にたったか、成長したかというと「自分で作品を作ってみたから」と言える。
もし就職する時もポートフォリオの一つとして100%使えるから、マジでさっさと手を動かしたほうがいい。
- 53 :
- >>51
1ヶ月に1回書き込むかどうかなので俺じゃないぞ。
今までデータセンターとESXiなどの仮想サーバでlinuxだけやってきたインフラ&サーバエンジニアだけど、
このご時世、バックエンドだけでは必要とされにくくなってきてる。
ここ1年は、フロント周り勉強してるけど、html4で昔やってた知識で止まってたのがアダになっていて、
プロゲもjs以外終わらせたけど、お問い合わせフォームを1つ作れと言ってもhtmlがキレイに作れないんだよな。
divで見えない枠を作るのかのレベル。
一昨日からbootstrap触りだしたけど、styleの記法が全然わからん。
webの仕事はかなり来て待たせているけど、アウトソーシングするより自分でしたいのもあるから
wordpressを先に実用レベルまでやるのが先か。
wordpressを動かすLAMP周りなら息するように構築できるけど、web制作ってこんなに辛いとは・・・
- 54 :
- フロントエンドの人がバックエンドの人に仕事奪われてしまうん?
- 55 :
- >>41
すげー大雑把なこと言うと
<label><input>文字列</label>
このような裸の文字列はスタイル書くときにすげー面倒
inputと文字列の位置をいじりたいときに
- 56 :
- 奪われるどころかますます別々の職種になっていくよ。
フロントなんて昔はhtmlだけだったのが、html5+css3になってjsが増えて、
さらに昨今はjsフレームワークてんこ盛りで移り変わりもめちゃくちゃ早い。
デザイナー寄り(UI/UX)かフルスタック寄り(バックエンド+js+フロントちょい)かでも分かれてる印象あるなぁ
- 57 :
- >>56
96年から始めて99年から商売でやってるけど
HTMLだけでよかったことなんて一度もなかった気がするなあ
その時々で出来うる限界探って
なんとかやりたいことを実現してきた気がする
- 58 :
- CGIとかPHPとか必須な時代もあったなぁ
PHPは今でもWP使うなら必須か
あれもそのうちなくなりそうだけど
- 59 :
- >>58
なんで??
- 60 :
- PHP以外でHTML直書きできる言語あるの?
それともHTML手書きが時代遅れなの?
- 61 :
- >>60
たまにはJSPちゃんのことも思い出してあげてください
- 62 :
- まあjsとcssで出来ることと、jsとphpで出来る事がもう被ってきてるから
全部まとまって1つになってもおかしくない。
みんなどこかでそう思ってるはずだから誰かがやるよ。
- 63 :
- >>62
なんか全然分かっとらんのじゃね?w
- 64 :
- Rails, Sinatra などの、Ruby も多い
Ruby でも、Node.js, webpack, npm/yarn などは必須。
jQuery, Bootstrap
Rails のコピーが、Express, Spring Boot, CakePHP とか
Ruby のテンプレートエンジンはERB で、書き方は、Express と同じ。
<%= name %>さん、こんにちわ!
- 65 :
- Rubyは消えそう
- 66 :
- >>52
俺みたいなこどおじにアドバイスさんきゅうな
モチベってあって忍者の犬が好きなんだよ^^
だから続けられるってものあるよ
- 67 :
- このクソ分かりやすいRuby厨なんなん
- 68 :
- HTML cssしか書けない奴はコーダーと言って
プログラム書いてる奴がプログラマーで、コーダーより上らしいよ
しらんけど
- 69 :
- >>68
今時のおまえらが
20年前の広告代理店と同じこと言って
人を上下しようとするのは
なんが切ねえな
進歩がねえっつうか
- 70 :
- 業界の人間でも無い老齢コテハンこどおじに対して
そんなムキにならんでも。
それぞれ専門でプロとしてやっている人は
互いに無い物ねだりで尊敬し合ってるよ。
- 71 :
- コーダーってバカにされて切れるのかお
こどおじは暇な時は煽るんだお
わかったかお^^
- 72 :
- こどおじのくせに偉そうでワロタwwwwwww
- 73 :
- とりあえず2020年になってhtml/cssのみで作れる物なんてたかが知れてるから
さっさとjs界隈か他の言語に移動したほうがいいとは思う。
少なくとも飯はクエない
- 74 :
- 静的なindex.htmlの新着情報を触ってftpに上げるだけで月収50万の社長の愛人がいるんだが、
htmlの操作が高いのか、それ以外のオプション技術が高いのか・・・
なお、cssは触っていない模様。
- 75 :
- まぁ仕事の難易度と給料は全く比例しないよね
需要と供給で成り立つだけの話し
夜のオプションが高需要なんだろうなw
- 76 :
- >>69
謝るからムキなるなよ
- 77 :
- 俺もちょっとはコーダーらしくなってきたぞ
昔はセレクタとか言うの恥ずかしかったけどな
今ではセレクタだけでなく、プロパティ名、値、までしっかりと言えるようになってきた
忍者わんこでも極めて行けば成長するもんだな
履歴書に忍者わんこ好きのこどおじですって書いてIT企業に面接に行くのが楽しみじゃわい
- 78 :
- IT企業って言ってる時点で寒い
- 79 :
- >>73
結婚出産で一旦辞めて、子供育ったから再起
みたいなおばちゃん何人か集めて使ってるけど
だいたい10〜25万くらい払ってるんで
食えないってことはないだろうな
これを生業にするのは厳しいとは思うけど
- 80 :
- 「あいうえおーーーーーーーーーーー(めっちゃ長い)ーーー」
みたいなテキストを限られた幅のテーブル内で表示するとき、
chrome だと
あいうえおーー
ーーーーーーー
ーーー
という感じでそのテーブル内で折り返して自然に表示してくれるんですが、
FireFoxだと
あいうえお
ーーーーーーーーーーーーーーーー
みたいになって、横棒だけで改行をして、
テーブル幅も勝手に変えて横長になってしまいます。
FireFoxでもchromeみたいにテーブル幅で折り返してほしいのですが、
これはどうしたら解決できますか?
- 81 :
- >>80
cssの
word-wrapかwhite-spaceで
- 82 :
- おまえらこどおじって言いたいだけだろ
- 83 :
- line-breakってなんですのん?
- 84 :
- お前らに聞きたいことがあるお
真面目な質問だお
MacBookで開発するときに、エディタで書いたコードファイルはどこに置くのがベスト?
マックって保存先が書籍とかuserとか色々あるじゃない
どこが一番ナウいの?
- 85 :
- 書籍とか使ってるやついるのか?
保存は好きなフォルダ使って好きな場所に保存する
macにはCドライブとかDドライブとかいう概念はないので
どこにでも作っていいしどこに置いてもいい
管理的な面でユーザー内に作る事が多いけど
- 86 :
- デザイナーはMac使うのが当然だって信者が言ってた
でもコーダーってデザイナーじゃないよね
- 87 :
- プログラマーはLinux使うのが当然だと言う人もいた
でもコーダーってプログラマーじゃないよね
- 88 :
- >>87
コードを書く人がコーダーだよ
プログラムのコードを書く人は当然コーダーだよ
つまりプログラマーはコーダーでもあるのだよ
このような論理的思考はプログラムに大切だよ
- 89 :
- いやWebコーダーじゃん
プログラマーじゃないじゃん
- 90 :
- data urlにてローカルファイルを参照させる方法はないのでしょうか?
data:から始めるとdomain無しなので同一マシンと認識されないということなのか、file:///〜と絶対パスで指定をしてもローカルファイルは無視されてしまいます
- 91 :
- >>86
広告系だと業界標準だからしゃーない
- 92 :
- >>90
ローカルファイルにアクセスできちゃったら困るだろ色々と
- 93 :
- そうなんですが、ローカルなhtmlからは何の障壁もなくアクセスできるのでそれと同じ事をしたいのです
- 94 :
- >>93
そうなんですが、ってお前分かってないよね?
それと同じことをしたいというのなら、
お前のHDDの中身をP2Pで共有してくれるか?
- 95 :
- >>94
ローカルで生成したdata urlでローカルファイルを外部にアップロードする手法があるならぜひとも教えてもらいたいです
出来るのであればHDDの中身全て差し上げます
- 96 :
- >>95
data urlでローカルファイルを参照することはできません。
冗長に言えば、ローカルで生成したdata urlでローカルファイルを外部にアップロードする手法はありません。
だから教えることもできません(爆笑)
- 97 :
- >>86
そんな恥ずかしい信者まだいるのか?
- 98 :
- >>97
信者とか関係ないと思う
ウェブ制作業やったことあるなら理由もわかるだろ
素人だったらごめん
- 99 :
- >>98
じゃあ素人にも分かるようにデザイナーならマックでないといけない理由を教えてよ
- 100 :
- 一ヶ月でかっこいいサイトを作るとこまでいける方法を教えて
100〜のスレッドの続きを読む
有名リモホ(RemortHost)/偽装UA(UserAgent) 2訪目
【イカれた】goo テレビ番組ナビ【横幅】
Web標準 XHTML+CSSデザインサイト
【みらくる】XHTML 2.0 (その2)【ドリーム】
この野郎スレ第四弾だこの野郎!!
1日7〜99hitぐらいの人のスレ 12hit目
相談サイトを語るスレ
1日1000hitだけどアクセス解析入れました。
【SEO】Google対策 パート61【Google】
有名リモホ(RemortHost)/偽装UA(UserAgent) 2訪目
--------------------
@@@ めざましテレビ Part109 @@@
骨髄バンクのドナー候補が右往左往するスレ10
【税収】 安倍「史上空前の好景気かつ消費税アップで過去最高の税収へ。これが安倍の実」→景気悪化で2兆数千億円の減収 [219241683]
【熱中症call7回無視】堀内三佳118【冥土復帰人形顔】
【Ripple】リップル 669【XRP】
金ネ申同人雑談スレ2
粗チンのソリゴミ松田-関西交通量226-穢多の元は餌取
サーファーのファッション
イタイイタイ病も有機水銀が原因物質と判明している
三橋淳 八百長で永久資格停止処分
機動戦隊アイアンサーガ 30機目
【電源装置】鉄道模型のパワーパックについて5【コントローラ】
レディス4 司会:高崎一郎 2
NHK京都放送局 7
【米朝会談決裂】「非核化赤信号」「破局の始まり」=と韓国紙[3/1]
グランブルーファンタジーマグナスレ309
SHIROBAKO 469箱目
【経済】化けの皮がはがれたアベノミクスは泥沼
スケブ男についての情報
【バーチャルYouTuber】ホロライブ総合スレ#9【ホロライブ/hololive】
TOP カテ一覧 スレ一覧 100〜終まで 2ch元 削除依頼