「 WEB制作 」 一覧

Font Awesomeのアイコン(WEBフォント)をフォームのボタンに使用する方法

WEBアイコンフォントで有名な「font-awesome」のアイコンを、をフォー ...

HTML5 videoタグで背景に動画を使ったページを作る方法

2016/11/25   -HTML,CSS
 , , , ,

背景に動画を使うサイトをよく見受けられるようになってきました。 どうやって作って ...

CakePHP2でView/Elements以下にディレクトリを追加し、共通ページを管理する方法

CakePHP2ではヘッダやフッタなどサイト共通のパーツは View の Ele ...

【css】リスト(UL/LI) を横並べにする「flexbox」の書き方

リストや定義リストなどを横並べに配置する「flexbox」の書き方メモ。 以前書 ...

SVGファイルをIllustratorで簡単に作成し、HTML5で表示する方法

最近、ロゴに「.svg」となったファイルを使うサイトが増えていているような気がします。
.svgとはなんなのかよく知らなかったので調査し、実際にブラウザで表示させることが出来るようになったので、備忘録としてポストしてみたいと思います。

MySQL

SQL開発環境ソフトウェア「CSE」でMySQL5に接続する方法。

10年ぐらい前から使っているCSEを今更ネタにするのもどうかと思ったのですが、次回また最初から調べるのもアレなので、自分用にWindows7(32bit版)からMySQL5に接続する方法を備忘録代わりにポストします。

Bootstrapの表(テーブル)の使い方7選

2014/08/29   -Bootstrap
 , , , ,

Bootstrapでのテーブル作成する際のメモを忘備録としてポストします。

CSSのフレームワーク「Bootstrap」を使ってメールフォムを作成してみる。

CSSのフレームワークである「Bootstrap」を使って既存のメールフォームをリニューアルしたので、その使い方などを忘備録としてポストします。

Eyecatch html css

個人的に使っている、WEB制作時に使うと非常に便利なジェネレータ3種類。

WEB制作時に使うと便利なジェネレータをご紹介。
メジャーなサイトばかりなので知っている人もたくさんいるとは思いますが、まぁ、参考程度にどうぞ。

jQuery

jQueryでサムネイル画像をマウスオーバーするとメイン画像が入れ替わるスクリプトを書いてみた

ECサイトでよくある、サムネイル画像にカーソルを合わせると、メイン画像が入れ替わるというスクリプトをjQueryを使い書いてみたので、公開してみます。プラグイン化もしてみました。