ホームページ制作_コーディング
HTMLで作成したWEBサイトでもブラウザで編集できるCMS 「Sitecake」が便利すぎる
とても重宝しそうなCMS 「Sitecake」のご紹介です。 このCMSの特徴は、HTMLで作成したWEBサイトをブラウザで編集可能にしてく...
IE9でFacebookのいいねボタンが非表示に。Helvetica対策を忘れてました。
このバグどうにかならないのでしょうか? IE9でまたFacebookのいいねボタンがまた非表示になっていました。 普段ブラウザは「Googl...
Photoshopの無料プラグイン「Cut&Slice me」でスライス作業を自動化しよう。
日々、デザインしたり、コーディングしたりと慌ただしく作業をしておりますが、単純作業だけに「誰かやってくれないかな」と思うのがスライス作業です...
Googleマップが表示されない!? 完全にコーディング疲れがでてます。
今日も朝からコーディング三昧です。 制作開始をお待ちいただいているクライアント様もいらっしゃるので、一日で3サイトのコーディングを進めている...
YouTube動画を音量ミュートでWEBサイトに埋め込む方法
YouTube動画をWEBサイトやブログに埋め込むには、特に複雑な作業は必要ありません。 動画の下に表示されている共有から埋め込みコードを選...
ブログカード風にリンクを表示する便利なブックマークレット
ブログカード 「ブログカード」とは、はてなブログの便利な機能です。ブログ記事のタイトルや概要、アイキャッチ画像などをカード型のデザインで表示...
アンカーリンクを利用するとページの上部が切れる場合の対処
昨日はキリンチャレンジカップのチェニジア戦をテレビ観戦しました。 ヴァイッド・ハリルホジッチ監督にとっての初陣ということで、どんな采配を見せ...
Facebookの「いいね!」ボタンは非同期通信を有効化しよう
せっかくブログを書いているなら、アクセス数を増やすためにSNSシェアボタンを設置しないともったいないですね。 しかし、このSNSシェアボタン...
【CSS】:first-letter 擬似要素を使って、先頭の文字を装飾する
:first-letter 擬似要素 CSSで:first-letter 擬似要素を使用すると、HTMLには手を加えずに、先頭の1文字だけに...
XAMPPのセキュリティページの文字化けを修正します。
XAMPPの調子が悪かったので再インストールしました。 続いてXAMPPのセキュリティ設定です。MySQLのrootパスワードは設定していた...
カスタマイズしたGoogleマップをWEBサイトに表示する方法
WEBサイトを制作すると、アクセスマップなどにはGoogleマップを使用するケースが多いですね。 その場合、デフォルトのままのデザインで組み...
コーディング作業が楽になるCSS3で定義されているセレクタと擬似クラス
cssの基本 HTML文書にレイアウトやデザインといったスタイルを指定するための言語をCSSと言います。 そのCSSの基本的な書式は次のよう...
クラウドエディタ「Editey」がなかなか便利!Googleドライブにホスティングできます。
クラウドエディタ「Editey」 Googleドライブに開発環境が作れるクラウドエディタ「Editey」。下記の記事を読んで便利そうなので使...
ウィンドウサイズいっぱいの背景画像をスライド表示するjQueryプラグイン「MaxImage 2.0」
jQueryプラグイン「MaxImage 2.0」 ウィンドウサイズいっぱいに背景画像を表示させるには便利なjQueryプラグインです。画面...
ウィンドウをスクロールしても上部にナビゲーションを固定表示させる「スティッキーヘッダー」を実装する。
当サイトではグローバルナビゲーションを上部に固定表示させるスティッキーヘッダーを実装しています。 スティッキーヘッダーを設定すると、縦に長い...