HTMLにおける、上手に比率維持した画像を作る方法（imgタグ/background-image）
こんにちは。今回はHTMLにおいて意外と厄介な「画像の扱い方」について説明していきます。 目次 比率維持した状態でimgタグを使う 比率維持した状態でbackground-imageを使う まとめ 比率維持した状態でim…
HTML/CSS
HTML/CSS
HTML/CSS
HTML/CSS
HTMLタグに必ずクラスをつけるべき理由
こんにちは。今回はHTMLタグになぜ必ずクラスをつけるべきなのか、その理由を解説していきます。 目次 タグの意味をわかりやすくするため CSSに対して扱いやすくするため まとめ タグの意味をわかりやすくするため 例えば、…
未分類
プログラミング学習におすすめな良記事５選（Webの話/Django）【4月号】
こんにちは、小林です。いよいよ明日から令和ですね。今回はWebの仕組みの話やpythonのWebフレームワークであるDjangoに関する記事集です。 目次 Webの話 Django Webの話 ・Webの基礎超絶初心者の…
HTML/CSS
【Sass/Less/Stylus】たった２行書くだけ！CSSプリプロセッサ入門【習うより慣れろ】
こんにちは。今回はCSSプリプロセッサを最小限かつ効果の高い機能から導入して、実際に使いながら少しずつ覚えていくと良いよ、という話です。 目次 CSSプリプロセッサって？ メディアクエリ簡略化 まとめ CSSプリプロセッ…
HTML/CSS
プログラミング学習におすすめな良記事、サービス11選（HTML/CSS/セマンティック）【３月号】
こんにちは、小林です。今月読んだ中で良かった記事を紹介します。 目次 HTML/CSS セマンティック HTML/CSS CSSセレクタのチートシート ・CSSのセレクタチートシート | webliker CSSでHTM…
HTML/CSS
HTMLだけじゃない？emmetを使ってCSSを爆速で書く方法
こんにちは。今回はemmetというHTML/CSSを短縮記法で書けるようになるツールを紹介します。主にCSSのよく使う短縮記法をお伝えしようと思います。 emmetとは CSSの短縮記法 まとめ emmetとは emme…
サイト制作とは
プログラミング学習者が仕事を取れない２つの理由 〜１週間に10人以上と面談して分かった〜
はじめに こんにちは、小林です。3/2〜3/10にかけて、13名の方に無料面談をさせていただきました。Twitterでbosyuを使って募集したところ1日で10名以上の方から応募がありまして、それだけ困っている方がいるん…
サイト制作とは
スクールでは教えてくれない！プログラミング言語の分類と選び方
はじめに はい、今回はプログラミング言語の分類と選び方について書きます。 プログラミングを学ばれている方で、言語選びが難しいと思った方は多いのではないでしょうか？何から始めればいいのか、何をやればいいのか、迷った結果なん…
HTML/CSS
input type=”date”で、どこをクリックしてもカレンダーが表示されるようにする。
こんにちは。今回はinputタグについてです。最近仕事で出くわしたので紹介します。（ブラウザによっては動作しない可能性があります。Chrome/Firefoxで動作確認） input type=”date&#…
HTML/CSS
【html/css】よくあるWebページ、結局どう作るの？ 第6回 〜メインコンテンツのエリア、footer（SP版）編〜
こんにちは。いよいよ最後になりました。前回作った部分をレスポンシブにします。 〜目次〜 外枠の調整 各セクションの調整 完成コードの確認 まとめ 最後に 外枠の調整 まずは外枠です。ここはちょっと特殊で、デバイス幅に依ら…
最近のコメント