よく使うjQueryプラグイン② 「Magnific Popup」

2017-12-19jQuery

代表的なlightbox系プラグインの 「Magnific Popup」。画像だけではなく、YoutubeやGoogle map・外部htmlをモーダルウィンドウで表示することができます。そんな「Magnific Popup」の使い方を説明していきます。

CMS制作① 管理画面のログイン機能

2017-11-28javascriptphp

CMS制作についての第1弾「管理画面のログイン機能」です。CMSを自作するときに必要なことを紹介していきます。まずは管理画面のログイン機能の作り方を説明します。

ドロワーメニューをjQueryを使用しないで実装する

2017-11-21cssjavascript

jQueryプラグインなし、jQueryを使わずにドロワーメニューを実装する方法を紹介します。jQueryプラグインを使って簡単にドロワーメニューを実装できますが、今回はjavascriptとcssでドロワーメニューを実装方法を紹介します。

flexboxの基本的な使い方

2017-11-16css

ここ数年いつからflexboxを使おうか悩んでいましたが、もういいでしょう!使いましょうflexbox。flexboxの基本的な使い方からプロパティの詳細までご紹介します。flexboxを初心者向けの記事です。

コーディング後に使う検証用のwebサービスなどをまとめてみた

2017-11-14htmlcsstips

コーディングが完了した後に確認したり、設定したりすることって多くて忘れてしまうこともあるので、検証用のwebサービスなどを備忘録としてまとめました。

slick.jsのdots、arrowsのカスタマイズ方法

2017-11-10jQuery

スライダーのjQueryプラグインの「slick.js」のdots(ドット)、arrows(矢印)のカスタマイズ方法を紹介します。「slick.js」はdots、arrows変更用のオプションを用意してくれています。

Node.jsを使って、Dreamweaverのライブラリ機能を作ってみた

2017-11-09javascript

phpのincludeやrequireが使用できない状況でも大丈夫!Dreamweaverのライブラリ機能を自作してみました。ターミナルコマンドを一度叩くだけで複数ページの共通箇所を一括で編集できるようになります。

WAI-ARIAってなに?WAI-ARIAを調べた

2017-11-07html

属性でたまに用いる「aria-label」や「role属性」等。なんとなく使っているだけで、何のためにあるのか知らなかったから、少し調べてみました。

cssセレクタや擬似クラスを一通りまとめてみた

2017-11-06css

cssのセレクタって知らないものも意外と多い。知ればコーディングが少し楽になるcssセレクタを調べてみました。web制作初心者の人にはためになるかもしれないセレクタも紹介しています。

「slick.js」の使い方応用編

2017-10-27jQuery

スライダー系のjQueryプラグイン「slick.js」の使い方応用編です。slick.jsを使用して色んなパターンのスライダーを制作しています。slick.jsのオプションが多すぎるが故に、気づいていないかもしれない便利なオプションもご紹介しています。

1 2 3 4
ページトップへ戻る