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

2017年03月12日
コーディング

ブラウザのデフォルトCSSで表示されるinput要素フォーカス時のデザインを変える。

SafariやGoogle chromeといったブラウザでは、input要素にフォーカスすると、次の画像のように入力エリアのまわりにもやっと...

2017年03月04日
コーディング

約物半角専用のWebフォント『Yaku Han JP』が素晴らしい。

@Qrac_jpさんが制作した約物半角専用のWebフォント『Yaku Han JP』が便利すぎるのでご紹介。 約物半角専用の約物(やくもの)...

2017年01月08日
コーディング

iPhoneの標準ブラウザ『Safari』の電話番号自動リンク機能を無効にする

iPhoneの標準ブラウザ『Safari』にはページ内に記述された電話番号に自動でリンクする機能があります。 電話番号だけ確実にリンクしてく...

2016年12月19日
JavaScript

スティッキーヘッダーでページ内リンクの表示位置がずれた時の調整方法

WEBサイトのファーストビューに背景画像のフルスクリーン表示を取り入れた時に下にもコンテンツがあることを分かりやすくするために、ページ内リン...

2016年11月22日
Sublime text

フォルダ内を一括検索・置換するならSublime Textが便利。

恋に落ちるエディタのキャッチフレーズで知られる「Sublime Text」をコーディング用に使いはじめて早3年。その使いやすさに「この恋は冷...

2016年09月07日
JavaScript

Instagram投稿写真をWEBサイトにギャラリー表示させる方法

Instagramにアップしている写真をWEBサイトに読み込んで表示できたら便利ですね。 例えば次の画像のように最新画像から降順にギャラリー...

2016年08月21日
jQuery

スクロール中にふわっと要素を出現させるには「Waypoints」が手軽でいいよ。

ページをスクロールすると要素がふわっと出現するサイトが増えてますね。 こんな感じで Waypoints 「Waypoints」はこのようなス...

2016年07月05日
jQuery

スマホやタブレットなどタッチスクリーンのデバイスでもタップした時にホバーエフェクトを効かせる小技

スマホやタブレットなどタッチスクリーンのデバイスはカーソルが乗っている要素にスタイルを適用する:hover擬似クラスが使えません。 そこで、...

2016年02月13日
コーディング

プレースホルダーテキストにCSSを適用する方法

プレースホルダーテキストとはお問い合わせフォームなどの入力欄に事前に薄字で表示されている説明文のことです。 例えばこんなの。入力のためにクリ...

2016年02月07日
コーディング

Google Chromeデベロッパーツールの知らなきゃ始まらない超基本操作。

デベロッパーツールはWeb開発者にとって大変便利なツールです。Web開発者の中にはこのツールを使って大半のコーディングを行い、それを実際のフ...

2015年11月21日
SNS

11月20日に変更されたTwitterボタンのデザイン。ツイート数が消えてレイアウト崩れ対応に涙目。

昨日、Twitterボタンのデザインが変更が完了しました。新デザインは次の通りです。 見て分かる通り、なんとツイート数の表示がなくなっていま...

2015年10月25日
コーディング

レスポンシブWEBデザインはもう古い?一歩進んで「アダプティブデザイン」

WEB業界は進歩が早く新しい技術が次々と生まれてきます。 フリーランスの身としては、常にアンテナを高く張って情報収集にしておかないとあっとい...

2015年10月14日
コーディング

1ページにGoogle Maps APIを利用した地図を複数表示する

Google Maps APIを利用することで、カスタマイズした地図をWEBサイトなどに表示させることが可能になります。 使い方については以...

2015年09月15日
Sublime text

【Sublime Text3】起動の度に立ち上げるPackage Control Messagesをストップ

Sublime Text3 完全に手放すことができなくなってしまったテキストエディタですが、起動する度にPackage Control Me...

2015年09月11日
Apple

iPhone6でリンクをタップしても開かないのはiOS8.4.1が原因でした

何気なく普段使っているiPhone6でサイトチェックしていたら、リンクをタップしても画面遷移が起こらず焦りましたよ。 調査してみると、iOS...

webサイト制作・修正に関するお問合せ・ご相談・お見積りはお気軽にどうぞ