デザインの現場系

本

デザインの現場あるある記事

運営しているクリエイター: ひとみ

#コーディング

品質の高いcssを書くポイント

議題に上がりにくいcssの書き方ものすごく複雑なcssでも、表示が問題なければほぼ指摘されません。ましてや知識がない人、クライアントは指摘しないでしょう。コードレビューをしたくても、大抵時間がなくそのままという案件も多いので難しいところです。次に触る人のために引き継いだコードを見て何かしら「わぁ…＞＜」と思ったことはないですか？結構辛いですよね。次に触る人のために、保守性・拡張性の高いcssを書けるようにしましょう。基本ポイントを３つに絞りましたので是非覚えてくだ

コーディングで忘れがち、だけどやっておきたい3つのこと

この記事はこんな型向け・コーディング初心者・久しぶりの実装・工数を見積もるので参考が欲しい faviconの設定favicon（ファビコン）とは、ブラウザタブの左上についているアイコンのことです。 ●作り方 ①画像を準備する一辺260px以上の正方形PNG画像を作成します。 ②準備した画像をfaviconに変換するジェネレーターは検索するとたくさん出てきます。この記事では私がよく使わせてもらっているツールで説明します。 Favicon Generator.

スマホで動画を自動再生させたい

この記事はこんな方向け・動画の自動再生方法がわからない・スマホで自動再生にできない動画を自動再生させたいという要望がよくあると思います。 videoタグを配置するだけなら簡単ですが、スマホでもとなると難しくなってきます。 videoタグ動画を自動再生する通常PCから見た時は、videoタグに属性「autoplay loop muted playsinline」を記入すれば自動再生がされます。 autoplay：自動再生 loop：ループ muted：無音 pla

DTPデザイナーさんが作成したaiカンプを、コーディングするときに知っておきたいこと

この記事はこんな方向け・DTPデザイナーさんのaiカンプコーディングのコツを知りたい・細部にこだわったコーディングを求められている・コーダーさんに詳細な指示を出したい元記事（以前私が投稿したもの）：https://qiita.com/cawmate_hitomi/items/7901dcae2f5a8adf7ffd DTPデザイナーさんからのaiデータをコーディングする機会がありました。 WebとDTPでは知識やこだわりが違うので、だいぶ衝突・・・・・ブラウザ