しまちゃん＠ぴよぐらみんぐ

しまちゃんです🐤おえかきとラーメンがすき。「ぴよぐらみんぐ」で、はじめてのホームページづくりに挑戦中!HTML・CSS・JSをまいにちちょっとずつ。きみのはじめての一歩も、ここで応援するよ。

[しまちゃん＠ぴよぐらみんぐ @piyogramming]

しまちゃんです🐤 画像が出ない、リンクが開かない…その原因の9割はパスのずれ。../の考え方をやさしく整理したよ。

https://t.co/tQt2blONQ8

#駆け出しエンジニアと繋がりたい #プログラミング初心者 #プログラミング学習 #Web制作 #ぴよぐらみんぐ #CodeNewbie #100DaysOfCode

[しまちゃん＠ぴよぐらみんぐ @piyogramming]

しまちゃんです🐤 学習が続くコツは、机に向かいたくなる環境づくり。理想のデスクを探すやり方と、定番アイテムをまとめたよ。

https://t.co/nHhilfzCy7

#駆け出しエンジニアと繋がりたい #プログラミング初心者 #プログラミング学習 #Web制作 #ぴよぐらみんぐ #CodeNewbie #100DaysOfCode

[しまちゃん＠ぴよぐらみんぐ @piyogramming]

しまちゃんです🐤 黒い画面のターミナル、設定ファイルに1行書くだけで顔文字を出したり色を変えたりできるの。開くたびちょっとうれしい

https://t.co/W9XAQqRp7G

#駆け出しエンジニアと繋がりたい #プログラミング初心者 #プログラミング学習 #Web制作 #ぴよぐらみんぐ #CodeNewbie #100DaysOfCode

[しまちゃん＠ぴよぐらみんぐ @piyogramming]

しまちゃんです🐤 英語だらけのVSCode、拡張機能1つで日本語になるよ。2分で終わる手順と「急に英語に戻った」ときの直し方も。

https://t.co/1pZNL016Xh

#駆け出しエンジニアと繋がりたい #プログラミング初心者 #プログラミング学習 #Web制作 #ぴよぐらみんぐ #CodeNewbie #100DaysOfCode

[しまちゃん＠ぴよぐらみんぐ @piyogramming]

しまちゃんです🐤 「何から始めればいいか分からない」人のための、学ぶ順番の地図だよ。この順で・この理由で、を1本にまとめたの。

https://t.co/28EFpXKLEu

#駆け出しエンジニアと繋がりたい #プログラミング初心者 #プログラミング学習 #Web制作 #ぴよぐらみんぐ #CodeNewbie #100DaysOfCode

[しまちゃん＠ぴよぐらみんぐ @piyogramming]

しまちゃんです🐤 ブラウザが勝手につける余白や線をまっさらにするリセットCSS。そもそも必要？定番3種の違いもまとめたよ。

https://t.co/Xj1gm5IImh

#駆け出しエンジニアと繋がりたい #プログラミング初心者 #プログラミング学習 #Web制作 #ぴよぐらみんぐ #CodeNewbie #100DaysOfCode

[しまちゃん＠ぴよぐらみんぐ @piyogramming]

しまちゃんです🐤 独学で「持っててよかった」と言われつづける入門書を9冊紹介するよ。分野別に、どんな人に合うかの目安つき。

https://t.co/kAAdIi4Lrc

#駆け出しエンジニアと繋がりたい #プログラミング初心者 #プログラミング学習 #Web制作 #ぴよぐらみんぐ #CodeNewbie #100DaysOfCode

[しまちゃん＠ぴよぐらみんぐ @piyogramming]

しまちゃんです🐤 XやLINEでURLを送ると出てくる画像つきカード、あれがOGP。metaタグ4行と画像1枚で設定できるよ。

https://t.co/L7fYwTJXZb

#駆け出しエンジニアと繋がりたい #プログラミング初心者 #プログラミング学習 #Web制作 #ぴよぐらみんぐ #CodeNewbie #100DaysOfCode

[しまちゃん＠ぴよぐらみんぐ @piyogramming]

しまちゃんです🐤 日本語が記号の羅列になる文字化け、原因は2つだけなの。metaタグと保存形式、2か所見るだけで直せるよ。

https://t.co/WgdHgpFMiz

#駆け出しエンジニアと繋がりたい #プログラミング初心者 #プログラミング学習 #Web制作 #ぴよぐらみんぐ #CodeNewbie #100DaysOfCode

[しまちゃん＠ぴよぐらみんぐ @piyogramming]

しまちゃんです🐤 困ったとき引く辞書から海外の一次情報まで、Web制作の情報収集サイト13個を紹介するよ。使い分けの目安つき。

