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...
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って素晴らしいですよね
パッケージを追加するとより素晴らしいエディタになります
今回は僕がよく使ってるパッケージを紹介させていただきます
パッケージの追加方法はこちらを参照して...