CSS3 これは使える！お洒落なアニメーションが目を惹くCSSボタン77選
はじめに
色々なタイプのWEBサイトに使えそうな
デザイン性の高いCSSボタンを集めてみました。
どれもHTML+CSSのみで実装されているので
コピー＆ペーストで
自分のサイトにすぐ導入できます。
1. スマー...
CSS3 
jQuery 項目数の増減ができるフォームのサンプル【jQuery】
私事になりますが、
最近仕事をwebコーダーから
WEBアプリのバックエンドエンジニアに鞍替えしまして、
その影響でHTMLフォームを利用したデータの受け渡し処理を書くことが増えました。
そして、その際に手間のかかる実装の一つに...
MySQL mysqlでSHOW DATABASESコマンドが効かないエラーの解決
エラーの内容
システム構築の勉強の過程で
mac book airのローカルにLAMP環境を構築中、
ターミナルからmysqlにログインし
SHOW DATABASES;コマンドを叩いたところ以下のエラーに遭遇しました。
解決方法
デ...
javascript input[type=number] の矢印(スピンボタン)のデザインをCSSで自由に変える方法
HTMLのinputボタンのtype属性にnumberを指定すると
数字以外の入力が不可になり
さらに上の画像のように、増減ボタンが右端につくのですが、
この増減ボタンにはブラウザによって
見た目がコロコロ変わってしまうという困った問題...
wordpress え！？こんなこともできるの？と驚くWordPressの活用事例6選
はじめに
こんにちは、daimaです。
今や世界中のWEBサイトの実に4割以上※で
利用されている超人気CMSのWordpressですが、
実は単にブログを書く以外にも
ネットショップや不動産サイトの基盤システムとしても
広く活用さ...
CSS3 超簡単！WordPress+cookieでお気に入り登録の機能を実装する方法
こんにちは、daimaです。
少し前に靴屋さんの商品サイトをWordpressで制作する機会があり、
その際に閲覧者が気に入った商品ページをお気に入り登録して
後からお気に入り一覧ページで見返せるようにしたいという要望があり、
これをCo...
WEB制作全般 実務経験6年のプロがWordPressサイトのご相談・ご依頼を承ります
自己紹介
Spreadsheep.net管理人のdaimaと申します。
私は2015年6月より石川県のWEB制作会社に勤務し、
企業のホームページやネットショップサイトの構築など
数多くのWEBコーディング業務に携わってきました。
特...
CSS3 コピペで5分！javascriptで埋め込みmp4動画に再生/停止ボタンを追加するコード
はじめに
こんにちは、daimaです。
本日はコピペするだけで同じページ内の全てのvideoタグで埋め込んだmp4動画に
再生/停止ボタンを追加することができる便利なjavascriptコードをご紹介します。
ちなみ...
CSS3 子ページをコンパクトに表示できるおしゃれなハンバーガーメニューのコードサンプル
こんにちは、daimaです。
本日は以前ご紹介した
こちらのハンバーガーメニューにさらに
各親メニューに対する子ページへの開閉式リンクを追加した
機能追加版をご紹介します。
デモとソースコード
DEMO
※メニ...
javascript コピペで5分!javascriptで表示時間の期限付きバナーを実装する方法
こんにちは、daimaです。
本日は任意で設定した時刻によって
画像の表示/非表示を切り替えることができる表示期限付きバナーを
数行のjavascriptコードで実現する方法をご紹介します。
主な用途としては、
一度に複数の対象への期限...