Slick.jsや、当ブログでも解説記事を書いたSwiper.jsなどの便利なスライダープラグイン。 ウェブのフロントエンド制作においては必須クラスに重宝すると思います。 今日も、とある案件作業でlaravelアプリケーションのフロントエンドでサクッと使用しようと…

ハンバーガーメニューって美味しそうな名前ですね。 よくスマホサイトなんかに使われる事の多い、アイコンをタップすると開閉式でニュっと出てくるナビゲーションの事です。 このサイトでは現在スマホで見た時に使っています↓ 三本線のアイコンがハンバーグ…

はてなブログでメニューを表示したいという方向けにカスタマイズ方法を解説しました。 HTML/CSSを用いて横並びのメニューを実装例になるべくコピペで簡単に出来るよう解説。 ブログの上部にナビゲーションは必要か不要かも論じています。

プラグインなしでWordpress以外でもInstagram埋め込み可能な方法を解説しています。 SnapWidgetというサービスを用いた方法でインスタフィードを取得する方法となっています。

Wordpressでブログを始めた or やってる方、 「ブログとSNSをうまく連携させたい」 今の時代の当然の願望ですよね。 ちょっと前、生徒さんでWordpressにTwitterのツイートやInstagramの写真なんかを埋め込みたいという方がいたのでご案内しました。 すごく簡…

Googleフォームをサイトに埋め込む連載、第三回目です。 前回までの回はこちらから↓ 【GoogleForms】Googleフォームの埋め込み、カスタマイズ Part.1 - ABC ウェブエンジニアblog 【GoogleForms】Googleフォームの埋め込み、カスタマイズ Part.2 カスタマイ…

私もよく悩みますが、class名って「どうしよう…？」ってなりますよね。 英語強い方ならそう迷わないかもしれませんが、あまり英語に慣れていない方だと困りますよね。 自分だけであればローマ字でも問題なかったりもしますし、場合によってはありですが、案…

前回の続きです。 【GoogleForms】Googleフォームの埋め込み、カスタマイズ Part.1 - ABC ウェブエンジニアblog 前回ではサイトにGoogleFormsの見た目のままiframeというタグの貼り付けで埋め込む方法を実践しました。 ただそれでは見た目がサイトに合わない…

ホームページ制作を学んでいくとまずHTML/CSSから学んでJavaScriptという流れが一般的かと思います。 ただその流れの中では「フォーム」の見た目の部分は作れても実際の処理は実装は学べません。 よくあるお問い合わせなどのコンタクトフォームは、入力され…