Maison de la mer– Author –

JavaScriptを使って「.animate」クラスを指定した要素を、ビューポート内に入ったら「下からふわっと出現」させる方法を解説します。 HTML 以下のように「.animate」クラスを付与したHTMLを用意します。複数の要素を動かす場合は、クラス名「.animate」を...

こんにちはrey( @reydesign8376) です都内の勤務生活を辞めてWebデザイナーに。今は趣味のサーフィンなどしながら海沿いでのんびり暮らしています。 最近、ノイズエフェクト、ノイズ加工、ノイズテクスチャなどと言われるざらざらした粒状感のあ...

こんにちはrey(@reydesign8376)です！ VS CodeのSFTPプラグインを使ってサイトにファイルをアップロードする方法を備忘録として残してきます。では早速〜 SFTPって？ SFTPプラグインは、VS Codeでローカルファイルをリモートサーバーに簡単にアップロード...

こんにちはrey( @reydesign8376) ですWordPressのショートコードの備忘録です！では早速〜 ショートコードって？ ショートコード（Shortcode）は、WordPressで特定の機能を簡単に実行するための小さなコードスニペットです。投稿や固定ページの本文中にシ...

こんにちはrey( @reydesign8376) です 日本脱出してみようかななどと夢みている矢先、DV-2024プログラム（アメリカ永住者カード、通称グリーンカード）の抽選会をやっていたので半分ノリで応募してみました。当たるといいな〜 必要なのは証明写真的な顔写...

こんにちはrey( @reydesign8376) です WordPressのお問い合わせフォームプラグインはたくさんあります一番シンプルで使いやすい【Snow Monkey Forms】の使い方をご紹介します！ コンタクトフォーム7をお使いの方はこちらから！ WordPressお問い...

こんにちはrey( @reydesign8376) です Adobe Express でサクッとSNS投稿などを制作していきます〜では早速 Adobeエクスプレスにログイン Adobeエクスプレスにログインし新規プロジェクト作成したいSNSなどの投稿サイズをクリックまたはカスタムサイズでサ...

こんにちはrey( @reydesign8376) です WordPressテーマのディレクトリURL取得のテンプレートタグで<?php bloginfo('template_url'); ?>があるのですがこちら非推奨とのことです。 bloginfo('template_url')以外にもbloginfo('home') bloginfo('siteu...

こんにちはrey( @reydesign8376) です 便利なwebアイコンを提供している「Font Awesome」の使い方をご紹介していきます〜では早速〜 Font Awesomeとは？ https://fontawesome.com/ 共有されるコードを入れるだけでアイコンが表示されるようになるサービス...

こんにちはrey( @reydesign8376) ですナビゲーションのデザイン3案 備忘録的な感じでやっていきます！では早速〜 コピペOK ナビゲーションデザイン デザイン案① まずはこのデザインからベーシックなトップ固定にしてみました。そしてメインビューと被せま...