office takec - パート 9

【デザイン】デザイン業務に使えるサイト

Slam Blurr Wallpapers Resume Templates Phone Clay Mockup

HTMLをコピペするだけで1発でCSSを生成してくれるサイト。このサイトを使用するようになってからCSSで記述する時間が減り、コーディング速度が1.5倍位早くなったと思う。

CSSのコメントアウトの使い方。セクション毎に分けるだけで視認性が上がり、修正の時でも探しやすく保守性が高くなる。これをするだけで他者からの評価は上がります。スニペット登録は必須。

通常では表現できないfont-size:10px以下を実装する方法は以下の通りに実装するとできます。具体的には要素全体を0.9倍縮小させれば実質的に9pxを再現できます。かなり力技ですが、テキストで対応してほしいと

vistacreate 簡単にデザインが作れるツール loom ノウハウ動画制作ツール APPLAUNCHPAD モックアップ画像作成ツール

ChatGPT CTl + Enter Sender ChatHub – オールインワンチャットボットクライアント Perplexity

Scribe マニュアル作成ツール Gamma Notta 文字起こしツール Chat with any PDF PDFファイルを要約したりできるツール tl;dv 会議の録画や文字起こしツール Deep L 翻訳ツール

以下ように記述し、CSSでPCとSPでテキストの改行箇所の調整を行います。実務の8〜9割は使用することが多いテクニックなのに、意外と参考書に書かれてないので覚えておくとGOOD

See the Pen Untitled by 山崎毅 (@lvfthhbg-the-flexboxer) on CodePen.

See the Pen Untitled by 山崎毅 (@yotreejs-the-looper) on CodePen.