黄金比を使ってバナーをデザインをしよう【黄金比ガイドの作成と活用法】
公開 / 更新
CSS/Sass
CSSやSassを使ったテクニック、新しいプロパティの紹介などを行っています。Web制作の現場で役立つ知識をまとめています。
【CSS初心者の方向け】display:flex-フレックスボックスの使い方をまとめました！
公開 / 更新
【Sassの便利な使い方】フォントサイズをCSSのclamp()を使ってSassで便利に指定する！
公開 / 更新
【CSSテクニック】画面の幅が縮まった時の改行の位置をwbrで指定する方法
公開 / 更新
【CSSテクニック】height:100%を効かせる方法
公開 / 更新
【CSSテクニック】positionを使って画像を領域を伸ばし、画像を覆ってみよう
公開 / 更新
【CSSテクニック】object-positionで表示位置を調整する
公開 / 更新
【CSSテクニック】object-fit:coverとbackground-size:coverの違い
公開 / 更新
HTML
HTML5についての記事を掲載しています。タグをつけるだけでしょ？と言われがちなHTMLですが、実はとっても奥が深いんです。
Java/Kotlin
JavaやKotlinについての記事をまとめています。特にJavaを学んでいてKotlinの学習を進めている方向けの「JavaとKotlinの違うところ」の記事が人気です。
JavaScript
JavaScriptプログラミングで困りそうなこと、つまづいてしまいそうなことをまとめています。初心者の方も、ある程度勉強が進んでいる方にも役立てていただけるような記事を書いています。
Web/プログラミング学習
Web制作の仕事はどんなだろう？何を勉強すればいいのだろう？といった、Web制作全般についての記事や、これからプログラミングを学習する方向けての情報をまとめています。
興味がある方、これから学ぼうと考えていえる方にはぜひ一読していただけると嬉しい記事です。
サーバー環境構築
サーバーとの契約からSSL対応、Wordpressの環境構築など、特にさくらサーバーを使ったWordpressの環境構築についての記事まとめています。
ワークショップに参加していただいた方の特典記事だったのですが、とても人気の記事で「みんなにも公開したほうがいい！」というお声を頂き、思い切って公開しています。
デザイン
IllustratorやPhotoshop、XDなどを使ったデザインの話を中心に掲載しています。チラシ作成やバナー作成など、一緒に作成できるような記事も掲載しています。
黄金比を使ってバナーをデザインをしよう【黄金比ガイドの作成と活用法】
公開 / 更新
【新UI対応】Figmaを使ってホバーを表現する
公開 / 更新
【新UI対応】Figmaを使って画面遷移を表現する
公開 / 更新
トーンを合わせた配色
公開 / 更新
XDの便利機能②-オブジェクトとの距離・余白を確認する
公開 / 更新
XDの便利機能③-インタラクティブプロトタイプ・リンクの設定
公開 / 更新
XDの便利機能④-グリッドの表示
公開 / 更新
XDの便利機能⑤-プロトタイプを共有しよう
公開 / 更新
XDの便利機能①-リピートグリッド
公開 / 更新
【初心者向け】わかりづらい画像解像度と再サンプルを解説！
公開 / 更新
【実践編】Illustratorの基本操作を使ってショップカードを作成しよう！Part2
公開 / 更新
【実践編】Illustratorの基本操作を使って資料を作成しよう！
公開 / 更新
【実践編】Illustratorの基本操作を使ってバナーを作成しよう！
公開 / 更新
Webデザインで役に立つフォントの話
公開 / 更新
Web制作に必要なデザインの４原則を学ぶ
公開 / 更新
Webサイト制作者は知っておくべき配色のセオリー
公開 / 更新