デザイン上でテキストボックスの上下の余白がなく、line-heightが絡むと綺麗にコーディングしにくい場合の解決法です。
最近はFigmaなどのWebデザインツールの気が利いてるのであまり問題にならないかもしれませんが、困っている方はぜひお試しを。
itokoba.com/archives/1286
#Web制作 #CSS
@hideki-climax
【案件特化のWeb制作の知識を発信】 フリーランス8年目|「世界一初心者に優しい」→セカヤサ| Web制作で生きる人を輩出し続ける人 技術ブログ: http://itokoba.com 雑記ブログ: http://zakki.itokoba.com セカヤサBooks: http://zenn.dev/hideki_climax?tab=books 実績: https://tan-band-c66.notion.site/37abe7077b184b338fd8f53f6873ca1d
デザイン上でテキストボックスの上下の余白がなく、line-heightが絡むと綺麗にコーディングしにくい場合の解決法です。
最近はFigmaなどのWebデザインツールの気が利いてるのであまり問題にならないかもしれませんが、困っている方はぜひお試しを。
itokoba.com/archives/1286
#Web制作 #CSS
OpenAIのサム・アルトマンが作ってる仮想通貨もらいに行ってみた。
アプリインストールして虹彩登録したら使えるように。
虹彩登録は新宿など実際に登録する機械があるところでやるんですが、なんか近未来って感じでした。
まあ気づいたら消滅してるかもしれないけど笑
アプリインストールはこちら→ join.worldcoin.org/6EZPYFX
取得方法→ nochihareblog.com/start-worldc...
Sassの目玉機能としてよく&記法が紹介されます。
入れ子にしたとき、クラス名の文字列を結合してくれます。
例)----
.Box {
&__Child {
color: red;
}
}
---------
確かに記述量は減るので効率が良いように見えるのですが、コード検索にかからないという最大のデメリットがあるんですよね。
これが本当に最悪で、大きいプロジェクトだと数百ファイルの中から手作業で探さないといけなくてやばいです。
安易に使わないようにしましょう。
CSSのdisplayプロパティの書き方が新しくなってから久しいですが皆さん使ってますか?
新記法では2つの値を指定するようになっています。 1つ目の値がボックス自身の、2つ目の値がボックスの中(=子要素)の挙動を制御します。
もちろん従来の書き方も可能です。
#Web制作 #CSS
なんか意外と知られていないんですが、Codeiumっていう無料でAIがコーディングしてくれるVSCodeの神拡張機能があるんですよね。
GitHub Copilotがネームバリューすごすぎるからかな?
これ知らないのマジでもったいないんでマジで使ってみてほしい!
marketplace.visualstudio.com/items?itemNa...
著作権周りで何かと話題、炎上する #生成AI 。
実は自分のサイトに載せている情報なら学習させないようにブロックすることができます。
ちょっと設定を書くだけですのでぜひお試しを。声を上げるだけではなく、しっかり自衛も忘れずに。
itokoba.com/archives/10044
転職や案件獲得に必要とされるポートフォリオ。
しかし近年はスクールの流行により似たようなものばかり見せられ、採用担当者もうんざりだそう。
そこで本当に採用されるための方法を徹底解説しました。 転職を目指している方は今すぐクリック!
itokoba.com/archives/9617
コーダー必見!VSCodeでWeb制作のコーディングを加速させるショートカット一覧を公開しました。
知っているか知らないか、こういった小さな差が積み重なって大きな差を生みます。
効率的にコーディングしましょう!
itokoba.com/archives/9832
LPを画像コーディングすることのメリットデメリットを徹底的に解説しました。
実は画像でコーディングすると離脱率の上昇やクリック単価の高騰など思いもよらないリスクがあるんです。
解決策も書いているので知りたい方はぜひ読んでください!
itokoba.com/archives/9714
何事も、前提の話が分かってないとそこから何を言おうが頭に入らないですよね。
例えばReactってコンポーネント指向から説明されることが多いけど本当はその前に「宣言的UI」について触れるべきだし、
WordPressも「テンプレート階層」と「メインループ/サブループ」が理解できないとかなり詰む。
この辺が分からないといつまで経ってもコピペエンジニア以上になれない。
「報告連絡相談ができないのは問題」←正当な批評
「報告連絡相談ができないのは小学生以下、園児ニアだ」←レッテル貼り(お人形遊びとも言う)
この違いが分からない人には発信する資格がないと思う。
後者は要するに、自分が攻撃したい対象を「自分以下の存在である」と都合よく認定する行為。
まあそうは言ってもGoogleのシェアが現時点では圧倒的だと思うが、代替サービスや次世代サービスと言えるようなものがその牙城を崩しつつあるということか。
markezine.jp/article/deta...
Web制作、もしくはプログラミングを学び始めた段階では間違える人がほとんどだと思うので共有しておきます。
Web制作とWeb開発、言葉は似ていていも中身は全然違います。向き不向きも大きく変わってくるので必ず確認しておきましょう。
itokoba.com/archives/2790
なんか知らんけど、もしかして「Webエンジニアならいくら見下してもいい」みたいな風潮ある?
ゲーム開発の人からすると「Webは誰でもできる」らしい。
各カテゴリーのエンジニアが何をどの順番で学ぶべきかがまとまったロードマップ集があるんですけど、これまじで神なんで全員ブックマークしておいてください。
この通りに学ぶというよりも、その分野の全体像がある程度見えるというのが一番の価値。
roadmap.sh
#ITエンジニア
こっちでも変わらず色々発信していきます〜
Web制作とかフリーランスとかの話をよくしますが、こういう細かい技術的な話もします。
itokoba.com/archives/6854
テスト