WEB制作のメモ帳
-
- 「iflame」を使ってフェイスブックページを作成
- FaceBook(フェイスブック)のフェイスブックページをインラインフレームを使って制作する方法をメモ。
この方法は自身のサーバーに作成したページをフェイスブックページ内に表示させる方法で、アプリへの登録が...
- この内容を見る
-
- CSS「cursor」でカーソルの形を変更
- オンマウス時に表示されるカーソルの形を変更したいとの依頼があったので内容をメモ。
知っておくとなかなか便利。
アンカータグでなくても有効なんだな。
- この内容を見る
-
- jqueryで写真をばら撒いたように配置する
- 画像の効果的な切り替わりを探しているときに
面白うそうなスクリプトを発見したのでメモ。
スナップ写真のような感じでレイアウトできるので
体験レポートとか、更新性のある形で使えば面白いかも。
■デ...
- この内容を見る
-
- 料理写真をおいしそうに自動補正するWebサービス
- 携帯で撮影した写真をブログに投稿する人も多いですが
どんなにきれいに撮影しても色味が微妙な場合も多いはず。
そんな時に便利な自動で写真を美味しそうに変換してくれるサイトを発見したのでメモ。
料理...
- この内容を見る
-
- HTMLのメタタグで時間指定リダイレクト処理をする
- サイトのURLが変更になったとかで見かける「○秒後にページが切り替わります」という表記。
タグを入れるだけで簡単に実装できるのでメモ。
※この方法の場合、〜秒後に移動させる〜秒の部分をできる限り短くする...
- この内容を見る
-
- 無料で使える日本語フォント集
- 商用サイトでも無料で利用できる、ひらがな・カタカナ・漢字などが含まれている日本語のフリーフォントが一度に紹介されているサイトを見つけたのでメモ。
特に手書き風の文字はロゴやポイントに使えて非常に...
- この内容を見る
-
- 「position」で背景画像にリンクを設置
- 背景画像を一枚絵で設定しているページで
部分的にリンクを貼りたいとの要望があったのでCSS「position」プロパティで対応
- この内容を見る
-
- ホームページにGoogleの検索ボックスを設置する
- ブログやポータルサイト等で見かけるサイト内検索窓。
サイト専用に用意をするとDBの開発が必要だったりとかなり大変ですが、DBを利用しなくても簡単なgoogle検索窓をホームページ内に設置する方法を見つけたの...
- この内容を見る
-
- jquery「Masonry」で雑誌のような段組レイアウト
- このサイトもそうですが画像の大きさや、文字数によってブロック要素の高さや幅が変わり、横並びさせるときれいにレイアウトできない場合があります。
そんな時に要素の大きさに合わせて自動で間隔を詰めてレイ...
- この内容を見る
-
- PHPで携帯キャリア振り分け
- PHPで、ユーザーエージェントを取得して各キャリアとPCに振り分ける方法をメモ。
スマートフォン、 DOCOMO、 SOFTBANK、 AU、 WILLCOMの振り分けをします。
- この内容を見る
-
- jquery「Scroll Follow」でスクロールしてもついてくるメニュー
- 求人サイトやECサイトなどカートを何度も使う必要のあるサイトの場合、カートに入れるや検索フォームなど、よく使う項目は常に表示されているほうが便利。
サイドメニューを固定する方法もあるけど、スクロール...
- この内容を見る
-
- WYSIWIGエディタでテキストエリアのユーザビリティーをアップ
- ホームページを作る際は自作のCMSを使用してるんだけれど
テキストエリアの文字を大きくしたり、色をつけたりできないのはブログやワードプレスと比較して物足りないところ。
HTMLタグを埋め込めるように改修し...
- この内容を見る
-
- jqueryで縦にサムネイルをスライドするスライドショーを作成
- 多くの画像を効果的に見せることができるスライドショー。
ギャラリーサイトでよく見かけますし自分自身も利用しているのですが、基本はサムネイルは横並び。
そんな中、サムネイルを縦に表示できるものを見つ...
- この内容を見る
-
- jquery「slideswitch」で簡単にスライドショーを実装
- 必要な画像を用意するだけで自動的にスライドショーにしてくれる方法を見つけたのでメモ。
画像の切り替わりはフェードイン・フェードアウト方式
速度も自由に変えられます。
■実装サンプル
http://dontats...
- この内容を見る
-
- Wordpress(ワードプレス)オリジナルテーマの作り方
- 簡単にカスタマイズが可能ということと
プラグインの豊富さで大人気のWordpress(ワードプレス)。
オリジナルテーマの作り方が掲載されているページがあったのでメモ。
- この内容を見る
-
- CSSで文字の一文字目を大きくする
- CSSで文字の一文字目を大きくする方法をメモ。
文字の大きさに限らず、色を変えたり背景色をつけたりとポイントとして活用できるので
「アイコンを作るまでもないが見出しを強調したい」という時に便利です。
- この内容を見る
-
- 「javascript」でプルダウンから直接移動
- セレクトボックスを使用して検索をする場合通常は「PHP」で処理するのですが
選択項目が単数の場合は選択しただけで移動する方法が便利な場合も「javascript」による方法を見つけたのでメモ
- この内容を見る
-
- 「javascript」で入力フォームを制限
- 入力フォームの制作で「その他」が選択された時だけ
テキストボックスを有効にしてほしいと依頼されたので
「javascript」による方法をメモ
「その他」選択時のみテキストボックスの書き込みが可能です。
- この内容を見る
-
- 「PHP」で「XML宣言」を記述
- PHPファイルに内に「XML宣言」があるとエラーになってしまうので
記述を省いていたんだけど
エラーなく記述できる方法があったのでメモ
「XHTML」では「XML宣言」の記述は必須ではなく推奨とされていますが
...
- この内容を見る
-
- MySQL「 SELECT」でデータを抽出
- 何かと利用頻度の多い「SELECT」でのデータ抽出条件式をメモ。
ソート(並べ替え)は「order by」(order by フィールド名)
抽出件数を制限する場合は「limit」(limit 0, 10)を使用
- この内容を見る