ホームページ制作_コーディング

コーディング

HTMLで作成したWEBサイトでもブラウザで編集できるCMS 「Sitecake」が便利すぎる

とても重宝しそうなCMS 「Sitecake」のご紹介です。 このCMSの特徴は、HTMLで作成したWEBサイトをブラウザで編集可能にしてく...

IE

IE9でFacebookのいいねボタンが非表示に。Helvetica対策を忘れてました。

このバグどうにかならないのでしょうか? IE9でまたFacebookのいいねボタンがまた非表示になっていました。 普段ブラウザは「Googl...

Photoshop

Photoshopの無料プラグイン「Cut&Slice me」でスライス作業を自動化しよう。

日々、デザインしたり、コーディングしたりと慌ただしく作業をしておりますが、単純作業だけに「誰かやってくれないかな」と思うのがスライス作業です...

コーディング

Googleマップが表示されない!? 完全にコーディング疲れがでてます。

今日も朝からコーディング三昧です。 制作開始をお待ちいただいているクライアント様もいらっしゃるので、一日で3サイトのコーディングを進めている...

コーディング

YouTube動画を音量ミュートでWEBサイトに埋め込む方法

YouTube動画をWEBサイトやブログに埋め込むには、特に複雑な作業は必要ありません。 動画の下に表示されている共有から埋め込みコードを選...

コーディング

ブログカード風にリンクを表示する便利なブックマークレット

ブログカード 「ブログカード」とは、はてなブログの便利な機能です。ブログ記事のタイトルや概要、アイキャッチ画像などをカード型のデザインで表示...

コーディング

アンカーリンクを利用するとページの上部が切れる場合の対処

昨日はキリンチャレンジカップのチェニジア戦をテレビ観戦しました。 ヴァイッド・ハリルホジッチ監督にとっての初陣ということで、どんな采配を見せ...

JavaScript

Facebookの「いいね!」ボタンは非同期通信を有効化しよう

せっかくブログを書いているなら、アクセス数を増やすためにSNSシェアボタンを設置しないともったいないですね。 しかし、このSNSシェアボタン...

コーディング

【CSS】:first-letter 擬似要素を使って、先頭の文字を装飾する

:first-letter 擬似要素 CSSで:first-letter 擬似要素を使用すると、HTMLには手を加えずに、先頭の1文字だけに...

XAMPP

XAMPPのセキュリティページの文字化けを修正します。

XAMPPの調子が悪かったので再インストールしました。 続いてXAMPPのセキュリティ設定です。MySQLのrootパスワードは設定していた...

コーディング

カスタマイズしたGoogleマップをWEBサイトに表示する方法

WEBサイトを制作すると、アクセスマップなどにはGoogleマップを使用するケースが多いですね。 その場合、デフォルトのままのデザインで組み...

コーディング

コーディング作業が楽になるCSS3で定義されているセレクタと擬似クラス

cssの基本 HTML文書にレイアウトやデザインといったスタイルを指定するための言語をCSSと言います。 そのCSSの基本的な書式は次のよう...

サービス

クラウドエディタ「Editey」がなかなか便利!Googleドライブにホスティングできます。

クラウドエディタ「Editey」 Googleドライブに開発環境が作れるクラウドエディタ「Editey」。下記の記事を読んで便利そうなので使...

jQuery

ウィンドウサイズいっぱいの背景画像をスライド表示するjQueryプラグイン「MaxImage 2.0」

jQueryプラグイン「MaxImage 2.0」 ウィンドウサイズいっぱいに背景画像を表示させるには便利なjQueryプラグインです。画面...

jQuery

ウィンドウをスクロールしても上部にナビゲーションを固定表示させる「スティッキーヘッダー」を実装する。

当サイトではグローバルナビゲーションを上部に固定表示させるスティッキーヘッダーを実装しています。 スティッキーヘッダーを設定すると、縦に長い...