「ICS×Goodpatch Anywhere合同勉強会」はそれぞれの聞きたいテーマを持ち寄った勉強会です。株式会社ICSから登壇者の1人として、モバイルアプリ開発やウェブページ制作のフロントエンジニアである鹿野壮氏が参加（※イベント開催時点）。「古きを捨てて新 ...

こんにちは！WEB制作担当のYです。 今回は、WEB制作初心者の方向けにBootstrapについて説明します。 ざっくり言うと、Bootstrapはコーディング作業が少し楽になるツールです。Bootstrap側が用意したHTML・CSSとJavaScriptを入れれば、簡単にレスポンシブデザインの ...

ウェブデザインにおいて「Masonry(石組み)レイアウト」は古くからデザイナーの悩みの種であり、いくつもの解決法が提示されてきました。2025年の暮れにW3Cによって草案がまとめられたCSSグリッドレーン(Grid Lanes)は、石組みレイアウトを実現するための新たな ...

ネットで見かけたWebテク （Webテクニック・ Webテクノロジー） 記事から、 Webデザイナーの目で厳選したネタを週刊で紹介するこのコーナー。今回は、 2020年10月19日～10月25日の間に見つけた記事のベスト5です。 1. The Complete CSS Grid Tutorialhttps:// jst. hashnode.

BootstrapなどのUIライブラリとCSSの役割分担 UIライブラリとは何か？ UIライブラリとは、UIコンポーネント（ボタン、カード、ナビゲーション等）をあらかじめスタイリング・構築して提供するツール群です。 CSSは デザインと装飾に特化したスタイル記述言語 ...

ウェブデザインにおいて「Masonry(石組み)レイアウト」は古くからデザイナーの悩みの種であり、いくつもの解決法が提示されてきました。2025年の暮れにW3Cによって草案がまとめられたCSSグリッドレーン(Grid Lanes)は、石組みレイアウトを実現するための新たな ...

CSSでグリッドレイアウトを実現するための仕様のワーキングドラフト「CSS Grid Layout - W3C Working Draft, 2 April 2013」が公開された。将来のCSSでグリッドデザインを実施する方法として参考になる。公開されたワーキングドラフトにはサンプルコードが豊富に掲載さ ...

JavaScript を利用せずに HTML と CSS だけでアコーディオン UI を実装する場合、折りたたみ部分の開閉アニメーションをどうするのかが肝になる。 最近では JavaScript を利用しないでアコーディオン UI を実現するために <details> と <summary> を利用するケースもある。