cssだけでグラデーションのボタンを作る

グラデーションの背景やボタンは非常に綺麗ですが、 画像で作ってしまうと、色を変更したいときに面倒ですよね。 特にグラデーションのボタンなんかは、オンマウスで切り替わったりすると、 変更があったときにまた切替前と切替後で2枚作成しなければいけません。 でもこれがすべてCSSで指定してソースを変更するだけでいいので簡単ですね! OFF… ON!!! まずボタンはこ...
続きを読む

iframeで表示するページの高さを取得する

最近、他サイトとのコンテンツ連携が多く、手軽にiframeでやりたいことが多々ありますが、中身に表示するページ内のリンクをたどった場合、各ページの高さが異なるせいで、スクロールバーが出たり出なかったりと・・・・・これを解消する方法をご案内。 簡単に説明すると、子ページで自身の高さを取得し、これを親ページに渡し、親ページのiframeの高さにセットという感じ。 ○子側 ○親側 ...
続きを読む

エクセルを使ってテーブルを作る方法

今月から開発に混ざってphpやcssの勉強を始めました。 その中で、エクセルで作られた表をサイト上にテーブルに組み直さなければならないときがありました。 エクセルのデータを入れると自動でHTMLに変換してくれるサイトもあるのですが、それを使うとイメージ通りに作ってくれないときがあります。 だからと言って、すべて手打ちしてしまうと時間がかかってしまい、とても効率が悪いです。 そこで、全自...
続きを読む

Bootstrap3からBoosstrap4へ移行する際の注意点!

Bootstrap3からBoosstrap4へ移行する際の注意点! IEのサポートが終了(ついに。。。) いよいよBootstrapからIEが除外されました。 cssのフォントの単位がpxからremを使用するようになっています。remはルートのフォントサイズからの相対的な大きさなので、ルートのフォントサイズを変更すれば全てのフォントサイズの大きさを相対的に変更すること...
続きを読む

iPhoneやiPadでFTPやSSHを利用する

Webの開発会社は、緊急対応で休日も作業をしなければならないことが多いのです。 緊急時に家や近所にいたならば、自宅で作業を行えますが、旅行中やデート中に緊急対応が入ると 困ってしまいますよね。 旅行であればパソコンを持っていけば良いのですが、デートにパソコンは邪魔ですよね。 旅行だって、できれば身軽で行きたいものです。 そんな時、iPhoneやiPadでちょっとした作業ができれば...
続きを読む

SEO対策をシンプルに考えるための3つのポイント

○ポイント1 キーワード選定 ビッグキーワードで上位表示すると、もちろん多くのメリットがありますが、コンバージョンにつながる件数は 複合キーワードの方が多く、組み合わせは無限にあると言っても過言ではないでしょう。 無限といっても、誰も検索しないようなキーワードでヒットしても意味はないので、ツールを使ってよく検索される 複合キーワードをリストアップし、実際に検索してみると、決まって顔...
続きを読む

良く使うAjaxメモ

20150508
今回は久々にスクリプトのお話です。 個人的に、僕はAjaxが嫌い、というかJavaScriptが嫌いです。理由は当然、ブラウザによって挙動が違うからです。こう思う人、結構いますよね。 リリース後の誤動作や検証コストを考えても、開発現場では、JavaScriptを使わなくても実現できるならば使わないべきと僕は考えています。 簡単なものであれば良いんですが、複雑になればなるほど問題が...
続きを読む

モバイルフレンドリーへの対応はお済みですか?

20150403
いよいよ、4月21日にモバイル端末のGoogle検索結果が大きく変わります。この影響については、いろんなサイトで騒がれていますが、それもそのはず、Google様自身が「Google の検索結果に大きな変化をもたらします。」と言ってますからね。 Google WEBマスター向け公式ブログ http://googlewebmastercentral-ja.blogspot.jp/2015/02...
続きを読む

いつのまにか

20150318
・FORM がネストしている。 あれ、アイテムの「削除」ボタンがある FORM がネストしている、いつの間にこうなったんだ! でも、ちゃんと動いている。 放っておこうかと思ったが、我慢できず修正しJSから「削除」クリック時に新規 <FORM/>を 作成してサブミット。 もちろん「削除」ボタンのtype="submit"をtype="button"に変更。 本当は「削除」ボタ...
続きを読む