Webデザインブックマークサイト Webデザインリンク集の.SG_BOOKMARKは、デザイン性の高い洗練されたWebサイトを集めたリンク集です。webデザインの参考に活用ください。
本連載では、HTML5やCSSの基礎を理解している方へ向けて、Bootstrapの特徴や実際の使い方を解説していきます。レスポンシブデザインは聞いたことがあるけれども「実務採用したことがない」「仕方がわからない!」という方。そんな「あなた」が1つ上のステージへ進むためのパスポートです。Bootstrapを使うことで簡単にレスポンシブサイトを制作できるようになります。 「スマホ専用サイトは使いづらい!予算が掛かる」は古い 昨年頃からスマホ専用サイトの「必要説」が揺らいでいます。その背景には、従来のPCサイト用のデータから必要最低限のデータを抽出した形で、全く別サイトとしてスマホ専用サイトが設計されているため、「UIが変わりすぎてわからない」「情報量が少ないなどの欠点が目立ちユーザーに受け入れらない」といった状況があるからです。 参考資料: 8割以上が「スマートフォン専用サイト不要」と回
デモページ Responsive(レスポンシブ) Adaptive(アダプティブ) Liquid(リキッド) Static(スタティック) Responsive(レスポンシブ) レスポンシブは、デスクトップ・スマホ・タブレットなど異なる解像度ごとにレイアウトを定義するのが特徴です。一見するとリキッドのように見えますが、表示サイズに応じて要素の幅のサイズやレイアウトが変化します。 デバイスごとに合わせた一種のリキッドレイアウトであると考えることもできます。 Liquidapsive: Responsive Adaptive(アダプティブ) アダプティブは、デスクトップ・スマホ・タブレットなど異なる解像度ごとにレイアウトを定義するのが特徴です。レスポンシブとは異なり、単にレイアウトを変えるだけではありません。ユーザーのコンテクスト(環境・状況・目的など)に応じて表示するコンテンツ(レイアウト)
classを変更するだけで、ツールチップを表示する方向、カラーを変更したり、フェードやスライドのアニメーションで表示したりなど、さまざまなスタイルのツールチップを実装できるSassでつくられたスタイルシートを紹介します。 実装にはSassの知識は必要なく、簡単に利用できます。 左から、角丸、半アロー、スライド、フェードの4種類 これらのスタイルはclassを変更するだけで、簡単に使い分けができます。他にもさまざまなスタイルが用意されています。 Simptipの使い方 Step 1: 外部ファイル 当スタイルシートを外部ファイルとして記述します。 <head> ... <link rel="stylesheet" type="text/css" href="simptip-mini.css" /> </head> Step 2: HTML ツールチップのスタイルはclassで、中身はdata
現在放映中のNHK朝の連続テレビ小説『ウェルかめ』への出演をはじめ、映画や舞台など幅広く活躍している俳優の石黒賢さん。その石黒さんの公式サイトが、自身の声や顔を使ったちょっと変わった演出になっており、注目が集まっています。 ▽石黒賢オフィシャルWEBサイト 石黒さんの公式サイトでは、中央に大きく石黒さんの顔が表示されています。プロフィールや写真、芸能活動の紹介などよくある公式サイトのコンテンツがありますが、どれも顔をクリックしないと見ることができません。また、石黒さん自身の「石黒です」という声、「コラッ」という言葉なども、効果音として使われています。 「GALLERY」を見ようと顔をクリックすると、目が光ってビームが出るという演出が。これまで出演した「ショムニ」「振り返れば奴がいる」などのドラマや、舞台、映画作品での石黒さんの写真を見ることができます。 また、「INFORMATION」では
今週(2010/12/4-2010/12/10)のはてなブックマークで話題になった人気エントリーのランキングトップ10と、ニュース編集部イチオシのエントリーをご紹介します。急に“サイトのスマートフォン対応”を頼まれた時の解決方法など、今週のランキングはWeb制作に携わる人必見のエントリーが満載です。 はてなブックマーク週間ランキング(2010/12/4-2010/12/10) 1位Windows XPの起動時の長いディスクアクセスは、Windows Updateの履歴が溜まりすぎていたせいだった?! - 全力HP 2位自分でWEBサービスを作りたいと思っている人へ 3位http://www.xiii-xiii.com/2010/12/02/%E3%83%87%E3%82%B6%E3%82%A4%E3%83%8A%E3%83%BC%E3%81%AA%E3%82%89%E7%9F%A5%E3%
Ttersへようこそ! 「Tters(ッターズ)」は、自分に合った〇〇ッターを作成し、フォローして自由につぶやける匿名SNSです。 匿名だからこそ、人間関係のストレスやプレッシャーとは無縁で、自分らしく自然体でありながら自己表現が可能な空間を提供しています。 初めての方は、当サービスの代表的なタイムライン「みんなのッター」にて、思いの丈をつぶやいてみてください。ユーザー登録は必要ありません。 まずは挨拶してみよう この表示は一度つぶやくと消えます。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く