豆知識・お役立ち情報
-
2022.03.11公開 【初心者向け】わかりづらい画像解像度と再サンプルを解説！画像解像度と再サンプルについて、初心者の方でもわかりやすいようにできるだけかみ砕いて説明しています。ピクセルという単位は具体的な大きさが決まっていません。解像度によって変わるのです。解像度を変更することによってファイルのサイズはどうなるのか？大きさは？など改めて考えてみましょう。
-
2023.12.07公開 / 2023.12.11更新 【CSS初心者の方向け】display:flex-フレックスボックスの使い方をまとめました！フレックスボックスの利用について生徒さんから「わかるようで、わからないようで」とよく相談されます。 そこで、絶対理解しておきたい使い方をまとめました。 最低限、これをおさえておけばOK！です。
-
2023.11.25公開 PHPからブラウザのコンソールに出力するPHPからブラウザのコンソールにデバック用のテキストなどを出力したいなぁと思うことが多々あり、Chromeのエクステンションの導入方法をまとめました。
-
-
2023.11.25公開 XDの便利機能②-オブジェクトとの距離・余白を確認するXDを使うと、オブジェクト間の距離が簡単に計測できます！ 地味だけど便利だなぁと思いながら、いつも使っている機能です。
-
-
-
2023.11.25公開 XDの便利機能⑤-プロトタイプを共有しようXDを使うと、作ったプロトタイプを上司やお客様、チームのメンバーと共有することができます。 IllustratorやPhotoshopでも、ファイルを共有することはできるじゃないか！！と思った方。確かにそうです！！ です […]
-
2023.11.25公開 オブジェクト指向の難関-初心者でも「なるほど」とわかる抽象クラスオブジェクト指向の勉強を進めていくうえで、結局最初につまづくところはこの「抽象クラス」「インターフェイス」「ポリモフィズム」の部分ではないかなぁ、と思うのです。クラスの定義、インスタンス、クラスの継承、あたりまでは「簡単 […]
-
2023.11.25公開 XDの便利機能①-リピートグリッド
リピートグリッドを使ってみよう XDを使う最大のメリットではないか？と思えるほど、とても便利な機能です。 例えば、次のようなデザインを描きたいとします。 このデザインは、丸い写真とタイトル、抜粋が１つのセットで、３つ […]
-
2022.02.27公開 【初心者の方向け】Bootstrap Iconsの使い方アイコンフォントと言えば、Font Awesomeが有名だと思いますが、Bootstrap Iconsを今回使ってみて、とても便利！！！と感動しましたので、使い方をまとめました。 とても簡単な手順で設置することが可能です。今回はCDNを利用した方法を中心に解説しています。
-
2021.06.12公開 / 2022.09.25更新 【初心者向け】AOS.jsの使い方をわかりやすく解説！スクロールするとほわんっと表示させるようなアニメーションをよく見かけませんか？AOS.jsを利用すれば、簡単な設定で実現することが可能です。このページではAOS.jsの使い方について、初心者の方にも理解できるように解説しています！
-
2021.07.07公開 / 2022.02.21更新 【CSSテクニック】object-fit:coverとbackground-size:coverの違いobject-fit:coverとbackground-size:coverの違いや、使用する際の注意点をまとめました。
-
2021.07.07公開 / 2022.12.22更新 console.dirとconsole.logの違い意外と知られていないconsole.dirについてまとめました。console.logと同様なことができますが、console.dirならではの便利な部分もあります。
-
2021.07.19公開 / 2021.10.19更新 【CSSテクニック】object-positionで表示位置を調整するbackground-posiionみたいな使い方ができるobject-positionですが、あまり使ったことがない、という方も多いようです。基本的な使い方をマスターしてみましょう！
-
2021.08.18公開 / 2021.10.19更新 【CSSテクニック】positionを使って画像を領域を伸ばし、画像を覆ってみよう画像の上に同じ大きさの要素を不透明にして重ねる、オーバーレイ表現をしたいときによく使うテクニックです。positionで領域を広げられることを知っていると、いろいろと応用できるので便利です！
-
2021.08.19公開 / 2021.10.19更新 【CSSテクニック】height:100%を効かせる方法height:100%はある条件下でないと適用できません。どういったときに効くのか？を整理してみました。
-
2021.08.22公開 / 2021.10.19更新 【CSSテクニック】画面の幅が縮まった時の改行の位置をwbrで指定する方法レスポンシブデザインをしているときに、スマフォサイズでは一行に収まらない文字を改行しないといけないけど、でもPCサイズの時は一行で表示したいからbr要素は使えない…といったときに使うテクニックです。
-
2021.09.19公開 / 2021.11.08更新 30代、プログラミングを独学、就職は無理？どうすれば？を本気で考えた結果30代からプログラミングを独学で学ぶ難しさや、どうすれば就職できる技術を身に付けることができるのか。11年IT系講師をしていた経験を振り返って、本気で考えてみました。
-
2021.10.09公開 / 2022.02.21更新 【Sassの便利な使い方】フォントサイズをCSSのclamp()を使ってSassで便利に指定する！CSSのclamp()の使い方と便利な利用方法をまとめました。Sassと組み合わせることでフォントサイズの指定など簡単にできるようになります！