position:fixedでヘッダ固定時のページ内外リンクのズレを解消するテクニック
UPDATE : 2019.10.23こんにちは。コーダーの兼山です。 position:fixedを使ってヘッダを固定した場合、ページ内リンクの位置がヘッダの高さ分ずれてしまいます。 これを解決する方法を紹介します。 ページ内リンクとページ外リンクの両方に対応できるテクニックも紹介します。 ぜ...
兼山 暖美
エンジニア
全国対応！外注・下請けのホームページ制作会社をお探しの会社様。
人員リソース不足、技術不足でお困りなら外注・下請け専門のランランドにお任せ下さい
Web Blog WEBブログ
テキストをタイピング風に一文字ずつ表示する方法
UPDATE : 2019.08.12こんにちは。コーダーの兼山です。 テキストをタイピング風に一文字ずつ表示する方法について紹介します。 メインビジュアル上にあるテキストの演出や、意図的に印象付けたい内容などに効果的です。
兼山 暖美
エンジニア
submitボタンにアイコンフォント（Font Awesome）を使う方法
UPDATE : 2019.08.09こんにちは。コーダーの兼山です。 画像を指定したり、テキストで [ 送信する ] といった形で表示をする他に、とても便利なFont Awesomeのアイコンを、フォームの送信ボタン（submitボタン）に使用する方法を紹介します。
兼山 暖美
エンジニア
ポップアップ ウィンドウを作成
UPDATE : 2019.08.08こんにちは。コーダーの兼山です。 今回は、ポップアップ ウィンドウの作り方を紹介します。 利用者にメッセージを伝えたり、特定の操作を促したりするために用いられることが多い仕様です。
兼山 暖美
エンジニア
スムーススクロールと固定ヘッダー対策を同時に指定する方法
UPDATE : 2019.07.10こんにちは。コーダーの兼山です。 いつも『fixedヘッダー問題』に悩まされるのですが、 あなたは、どうですか？ もし、思い当たるのなら、今回ご紹介する、 スムーススクロールと固定ヘッダー対策を同時に指定する方法で問題解決してみましょう！
兼山 暖美
エンジニア
蛍光マーカー風の下線をCSSで作る方法
UPDATE : 2019.07.01こんにちは。コーダーの兼山です。 蛍光マーカー風の下線をCSSで作る方法をご紹介します。 蛍光ペン、クレヨンマーカー、アンダーラインマーカー等、呼ばれていますね。 htmlとCSSで指定できます。
兼山 暖美
エンジニア
APIを使ったGooglマップのデザインカスタマイズ「Snazzy Maps」の使い方
UPDATE : 2019.06.17こんにちは。ディレクターの杉浦です。 サイトのデザインテイストに合わせて、Googleマップの「色味・地形デザイン・表示項目」を変更したい場合があります。 今回は「Snazzy Maps」を使ったGoogleマップのデザイン変更をご紹介します。
杉浦 直子
ディレクター
CSSのborder-radiusで角丸を指定する方法
UPDATE : 2019.05.20こんにちは。コーダーの兼山です。 今回は、CSSの『border-radius』で色々な角丸を指定する方法を紹介します。 border-radiusは、ボックスや画像などの要素に対して適応できます。 （インライン要素には指定できません。）
兼山 暖美
エンジニア
CSSで画像や文字などを透過させる方法
UPDATE : 2019.05.13こんにちは。コーダーの兼山です。 今回は、CSSで画像や文字などを透過させる方法を紹介します。 リンクのhover時の表現などに、よく使用される指定なので是非、覚えておきましょう！
兼山 暖美
エンジニア
ボックスの高さをブラウザの高さにフィットさせる方法
UPDATE : 2019.05.06こんにちは。コーダーの兼山です。 今回は、ボックスをブラウザの高さに合わせる方法を、 ウィンドウサイズの可変に対応できる内容で紹介します。
兼山 暖美
エンジニア
