CSS CSSのgridプロパティ解説: 使い方、使用例、その特性、そしてFlexboxとの違い
CSS Grid Layoutは、2次元のグリッドベースのレイアウトシステムであり、行と列の両方に対して制御が可能です。このため、複雑なウェブデザインをより簡単に、より直感的に作成できます。以下では、CSSのgridプロパティの基本的な使い...
コーディング
CSS 
CSS CSSのaspect-ratioプロパティ解説・使用例
CSSの世界は日々進化しており、その中にはWebデザイナーや開発者がさまざまなレイアウトとデザインを作成するのを助ける新しいプロパティが含まれています。その中で注目すべきプロパティの一つがaspect-ratioです。これは要素の縦横比を指...
javaScript URLとタイトルをクリップボードにコピーする
ウェブサイトで特定の情報（例えば、記事のタイトルやURL）をクリップボードにコピーする機能は、ユーザーが情報を簡単に共有できるようにする便利な機能です。今回はJavaScriptとHTMLを用いて実装します。必要なツール HTML Java...
Bootstrap Bootstrap4のmodalでYouTubeの動画を表示、ついでに閉じたら停止、modalのセンター表示も
Bootstrap4のmodalでYouTubeの動画を表示Bootstrapでサイトを作ってて「BootstrapのモーダルウィンドウでYouTube表示できたら便利じゃね？」ということで調べてみました処理的にはモーダル表示ボタンのクリッ...
javaScript wordpressに「barba.js」を導入して非同期通信でページを切り替えを高速化したい
barba.js公式DEMO1公式DEMO2非同期通信でページを切り替えって？そもそも通常の画面遷移をする場合、新しいページを1から読み込んで表示すると思いますこの場合まず画面を遷移し、（ほとんどの場合は気になりませんが）新しい白いページが...
jQuery jQueryで計算シミュレーターを作る
※2017年11月30日に追記しました少し前に仕事で作ったものですが、それなりに汎用性が高いので紹介させていただきますクリエイターズシップさんの見積作成ページのように選択項目から選ぶと料金を計算して表示するといった感じです単一選択と複数選択...
コーディング Atomの個人的なおすすめパッケージ
コーダーの皆さんこんにちは僕はAtom派なのですが、Atomって素晴らしいですよねパッケージを追加するとより素晴らしいエディタになります今回は僕がよく使ってるパッケージを紹介させていただきますパッケージの追加方法はこちらを参照して下さいSu...