Vue CLIでFont AwesomeのTwitterアイコンを追加する方法
Font AwesomeはVue用にパッケージが公開されているので、npmなどでインストールして利用することができます。しかし、TwitterやFacebookのアイコン(以下、ブランドアイコン)を利用する際には公式ドキ …続きを読む
Font AwesomeはVue用にパッケージが公開されているので、npmなどでインストールして利用することができます。しかし、TwitterやFacebookのアイコン(以下、ブランドアイコン)を利用する際には公式ドキ …続きを読む
Vueの練習も兼ねてハンバーガーボタンジェネレーターを作りました。 使い方 使い方はいたって簡単で、ハンバーガーボタンの縦、横、線の太さを入力するだけで自動的HTML、CSS、jQueryのコードが生成されます。あとは、 …続きを読む
function.phpをいじって自前でカスタム投稿タイプを作成し、自前のカスタム投稿用のカテゴリー(カスタムタクソノミー)作成しましたが、記事編集画面にが出ませんでした。 ‘show_in_restR …続きを読む
display : flexは便利でもうfloatとclearfixには戻れない感じです。そんな便利なflexですが、先日Twitterでalign-contentが効かないという話がありましたので、その原因と仕組みにつ …続きを読む
Gifアニメーション楽だけどは重いし、画質が悪いし、という時にjavascriptでパラパラマンガを実装する方法です。特別なプラグインやjQueryも不要です。デモはこちら やり方 まずは画像を用意します。パラパラマンガ …続きを読む
知り合いのデザイナーと共同で、マネしたいポイントをちょっぴり解説したWebデザイン集を作りました(企画・実装担当)。普通のWebデザインギャラリーはサムネイルとリンクだけですが、このサイトはそれぞれにマネしたいポイント、 …続きを読む
先日リリースされたPhotoshop 2019にアップデートした際、ファイルを読み込むとフリーズしてしまう現象に出会ったのでその時の対処法になります。 現象 OS:Mac OS X 10.13 High Sierra i …続きを読む
設計事務所向けの、特に独立開業したての建築家向けのWordPressテーマ、The Architectを作りました。無料で誰でも利用できます。 デモはこちら ダウンロードはこちら 特長 建築設計事務所のWebサイトに必要 …続きを読む
次期エディタのGutenbergで記事の保存ができなくなりました。固定ページやカスタム投稿タイプではできるのですが、投稿の時だけエラーが出てしまいます。その試行錯誤した時の話です。 原因はセキュリティプラグイン 結論から …続きを読む
パッと見た目暗号化されているようなページを作る方法です。実際に暗号化されていませんし、選択してコピーすれば元のテキストも読み取れます。あくまで見た目だけの話です。 Lorem ipsum dolor sit amet, …続きを読む