Flexboxで要素を横並びにした際、子要素の幅が短いと右側に余白ができます。 この余白は、flex-growプロパティで、子要素に振り分ける事ができます。 flex-growとは Flexを使用した、親要素の余白を子要 […]

今回は、JavaScriptライブラリ「Swiper」とCSSを使用し、背景画像をズームしながらふわっと切り替えるスライドショーを作成したいと思います。 まずは実装デモがこちら。 デモ内［Result］の［Run Pen […]

今回は、HTMLで電話番号のリンクを設定する方法を紹介します。 電話番号のリンクを設定するとどうなる？ リンクを設定した場所をタップするだけで直接電話を発信することができるようになるため、ユーザーにとって使いやすいサイト […]

オートプロジェクトが利用しているプロジェクト管理ツール「Podio」。 第1回：リモートワークには必須、プロジェクト管理ツール「Podio」とは？ Podioは下記の構成で成り立っています。 Podioを構成する3つの要 […]

以前、［text-overflow］を使用して文章を省略する方法を書きましたが、この場合ですと、一行のみで行数を指定して省略することはできません。 行数を指定したい場合は、CSSの［line-clamp］が便利です。 l […]

WordPressでカスタムフィールドでソートしたい場合、下記の方法が一般的です。 $args = array( 'post_type' => 'post', 'meta_key' => 'メタキー', 'o […]

オートプロジェクトでは、プロジェクト管理ツールとしてCitrix Systems, Inc.が提供する「Podio」を利用しています。 Podioの公式ページは英語ですが、実際に利用するサービスでは日本語が用意されていま […]

WooCommerce（ウーコマース）は、WordPressにインストールすることでECサイトを開設することができる無料のプラグインです。 WooCommerce – WordPress プラグイン | WordPres […]