1. 「CSS」に関する記事

「CSS」に関する記事

U-NOTEには「CSS」に関する記事が6件掲載されています。仕事を楽しくする「CSS」に関する情報はU-NOTEで見ることができます。

「CSS」の記事一覧 6件中1 - 6件表示中

新着順    |     人気順
  • センス良し!スマホサイトのデザインギャラリーサイト10選

    センス良し!スマホサイトのデザインギャラリーサイト10選

    スマホサイトのデザインを考えるときに参考になりそうなサイトを10サイトご紹介します。どれも参考になりますよー!センスが良く、デザイン的にも参考になるさいとのデザインが集まっています。iPhoneだけでなく、iPadやiOS7に特化したデザインも掲載されていて便利です。こちらも良いセンスのサイ...

  • Webデザインの基礎をマスターするためにかかる勉強時間

    Webデザインの基礎をマスターするためにかかる勉強時間

    自分でWebデザインをすることになったとき、まるで知識がない場合はどこから手をつけたらいいのかわからないという人は多いと思います。ネット検索しても書店にいっても「初心者から作るホームページ」といった内容のノウハウはたくさん見つけることができますが、実際にゼロからスタートした場合は...

  • UIが素敵!iPhone向けウェブアプリ「Sun — simple weather app」

    UIが素敵!iPhone向けウェブアプリ「Sun — simple weather app」

    「Sun」というお天気アプリを紹介します。こちら、ネイティブアプリではなく、ブラウザで動作するウェブアプリです。iPhoneでサイトにアクセスし、ホーム画面に追加します。位置情報を聞いてくるので許可します。すると、画面が立ち上がります。フリックした後の動きが可愛い!まるでネイティブのア...

  • 【スマートフォン向けサイト】フォントサイズの指定には、remを使おう

    【スマートフォン向けサイト】フォントサイズの指定には、remを使おう

    CSSでフォントサイズの設定する際、「em」や「px」を使う事が多いと思うのですが、スマートフォン向けサイトの場合は全てのブラウザがCSS3に対応しているのでCSS3から新しく登場した単位である「rem」で設定するのがおすすめです。従来の「em」と似ていますが、「rem」はemとは違い親要素の値を継承...

  • JSを使わずにCSS3の「appearance」を使ってセレクトボックスを自由にデザインする

    JSを使わずにCSS3の「appearance」を使ってセレクトボックスを自由にデザインする

    「appearance」はCSS3で追加された新しいプロパティです。セレクトボックスのCSSカスタマイズはあまり自由度が無いので、一度「appearance」プロパティでカスタマイズしやすいUIを設定し、それから反映させたいCSSを書いていきます。※PCブラウザはappearanceに対応していないものもあるので、スマホ...

  • 【jQueryプラグイン】スマホサイトにドロワーを実装してみよう!

    【jQueryプラグイン】スマホサイトにドロワーを実装してみよう!

    Facebookアプリなんかでもおなじみ。ドロワーとは、左(もしくは右)からスライドして出てくるナビゲーションです。ドロワー = 引き出し。アプリはもちろん、スマートフォンサイトでも実装しているサイトが増えてきています。1. なめらかにアニメーションして左(もしくは右)からメニューがスッと...

  • 1