サロンメンバーの皆様、 今夜はオンライン交流会です。 オリンピックなど裏番組が強すぎる日程で申し訳ありませんが、お気軽にShibajukのoViceにお越しくださいませー。 #Shibajuku

「画像関連の要素」受講完了！ shibajuku.net #shibajuku

#Shibajuku lesson13！ セクショニング関連の要素、基本構造の要素などについて学びました📝そしてここまで約4か月経ったのか！と1人でしみじみ。副作用出るくらいまで習得したい☺️

今夜の #Shibajuku は、本気で始めるHTML入門講座13回目「セクションとグルーピング」のライブ配信です。 セクショニング・コンテンツの要素や、header、footerなどコンテンツの範囲を明示的に表す要素を中心に紹介します。 いよいよ、body内の要素編は最終回です。 pic.twitter.com/Yd3MqlDyaU

「ハイパーリンク」受講完了！ shibajuku.net #shibajuku

「データの引き継ぎ」受講完了！ #shibajuku cookieを使った処理とかリダイレクトなど、PHPでもいろんなことができるんだな〜と☺️ PHPも引き続き継続してます！！

「リスト関連の要素」受講完了！ shibajuku.net #shibajuku

「テキスト関連の要素 – インライン編 –」受講完了！ shibajuku.net #shibajuku アーカイブ追いかけて復習中💨

講座#12📝 ●details要素 ・name=“名前（全部同じ名前）”で1つだけ開く ・open属性付けると最初から開いてくれる ●dialog要素 ・open属性付けると開いた状態でページを表示できる ・dialogの中にform要素 method=“dialog”でdialogを閉じる！ ・aria-label属性でアクセシビリティ向上 #Shibajuku

「インタラクティブ要素」受講完了！HTMLで作るインタラクティブな要素（アコーディオンパネル、モーダル）について学びました！！動きがつくと、益々嬉しくなるものですね。何より今日も、楽しい授業でした😆 shibajuku.net #shibajuku

今夜の #Shibajuku はHTML講座12「インタラクティブ要素」です。開閉式ウィジェットや、ダイアログボックス、ポップオーバーなど、ユーザーに操作を求めるUIを作る要素を紹介します。このあたりは「武器になるHTML」でもカットした部分なので、サロンメンバーさんは是非見てもらえたらと思います。 pic.twitter.com/aftRMGqOoI

「テーブル関連の要素」受講完了！ すごいわかりやすくてなんかスッキリ🤗 見た目が変わるわけではないけど、<thead>や<tbody>,scope属性を使って、優しいサイトに！ 個人的に、一時停止してやってね！で柴田さんが止まるところ結構笑ったww shibajuku.net #shibajuku

少しずつまた #Shibajuku で色んなプロジェクトが始動し始めた。ちょっと難しい要望も出してるけど、それを解決するためにどんなアイデアを提案してもらえるのかすごく楽しみ。デザインする方と実装する方が協力しながらアイデアを出さないとなかなか乗り越えられない課題。

返信先:@aoihana_designPHPの受講ありがとうございます！ #Shibajuku のPHP講座は途中からSQLが入り、めっちゃ長いんですが、最終的にPHP+SQLのちょっとしたCMSが作れるので、今後他の言語を使ったCMSにも応用が効くと思いますので、是非コツコツ進めて見て下さいねー✌🏾

スタエフ聴きました〜 こういう思いを持った方に、まだ溺れるほどの知識がないうちから教えていただける環境にいられて、本当にありがたいなーと思いました 私もいつかこんなサイトが作りたい🙌 #Shibajuku x.com/hilosiva/statu…

今回もまた濃ゆい内容のフォーム（後編） 使う方が不便を感じないように、より便利に使えるようにする記述を学びました。 復習してから練習問題やります！ でもその前にウルトラマンの復習から！ #Shibajuku

講座#11📝 ・cols,rows属性で文字数指定 ・select要素→ul、option要素→liみたいに使う（selectにname属性） ・「選択〜」を無効化し、初期表示時に選択状態に <select name="○" required> <option value="" selected disabled>選択〜 ・fieldset,legend要素：紐づけ（ラジオボタンなど） #Shibajuku

「フォーム関連の要素 – 後編 –」受講完了！HTML講座フォーム後編🐶フォームは、大事な要素がたくさん。tabで操作できるサイトであることはとても大事と知りました☺️ #shibajuku

明日の #Shibajuku LiveはHTML講座11「フォーム関連の要素 ー 後編ー」です。 後編はテキストエリアやセレクトボックスを中心に紹介します。今回も2時間ギチギチにかかりそうです。 是非サロンメンバーの皆様ご参加頂き、一緒コードを書いたり、コメントしたり、ボケたりよろしくお願いします。 pic.twitter.com/6JAqDf226K

「既存サイトの分析」受講完了！印象イメージで見えるターゲットとコンテンツから見えるターゲットは異なる場合がある。ナビゲーションの順番・レイアウトで優先度・コントラスト（動き・アクセントカラー）に注目してサイト分析してみる。 shibajuku.net #shibajuku

まもなく、ちひろさんとのタイポグラフィ座談会が始まります😊 #Shibajuku

サロンメンバーのみなさん！ 今夜はちひろさんとの座談会です。 是非ご参加下さいねー。 詳細はDiscordを娯楽下さい。 #Shibajuku

仕事で中々リアルタイム受講できてなかったけど、昨日で5回連続リアルタイム受講！流れが良い！ 昨日の授業はフォーム。 かなりのボリュームだったけどまだ前編。 phpの講座もやりたくなってきたけど、まずは昨日の復習！ #Shibajuku

講座#10📝 ・get：ハガキ（丸見え） ・post：封筒（基本中身見えない） ・type=“file”を使うときは、enctype=“multipart/form-data”をformタグに付ける ・inputmode属性（仮想キーボード）→いい感じのキーボードにしてくれる ・autocomplete属性（自動補完） autocompleteは是非使いたい！ #Shibajuku

初めてのライブ授業めちゃめちゃ勉強になった😳 何気なく使ってたフォームもこんなに考えられてたくさん設定されてたんだ！ ユーザーに優しいコード👏大切にしたい！ #Shibajuku

明日の #Shibajuku LiveはHTML講座10回目「フォーム関連の要素 ー 前編 ー」です。フォームは1回/2hで終わるかなぁと思ってましたが、資料作ってたら絶対無理だなってなったので2回に分けます。フォームは注意点も多いからじっくりやりましょう！！ 結局HTMLは全15回/2hになりそうです。 pic.twitter.com/OkpfJjclbs

昨日欲しかった、シバタヒロノリさんの本を購入しました〜！！ これで見る人に優しい適切なコードを書けるようにがんばるぞ〜 と意気込んでいたら、そんなタイミングで入りたかった #Shibajuku が増枠😳 そのまま勢いで入会🙌 これからよろしくお願いします！ #武器になるHTML pic.twitter.com/Cns8iInr3J

久しぶりにブログを書きました。 なぜHTMLだけなのか。拙著「武器になるHTML」の執筆を通して伝えたかったこと shibajuku.net/bukininaru-htm… #武器になるHTML #Shibajuku