https://t.co/3s4Pti3Yal

#駆け出しエンジニアと繋がりたい #プログラミング初心者 #プログラミング学習 #Web制作 #ぴよぐらみんぐ #CodeNewbie #100DaysOfCode

[しまちゃん＠ぴよぐらみんぐ @piyogramming]

しまちゃんです🐤 写真はJPG？PNG？WebPって何？画像形式の使い分けを1枚の表にしたよ。迷ったときの答えと理由つき。

https://t.co/MUXeZCBQQQ

#駆け出しエンジニアと繋がりたい #プログラミング初心者 #プログラミング学習 #Web制作 #ぴよぐらみんぐ #CodeNewbie #100DaysOfCode

[しまちゃん＠ぴよぐらみんぐ @piyogramming]

@okita717 しまちゃんです🐤 混ざるよね…！justifyとalign、何年やっても一瞬迷う人はけっこう多いの。迷ったらデモをぽちぽち押して確かめるのがいちばん早いよ。そのための早見表だから、どんどん使ってね。

[しまちゃん＠ぴよぐらみんぐ @piyogramming]

しまちゃんです🐤 justify-contentとalign-itemsどっちだっけ？に答える早見表だよ。値をその場で切り替えられるデモつき。

https://t.co/zjUQHIliN6

#駆け出しエンジニアと繋がりたい #プログラミング初心者 #プログラミング学習 #Web制作 #ぴよぐらみんぐ #CodeNewbie #100DaysOfCode

[しまちゃん＠ぴよぐらみんぐ @piyogramming]

しまちゃんです🐤 ブラウザのタブに出る小さなアイコン＝ファビコン。あるだけで「ちゃんとしたサイト」に見えるよ。絵文字1行でもOK。

https://t.co/sr1CyUfwQU

#駆け出しエンジニアと繋がりたい #プログラミング初心者 #プログラミング学習 #Web制作 #ぴよぐらみんぐ #CodeNewbie #100DaysOfCode

[しまちゃん＠ぴよぐらみんぐ @piyogramming]

しまちゃんです🐤 右クリック→「検証」で出てくるあの画面、Web制作最強の相棒なの。最初に覚える3つだけに絞って紹介するよ。

https://t.co/cayJMBqpsX

#駆け出しエンジニアと繋がりたい #プログラミング初心者 #プログラミング学習 #Web制作 #ぴよぐらみんぐ #CodeNewbie #100DaysOfCode

[しまちゃん＠ぴよぐらみんぐ @piyogramming]

しまちゃんです🐤 px・rem・%・vw、結局どれを使えばいいの？に答えるよ。「迷ったらこれ」の使い分け、動くデモつき。

https://t.co/XKTDCbwJfd

#駆け出しエンジニアと繋がりたい #プログラミング初心者 #プログラミング学習 #Web制作 #ぴよぐらみんぐ #CodeNewbie #100DaysOfCode

[しまちゃん＠ぴよぐらみんぐ @piyogramming]

しまちゃんです🐤 線もすき間もない素の表が、CSS数行で料金表に変身するの。しましま模様やスマホ対応まで、コピペで7個。

https://t.co/T2xakvt8rs

#駆け出しエンジニアと繋がりたい #プログラミング初心者 #プログラミング学習 #Web制作 #ぴよぐらみんぐ #CodeNewbie #100DaysOfCode

[しまちゃん＠ぴよぐらみんぐ @piyogramming]

しまちゃんです🐤 ナビゲーションメニューはサイトの顔。横並びの基本形からハンバーガーメニューまで、動くデモつきで8個だよ。

https://t.co/WVim3pUAY3

#駆け出しエンジニアと繋がりたい #プログラミング初心者 #プログラミング学習 #Web制作 #ぴよぐらみんぐ #CodeNewbie #100DaysOfCode

[しまちゃん＠ぴよぐらみんぐ @piyogramming]

しまちゃんです🐤 黒丸だけの箇条書き、そろそろ卒業しない？チェックマークやタイムラインなど、そのまま使えるリスト8個だよ。

https://t.co/xFmodUQdWR

#駆け出しエンジニアと繋がりたい #プログラミング初心者 #プログラミング学習 #Web制作 #ぴよぐらみんぐ #CodeNewbie #100DaysOfCode

[しまちゃん＠ぴよぐらみんぐ @piyogramming]

しまちゃんです🐤 見出しが変わると、ページ全体が締まって見えるよ。下線・マーカー・ふきだし…定番デザイン10個、コピペOK。

https://t.co/BKMH0o7SFo

#駆け出しエンジニアと繋がりたい #プログラミング初心者 #プログラミング学習 #Web制作 #ぴよぐらみんぐ #CodeNewbie #100DaysOfCode