overflow-wrap(word-wrap)、word-breakやら、結局どれがいいの？について検証
#経緯 この検証をする前は、 こんな感じの知識で仕事をしてました。 「うわっ文章、枠からはみ出ててもうてるやん。」 「とりあえずword-wrapとかword-breakいれといたらええんちゃう...
3
3
Comment1
17 search resultsShowing 1~17 results
Stocked
You need to log-in
CSSのanimation-timelineを「発火」として使うスクロールアニメーション
「働いたら負け」を提唱するニートのように、「js使ったら負け」を提唱するデザイナーしてるワイ。 animation-timelineを使ってみて「おお、すげー！」と、初めは感動したものの、、、 ...
0
0
Comment0
v-html使ってる人、今すぐやめて。
先日プログラマに怒られまして。 機能的には 「ちょ！ なんでここ、v-html使ってんの？」 「えっ？ ユーザが入力した改行とか死んじゃってたんで。」 「あかんよ！ 脆弱すぎ。」 「・・・。 な...
0
0
Comment0
grid使ったらheight:autoのトランジションのアコーディオンできんで。
はじめに いつもお世話になってるコリスさんのこの記事みて、 久しぶりにテンションが上がったので早速やってみた。 Web制作者の念願がついに叶った！ height: 0;からheight: aut...
1
1
Comment0
headerもmainも高さを固定にできない時。
headerの高さは固定にしたいけど内容によっって高さが変わる可能性がある。 mainも同様で、どちらの高さも決めれない場合に頭を抱えた。 経緯 管理画面の開発していると、ユーザの設定内容によっ...
0
0
Comment0
擬似要素 :placeholder-shownについての忘備録。
経緯と説明 フローティングラベルがcssだけで実装できる擬似要素、 :placeholder-shown。 なになに！ そんなんあるん？ と思って色々サーフィンし始めた、お仕事中の午後！ 手始め...
0
0
Comment0
うちのフロントがvueでテクニカルなツールチップ作ってて、やるぅ〜って思った話
概要 いやいや、vueでツールチップ作ろうと思えば簡単に作れるよね。 v-ifとか、detailsとか使えば余裕っすやん。 ってお思いの方は多いはず。 でも、難しいのが、 表示箇所以外をクリック...
27
37
Comment0
【Vue3】 transition-groupをtableで使う方法の忘備録
単純にtbodyのattrをこうする。 <tbody is="vue:transition-group" name="list" tag="tbody"> is="vue:trans...
0
0
Comment0
【教えて欲しい】tailwind css / applyは使いすぎたら問題ある？
うちの開発チーム内、 tailwindの運用方法で一騒動ありまして。 @apply使ってるけどちょっと心配になってる。 ことの始まりは、WEBシステムの大規模リファクタリングに対して、 フロント...
0
0
Comment0
【初心者向け】cssのclass名の付け方って、どんな名前をつけたらいいか分からないよね。についての回答。
WEB業界に入ってhtml / cssを学習し始めた頃、 えっclass名って、どんな名前を付けたらいいの？ っていう問題が自分の中でありました。 当時の僕はこう思っていました。 ###「どんな...
1
4
Comment0
Vue 子から親へ コンポーネント間のデータ受け渡し
Vueの親子間コンポーネントのデータの受け渡しが よくわからなくなるので忘備録。 今回試したやつ 「子にあるボタンをクリックして、親が持ってるdataを操作」 子に@click="submitO...
86
59
Comment0
Vue 親から子へ コンポーネント間のデータ受け渡し
親からから子へデータをどうやって送ればいいの？ってことで忘備録。 【送り方】親にある子コンポーネントのタグにバインド(:)で付けると色々送れる。 <kodomo :koreageru="p...
60
46
Comment2
CSSで隣接する兄弟要素 「+」 はめちゃ便利
なぜ兄弟要素 + は便利なのか？ 私は仕事でWEBシステム作っています。 なので基本的にデータは可変だし、 タグについてもシステム側からはき出されたりするので、色々想定して作らないといけない。 ...
5
4
Comment0
propsで受け取った値を、チェックしてdataに格納する。
受け取ったpropsの値をチェックしてからdataに格納したい。 親から子に値を渡す時は、子はpropsで受け取れます。 受け取った値を子コンポーネント側でチェックするにはどうしたらいいの？ ....
1
2
Comment0
Vue-cliでlocalhost:8080が接続エラーになる件の原因と解消［macとeset使用の場合］
あらすじ 勉強がてらVueの開発環境を一から自分で作ってみたい！ と思い立ったある日のこと。 いろいろ調べるうちに便利そうなのあるやんと、Vue-cliを発見。 ネットサーフィンをしながら情報を...
2
2
Comment0
htmlとcssのみで簡易的なダイアログを作る方法
記事を読んでて、ちょっと感動したので、勉強がてらの忘備録です。 :targetを使うやつなので、 「はいはいそれね。」の方は、大事な時間をロスするかもしれません。 お戻りください。 こんな感じで...
3
3
Comment0
HTML <div>組みからの脱却 〜ファーストステップ〜
「まずはdivタグどんどん使っていいからhtml作ってみよう」 今の会社に入った時、DOMってなんぞや？ぐらいの知識しかなかったので、 とりあえず仕事ができるように、そう言われて何の違和感もなく...
1
0
Comment0
17 search resultsShowing 1~17 results
Qiita is a knowledge sharing service for engineers.
- You can follow users and tags
- You can stock useful information
- You can make edit suggestions for articles