ユーザープロフィール

ゲストさん

CSS ポイント・テクニックのイロハ

18件

Webサイトの文字デザインをワンランクアップ! CSSでフォントを指定したり太字にするテクニック

Webサイトの文字デザインをワンランクアップ! CSSでフォントを指定したり太字にするテクニック

デザインを作る上で、文字のデザインは重要です。特に、文字の見た目を印象づけるフォントは、デザインの意図を決める上で雰囲気を大きく左右します。Webデザインにおいて、フォントを利用するには大きく2つの方法があります。画像の中で使用したいフォントを使った文字を入力するHTML本文に、CSSでフォントを指定する前者の場合、画像を作成するパソコンに使用したいフォントが入っていれば利用することができます。後…


CSSで作れる絵柄やアニメーション~ボタンデザインや便利なジェネレーター、読込速度の遅延対策まで~

CSSで作れる絵柄やアニメーション~ボタンデザインや便利なジェネレーター、読込速度の遅延対策まで~

HTMLと合わせて使用されることの多いCSSは、HTMLで記述された文字のフォントや色を設定するためだけにあると思っている人が多いのではないでしょうか。しかし、CSSはヴァージョンアップするにつれて、アニメーションやさまざまな絵柄を表示させられるようになりました。今回はそんなCSSでできるさまざまな装飾についての記事を集めてみました。コピペするだけですぐに使えるようになりますので、初心者の方にも安…


SMACSSにBEMを取り入れたクラス名の命名規則

SMACSSにBEMを取り入れたクラス名の命名規則

はじめに みなさまこんにちは!おはようございます!マークアップエンジニアのうさこでございます! またお前か・・・という声が聞こえてきそうですね・・・?花粉なんて爆発してしまえばいいと思っている今日この頃でございます。 さ … 続きを読む →The post SMACSSにBEMを取り入れたクラス名の命名規則 appeared first on SONICMOOV LAB.…

元の記事


モーダルウィンドウを実装してみよう(応用編) ウィンドウ内表示対応

モーダルウィンドウを実装してみよう(応用編) ウィンドウ内表示対応

モーダルウィンドウを実装してみよう、の記事の続きです。 前回の記事では基本形の実装を紹介しました。今回は以下の実装について説明していきたいと思います。 ページ内に、モーダルを表示するためのトリガを複数設定する。 スクロー … 続きを読む →The post モーダルウィンドウを実装してみよう(応用編) ウィンドウ内表示対応 appeared first on SONICMOOV LAB.…

元の記事


CSSがサイトの読込速度の遅延原因かも?見直すところは大きく3つ!

CSSがサイトの読込速度の遅延原因かも?見直すところは大きく3つ!

CSSもページ表示速度を落とす要因になります 「なんだか自分のサイトのページの表示速度が遅いなあ…」 もしかしたら、CSSが原因の1つになっているのかも?CSSを見直す良い機会かもしれません。 ブラウザはページ内容を表示…

元の記事


モーダルウィンドウを実装してみよう

モーダルウィンドウを実装してみよう

※2015.1.26 誤字脱字、説明を修正いたしました。 最近モーダルウィンドウ(ポップアップウィンドウ?)の実装ばっかりやっているココエです。頭の中が常にモーダルです困りました。 なので、モーダルウィンドウの実装につい … 続きを読む →The post モーダルウィンドウを実装してみよう appeared first on SONICMOOV LAB.…

元の記事


スマホ対応!パララックスサイトの作り方

スマホ対応!パララックスサイトの作り方

皆様おひさしゅうございます。ラーメン女子のうさこでございます。 最近は大好きなラーメンも食べるのを控えています。えらいことになってるんですよ・・・ 親に骨皮筋子と言われた私でも・・・! 以前、会社の飲み会でデザイナーのユ … 続きを読む →投稿スマホ対応!パララックスサイトの作り方はSONICMOOV LABの最初に登場しました。…

元の記事


オウンドメディア運営会社の皆様へ

s

ページトップ