人気記事一覧

GmailのメールをPDFに自動変換したい……毎回手動だと面倒…… みなさんは、このように思ったことはないでしょうか？ わたくしごとですが、僕は現在フリーランスとして活動をしています。 お仕事を探しに行くときによく利用するのがランサーズやココナラのよう...

WordPressを利用しているとheadタグにソースコードを追加する必要が出てくることがあります。 例えば、JavaScriptライブラリを新たに導入したいときなどです。 「headタグにソースコードを追加する方法」はいくつかありますが、今回はその中でも最も確実で...

アイコンクリックアニメーションを実装したい…… クリック時の視覚的フィードバックを作りたい…… 今回はこのようなお悩みをお持ちの方へ向けて Web制作において必須のUI要素アイコンクリックアニメーション をご紹介します。 5種類のアニメーション効果を完...

ドロップダウンメニューのアニメーションを実装したい…… ナビゲーションやリストをもっと魅力的にしたい…… 今回はこのようなお悩みをお持ちの方へ向けて Web制作において人気の高いUI要素ドロップダウンメニューのアニメーション をご紹介します。 5種類の...

この記事では SWELLでフッターにあるコピーライトをリンクにする方法 をご紹介します。 コピーライトというと、通常はWebサイトの最下部に当たり前のように設置するイメージがあります。 今回は、このコピーライトにリンクを設定することで、別ページ（今...

PHPを習得したいけど具体的にどんな流れで何を勉強するのが良いの…？ という方に向けて、この記事では 僕が独学でPHPを習得するまでに実際に取り組んだ勉強内容や利用した本・サービス を紹介していきます。 僕はスクールを利用せず、コツコツと独学を続け...

この記事では Reactで条件によってクラス名（className）を動的に付与する方法 を解説します。 動的にクラス名を付与することで、stateの値によって要素の見た目（装飾）に変化を付けるなど、コンポーネントにちょっとした動きを加えることが可能です。  ...

Webサイトのテキスト表現を魅力的で分かりやすくするテキスト・タイポグラフィアニメーションを5カテゴリ・26種類完全網羅！ 各カテゴリから厳選した代表的なアニメーションをCodePenデモ付きで紹介し、詳細な実装方法は各専門記事で詳しく解説しています...

こんにちは！　ケケンタです。 この記事では サムネイル型のスライドショーを簡単に作成する方法 をご紹介します。 シンプルなスライダーであれば同じくJavaScriptライブラリの「Slickスライダー」を使用することで簡単に実装できますが、サムネイル型のス...

こんにちは！　ケケンタです。 この記事では WordPressで各種類のページのURLや画像・CSS・jsファイルのパスを取得する方法 をまとめてご紹介します。 各種ページのURLを取得 トップページ 使用するテンプレートタグ home_url() <a href="<?php...