Web Blog WEBブログ

Webアイコンフォント『Font Awesome』の使い方

Webアイコンフォント『Font Awesome』の使い方(準備編:CDN)

UPDATE : 2018.04.24

こんにちは。コーダーの兼山です。 今回は、コーディング時に便利な、 Webアイコンフォント『Font Awesome』の使い方について、ご紹介します。 『Font Awesome』とは、 ウェブサイトなどでWebアイコンフォントを表示できるようにしてくれるサ...

兼山暖美
兼山 暖美
エンジニア
続きを読む
特定の要素にだけスタイルを設定する方法

【CSS:疑似クラス】特定の要素にだけスタイルを設定する方法

UPDATE : 2018.04.19

こんにちは。コーダーの兼山です。 特定のコンテンツのみ、指定をしたいことがある場合、 CSS3で追加された「nth-child」擬似クラスを使うことで実装することができます。 その方法をリストタグで紹介します。

兼山暖美
兼山 暖美
エンジニア
続きを読む
CSSのノウハウ

【CSS:アコーディオンメニュー】アクティブなコンテンツのみ表示する

UPDATE : 2018.04.17

こんにちは、コーダーの兼山です。 前回は、ノーマルなアコーディオンメニューを紹介しました。 今回は、アクティブなコンテンツのみ表示するアコーディオンメニューを紹介します。

兼山暖美
兼山 暖美
エンジニア
続きを読む
CSSのノウハウ

【CSS:アコーディオンメニュー】クリックで開閉するメニュー

UPDATE : 2018.04.12

こんにちは。コーダーの兼山です。 動きのある構成のコーディングをする際、 jqueryを使うのが一般的ですが、 できるだけ、jqueryの使用を避けたい場面に直面することも出てきます。 そんな時、役に立つ小技として、 今回は、簡単にできる、クリックで開閉で...

兼山暖美
兼山 暖美
エンジニア
続きを読む
フォントファイルのフォーマットを変換する

フォントファイルのフォーマットを変換する

UPDATE : 2018.04.11

こんにちは。コーダーの兼山です。 レスポンシブコーディングの際、テキストを画像で対応した場合、 スマートフォン表示時にテキストがボケてしまう現象に悩まされると思います。 こういった場合、webフォントを使用することで、 この『ボケる問題』を回避することが増え...

兼山暖美
兼山 暖美
エンジニア
続きを読む
画像ファイルの画質を保ったままファイルサイズを軽量化

画像ファイルの画質を保ったままファイルサイズを軽量化

UPDATE : 2018.04.10

こんにちは。コーダーの兼山です。 作業の内容によって、画像ファイルのサイズを軽量化する必要がある場合があります。 例えば、ランディングページ(LP)のコーディング。 ユーザビリティを考えると、表示時間の時間短縮が必要です。 レスポンシブ・スマートフォンの...

兼山暖美
兼山 暖美
エンジニア
続きを読む
無料相談窓口