Top Tweets for #PerfectPixel
🔸DAY11｜デイトラ中級：修正編
昨日のズレ、無事に修正できました！✨
原因はやっぱり、1つ前のセクションで
レイアウトを整える指定が抜けてた😇
ちゃんと確認して、ズレも解消🙌
これで安心して次に進めそう✍️✨
#デイトラ #Web制作 #PerfectPixel #学習記録
本日は過去案件の流用で複数応募✨
明日は傾向が見えてきた #ママワークス に集中予定。
一方コーディングはチョー楽しい！
難しくないデザインカンプではあるものの、 ざざっと書いたもので、ささっと #PerfectPixel で一致するとやはり嬉しい😆
#デイトラ #営業支援コース #WEB制作
2/28-3/1学習実績 7h(Total : 147h) ✅中級編DAY8,DAY9完了
#デイトラ #Web制作 #デイトラWeb制作中級編
#PerfectPixel
デザインカンプからのコーディング学習を進めている。
本当に少しずつだが、カリキュラム動画見ながらコーディングしていて次にどんなコードを記述するか先にわかる機会が増えてきた😃
(学習メモ)
・Chrome拡張のPerfectPixelを使った確認＆修正
手順
1️⃣デザインカンプのSP版及びPC版の全体画像をエクスポート(1倍で)する
2️⃣Chrom検証ツール上で、Perfect Pixelを開く(画面右上拡張機能アイコン)
3️⃣画像をドラック&ドロップして取り込み、1.0倍に設定して、👁️マークオン確認(表示オン)、🔒マークオン(固定)にする。そして、ーを押して閉じておく(添付参照)
⚠️デザインカンプの数字とPerfectPixelとでずれがある場合どちらを優先する？
→デザインカンプの再現度を高めるという目的であれば、PerfectPixelとのズレを優先して調整する！
＃デイトラWeb制作 #中級編 #PerfectPixel
PerfectPixelでの画面調整の際に、下に大きくずれた件
結論、https://t.co/WwBSfcyMHzの閉じタグを、section.how-to-useの閉じタグの下に配置してしまっていた。。。
Progate学習の時にも同じミスを１回やってしまっていた。
昨日、偶然他のチャット内でProgateの話題になって、そのミスのことを思い出したら、まんまとそのミスだった。
昨日の方、ありがとう！
その他、自分なりのPeerfectPixelでの確認方法を以下に記す。
・10pxを超えるような大きなズレの場合、paddingやmarginがあたっていない箇所がないか、デザインカンプを元に、検証ツールで確認する
・フォントがあたっているか確認する。HTML内のgoogleFontの記述が間違っていた。（chatGPTで確認した）
・外枠追加分としてのborderのpx分、その適用されるpaddingをcalc計算する。border:4px padding:50pxなら、padding: calc(50px - 8px)
・aタグなどのborder-bottomなどの罫線分の、vertical-align: topを適用https://t.co/RxxB3W3CW8
その他
margin-topとmargin-bottomは相殺されてしまうので、じぶんなりにmarginはtopかbottomか、どちらかを使うようにする
https://t.co/49sIMxvobV
＃デイトラWeb制作 #中級編 #PerfectPixel
DAY14
はじめて、デザインカンプと大きく上にずれた。
全体的にずれているので一つのクラスにmargin-topの数値を100ほど増加すれば合う。
しかし、講義動画を見返したり、見本のコードを確認したが、数値は同じ。
こういう事もあるんだなぁ、と2時間経っていた。
やっぱりもう少し確認しようか、、、
#デイトラWeb制作 ＃PerfectPixel #中級編
DAY11
HTMLの記述の際に階層やタグをワザと間違えて記述して即修正しているようで、こちらもより考えながら講義を受けられた。
PerfectPixelとデベロッパーツールを使用しての微調整時に気づいたことが。
classやidなどのセレクタごとの余白のチェックは、セレクタモードを解除してツール内で行う方が漏れがないと感じた。
セレクタモードだと.news__listsのチェックがうまくできなかった。
https://t.co/PcSYgnWnjm
https://t.co/4mQAkuSlC4
PerfectPixcelは一旦完了（最後に見直し予定）。まずaltの入力を実施。続いて文法チェックに入る。いくつかエラーが見つかり修正実施中。現在１／３程度で引き続きチェックを行う。
#デイトラ #WordPress #PerfectPixel
上級編継続中。今頃になってmixinに不具合😅。767pxが定義されていないことに、、、。少々調べて記載を変更したが、次回からmax-widthは使わない方がすっきりかけるような気がする。あとは問い合わせ完了後のpcを残すのみ！！
#デイトラ #WordPress #PerfectPixel
【ツール紹介：コーダー編🛠️】
Web制作会社のコーダーがよく使うツール３選をご紹介いたします💻✨
弊社のコーダーさんはオウンドメディアから案件まで様々な分野で活躍しています！🧑💻
ぜひ参考にしてみてください🥳
#Webデザイン #Webトレンド #Vscode #Git #PerfectPixel
上級編。PerfectPixelもだいぶ終盤になってきた。Contactフィールドのデフォルトの文字修飾など、まだCSSが頭に入り切っていない部分もあるため復習しながら実施中。上級編もそろそろラストスパート！
#デイトラ #WordPress #PerfectPixel
上級編継続中。CSSもある程度書けるようになってきたかと思うが、PerfcetPixelをしていると、最初からもっと良い記述ができたと反省あり。日々進歩しているので良しとして前進！！
#デイトラ #WordPress #PerfectPixel
本日もメインはPerfectPixel。実施中にニュース記事の文字数制限が必要なことが分かり追加。index.phpのspについては終了。順調😆。明日からPCのPerfectPixelに入る。
#デイトラ #WordPress #PerfectPixel
昨日は更新忘れたので、朝一番でPost。昨日はhoverができず、結局講師へ問い合わせ、、、。解析的にはあと一歩までだったので、まあ良しとして前進する。
#デイトラ #WEBコーディング #PerfectPixel
本日は少々苦労。gapが反映されない。おかしい、、、。色々やった結果</div>が一つ抜けていた、、、。VS Codeで保存すると勝手に並びをきれいにしてくれるんだけど、バグのためやってくれなくなっていた、、、。勉強になりました！（ポジティブ思考😅）
#デイトラ #WEBコーディング #PerfectPixel
本日初めて質問を実施、、、。質問のテキストはきちっと反映されているようだったんだけど、今見ると無い(^^;)。今少し様子見。
でも、今日は１１月とは思えない暑さ！地球温暖化を感じる。
#デイトラ #WEBコーディング #PerfectPixel
中級編DAY4課題 DAY5💡
▶️DAY4の残り課題作成→レスポンシブ
▶️DAY5 Perfect Pixel
課題をこなす事にコーディング早くなった気がします👍笑
Perfect Pixel便利です😁再現性が向上します👍
#プログラミング初心者
#デイトラ
#WEB制作
#PerfectPixel
Last Seen Hashtags on Sotwe
Trends for you
Most Popular Users
Elon Musk 
@elonmusk
241.6M followers
Barack Obama
@barackobama
119M followers
Cristiano Ronaldo
@cristiano
114.2M followers
Donald J. Trump
@realdonaldtrump
111.8M followers
Narendra Modi
@narendramodi
107.2M followers
Rihanna
@rihanna
98.7M followers
NASA
@nasa
92.4M followers
Justin Bieber
@justinbieber
91.8M followers
KATY PERRY
@katyperry
89.9M followers
Taylor Swift
@taylorswift13
83.8M followers
Lady Gaga
@ladygaga
75.3M followers
Virat Kohli
@imvkohli
73.1M followers
Kim Kardashian
@kimkardashian
70.8M followers
YouTube
@youtube
68.8M followers
Neymar Jr
@neymarjr
66.2M followers
Bill Gates
@billgates
65M followers
Selena Gomez
@selenagomez
62.9M followers
The Ellen Show
@theellenshow
62.3M followers
CNN
@cnn
61.8M followers
X
@x
60.7M followers