あなたが作ったサイトのフッターの役割は？12のフッター活用方法！
昔はさっぱり注目されていなかったフッターエリアですが、今では多くのクリエイターがフッターに関心を持つようになりました。フッターデザインだけを集めたサイトなんて過去にほとんどありませんでしたが、ここ2、3年でいくつもそういったサイト・ページを見るようになりました。また特に海外サイトで言えることですが、最近では「これがフッターなのか！」と思う、すごいクオリティーのフッターも見る機会が多くなりました。 皆さんは大きく関心を集めるようになったこのフッターエリアを上手に活用できていますか？ ユーザーの起こすアクションを絞る(誘導する) 皆さんはブログの記事を読み終わった後、次にどんなアクションを起こしますか？ スクロールしてトップに戻る 元々いたサイトに戻る(はてブとか) タブを閉じる ツイートしてみる なんとなくコーヒーを飲む 上記のようにユーザーは、記事を読み終わると必ず何らかのアクションを起こ
twbs/bootstrap: The most popular HTML, CSS, and JavaScript framework for developing responsive, mobile first projects on the web.
Bootstrap Sleek, intuitive, and powerful front-end framework for faster and easier web development. Explore Bootstrap docs » Report bug · Request feature · Themes · Blog Bootstrap 5 Our default branch is for development of our Bootstrap 5 release. Head to the v4-dev branch to view the readme, documentation, and source code for Bootstrap 4. Table of contents Quick start Status What's included Bugs
[JS]地味なフォームを簡単にかわいらしいデザインにする -Ideal Forms
画像を一切使用せず、既存のフォームをかわいらしいデザインに変更するjQueryのプラグインを紹介します。 チェックボックスのチェックも画像ではないですよ。 Ideal Forms デモ [ad#ad-2] Ideal Formsのデモ フォームの外観は画像は使用せずスタイルシートでデザインされているので、自分用のカラーに変更することも可能です。 デモでは、3つのスタイルが用意されています。 スタイル：Comix Ideal Formsの主な特徴 フォームに美しい外観を与える軽量（14Kb）のスクリプト。 カスタマイズも簡単で、非常に使いやすいです。 画像は必要なく、スタイルシートでデザインを適用しています。 [ad#ad-2] Ideal Formsの実装 ファイルのアップロード 以下の2つをフォルダごとアップロードします。 css/idealForms js/idealForms.js
[CSS]ホバー時にアニメーションでふんわりと浮かぶナビゲーション
CSS3 Flying Menu デモページ [ad#ad-2] CSS3 Flying Menuのデモ デモでは他にも、ふんわりと浮かびつつ、ハイライトされるものもあります。 デモページ CSS3 Flying Menuの実装 HTML:ふんわりと浮かぶタイプ 各アイテム（アイコンとテキスト）をリスト要素で実装します。 <ul id="fly-menu"> <li><a href="http://www.webstuffshare.com"><img src="images/heart.png" alt="webstuffshare">Webstuffshare Home</a></li> <li><a href="http://feeds.feedburner.com/webstuffsharecom"><img src="images/rss.png" alt="rss"> Subs
画像無しでアーガイルやタータンチェックなどのパターンを生成する -Patternizer
[ad#ad-2] 生成したパターンの利用方法 ページに利用する際は、下記のように記述します。 外部ファイル 「patternizer.js」を外部ファイルとして指定します。 <script type="text/javascript" src="patternizer.js"></script> HTML ページ内に空のcanvas要素を配置します。 <canvas id="bgCanvas"></canvas> <div class="wrapper"> <div class="content-wrapper"> <!-- Content here --> </div> </div> CSS 背景を固定表示にするために「position: fixed;」を指定し、コンテンツは「position: absolute;」と「left: 0px;right: 0px;」を指定します。 #bg
2011年8月第2週号 1位は、デザイン設計を行うのはPhotoshopかブラウザか？、気になるネタは、スマホで雑誌が無料、お店の中なら | gihyo.jp
週刊Webテク通信 2011年8月第2週号1位は、デザイン設計を行うのはPhotoshopかブラウザか？、気になるネタは、スマホで雑誌が無料、お店の中なら ネットで見かけたWebテク（Webテクニック・Webテクノロジー）記事から、Webデザイナーの目で厳選したネタを週刊で紹介するこのコーナー。今回は、2011年8月8日～8月14日の間に見つけた記事のベスト5です。 1. The big decisions about design and how to make them ≪ Boagworldhttp://boagworld.com/season/2/episode/s2e5/ Webデザインを行う際に、どういった要素を考慮してどう決定していくかのノウハウ記事です。デザイン設計を行う際に、Photoshopとブラウザのどちらで行うかが、メインの話題となっています。 Photoshopな
.NETでスマホ向けWebアプリ開発を始める前の基礎知識（1/3） - ＠IT
.NETによるスマートフォンWeb UI開発ガイド【導入編】 .NETでスマホ向けWebアプリ開発を始める前の基礎知識 デジタルアドバンテージ 一色 政彦 2011/04/01 いま、開発者の間で「スマートフォン開発」に対する関心が高まってきている。これは.NET開発者においても例外ではなく、Insider.NET／.NET開発者中心の読者の66％（※＠IT読者全体では70％）がスマートフォン開発を検討しているのだ*1。（執筆現時点での）.NET開発における主要なアプリ形態としては（※本稿では「アプリケーション」は「アプリ」と表記）、Windowsアプリと（PC向け）Webアプリが挙げられるが、数年後にはそこにスマートフォンが加わりそうな雰囲気である。 スマートフォン開発といっても、大きく分類して「ネイティブ・アプリ」と「Webアプリ」の2種類が考えられる。現時点で、この両者への開発者の関
メイキング「NERV極秘資料 - 電力使用状況」こと技術解説 - 甘味志向＠はてな
NERV極秘資料 - 電力使用状況 先日、東京電力の電力使用状況をエヴァンゲリオン風デザインで表示するWebサイトを作ったものが、あちこちで反響を頂きました。 ねとらぼ：「NERV専用監視装置」で東電の電力状況をチェック エヴァ風サイト登場 - ITmedia NEWS NERVの一員になったつもりで節電！ エヴァ風電力使用状況メーター | ギズモード・ジャパン Twitterでは16000以上ツイート頂けたようです。 http://topsy.com/kanmisikou.net/lab/power/ こちらの、はてなブックマーク週間ランキングでもIT・コンピュータカテゴリ2位を頂きました。ありがとうございます。 http://b.hatena.ne.jp/ranking/weekly/20110321/it これだけの反響を頂きましたし、せっかくなのでWebアプリを作る工程を解説します
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IBM Developer