グローバルナビのテキストをhoverで切り替える方法 グローバルナビにマウスを重ねた時、文字を変更する方法を確認、実装してみました。ここでは、下図のように、 ↓ 標準時英語表記のグローバルナビメニュー ↓ (マウスホバー) ↓ 日本語表記するという動作を実…

今日は、Sass編集時に役立つ、こちらのツールをご紹介させていただきます。 ダウンロード先： http://koala-app.com/ Sass (サス) とは Syntactically Awesome Stylesheets の略だそうです。 一言で言うと、拡張版CSSといったところでしょうか。 CSSが入れ子…

今日は、Bootstrapテンプレートでコーポレートサイト(デモサイト)を作成しました。 使用したのは以下のUNIONというFreeのテンプレートです。 で、作成したデモサイトがこちらです。↓ SAMPLE PRESSこういったテンプレートを利用すると、 シングルページのスタ…

カンバスサイズから画像を指定サイズに加工(縮小) Photoshopの「イメージ」-「カンバスサイズ」から、画像を指定サイズに変更(縮小)する方法です。 【手順】準備： ※この作業時、「選択したレイヤーのバウンディングボックスを表示」はチェックしておいてく…

ヒートマップを利用する 無料でも使えるサービス 自作しようと思う時に参考になる情報 はてなブログユーザーなら使いたいヒートマップツール「Ptengine」 WordPressでヒートマップを使おうと思う時に参考になる情報 ヒートマップを利用する 「ヒートマップ」…

更新日自動入力機能をGoogleスプレッドシートに追加 Googleスプレッドシートは、最近仕事でチーム利用することが多くなりました。今日は、スプレッドシートで管理している表中の値が更新された場合、その更新日を記録したいとのメンバー要望により、該当行に…

ECサイト設置用 CSS3のアニメーションバナー ECサイト設置用にCSS3のアニメーションバナー、 作りました。 ※以下はDemo用ダミーです。Demo 以下、サンプル用のソースを共有します。 <style> /* 基本設定 */ html, body { margin: 0; padding: 0; } body { font-fami…

今日は、新しく作ったサイトに Google Analytics を設置するなどの作業を行っておりました。 Google Analyticsとは 公式サイト： https://analytics.google.comGoogleが提供するアクセス解析ツールのことです。 サイトに導入(※)すると、サイト訪問者の動向・…