ホームページ制作
ホームページ制作の記事
ユーザーフレンドリーなフォーム改善テクニック「フローティングラベル」を使ってみよう！（CSS3＋jQuery）
ユーザーフレンドリーな入力フォームのテクニックとして注目される「フローティングラベル」の魅力と、CSS3・jQueryを使った簡…
明日から使える！ユーザビリティに優れたリッチなグローバルメニューの作り方
スクロールすると縮むヘッダー固定のグローバルメニューを作ってみました！ファーストビューはデザイン性のあるリッチなグロー…
じゃあ“いつ”スマートフォン対応させるの？…「今」でしょ！というお話。
先日、Yahooからこんな調査報告が発表されていました。 この資料によると、自然検索結果のおよそ57％がスマートフォンに最適化…
WordPressでカスタム投稿タイプの特定ターム(term)のみを単一または複数でループ表示したい場合の方法
WordPressの「カスタム投稿」という機能を使った際に、 カスタム投稿用のアーカイブページで、 特定のターム(term)のみをループ…
たった1日でLP（ランディングページ）が作れる！WordPressテーマ18個を紹介！デモサイト付
ランディングページの作成は、一から行うと時間がかかりますよね。作りたいランディングページは、ある程度決まっていても、カ…
【2020年】CSS・Javascript・PHP 非エンジニアも押さえておきたいポイントまとめ
2020年、Flashがついに終了 Adobe Flash Playerが2020年末をもって開発・配布を終了することが決まっています。かつてはWebアプ…
【型のあるJavaScript】TypeScriptとは？入門編（メリットや環境構築方法など）
1. TypeScriptとは TypeScriptはMicrosoftが開発した言語で、JavaScriptの文法に型情報を追加したJavaScriptの上位互換的言語で…
スマホOK！スライダーにYouTubeなど自動再生動画を使う方法（slick.js）
サイトのメインビジュアルで動画がを再生するのは最近のトレンドとなっています。 今回はさらにアレンジして自動再生動画を使っ…
TweenMax.jsを使い、実践的なSVGアニメーションに挑戦してみた!!
サイトギャラリーサイトなどでよく見かけるSVGアニメーションを使ったサイト。サイトのアクセントや世界観の構築に非常に有効な…
「css next」を使ってみよう！次世代CSSの記法でSassみたいに書ける！
次世代CSSとは？ 次世代CSSとはCSS4のことだと思う方も多いかもしれません。ですが、CSSは各機能ごとに仕様が策定されるため、…
【画像軽量化】WebPにそろそろ対応したほうが良さそうなので現時点で最適方法の考察
WebP（うぇっぴー）という画像形式をご存知でしょうか。Google さんが主導となって開発している新しい画像形式なのですが、意外…
【Gutenberg対応】Advanced Custom Fields Pro 3.8 でのオリジナルブロック作成方法
Gutenberg から逃げてはいけないと思いつつも、気付けば旧エディターが使える Classic Editor と仲良くしまっているというアナ…
【コピペ用】WordPressブログの構造化データ作ってみました（ISO 8601 形式対応）
先日 Google から公開されたこちらのエントリー、 ウェブページの最適な日付を Google 検索に知らせるには https://webmaster-j…
CSS Grid の使い方をマスターして float を卒業しよう
CSS Grid とは 最近、Web ではグリッドレイアウトを取り入れたデザインが増えてきました。しかしグリッドレイアウトをWeb上で実…
〼（ます）や株式会社がiPhone（Safariなど）で特殊文字に変換される原因と解決方法
先日、新しいテーマをガチャガチャとカスタマイズしているときに、沼にハマったものの、なかなか解決策が見つからなかったので…
ご相談
まずは、今の状態を整理する
ところから
「何を頼むべきか決まっていない」という段階で構いません。現行サイト、目標、困っていることを伺い、優先して確認すべき点を整理します。