Freecns / Glyph UI Icon Set - Icon... / Free Icons Set designed ...他...全9件
2012年6月21日のブックマーク (16件)
-
kenjikana 2012/06/21
-
[JS]レスポンシブデザインもOK、水平タイプのナビゲーションをいい感じにするスクリプト -HorizontalNav
リスト要素で実装した水平タイプのナビゲーションのスタイルを壊すことなく、配置エリア・表示サイズに合わせて最適化するjQueryのプラグインを紹介します。 HorizontalNav [ad#ad-2] HorizontalNavのデモ HorizontalNavの使い方 HorizontalNavのデモ 水平タイプのナビゲーションの見た目は通常、成り行きや指定したサイズになりますが、HorizontalNavを使用すると配置エリアのサイズに合わせて各アイテムのサイズを均等にします。 デモ：480pxで表示 上：未適用はが成り行きで二段になってしまう幅になっても、下：適用の見た目は損なわれません。 HorizontalNavの使い方 実装は4ステップです。 Step 1: 外部ファイル 「jquery.js」と当スクリプトを外部ファイルとして記述します。 <script src="//aja
-
-
-
低価格で誰でも簡単にスマホ対応の大容量プライベートクラウドが実現できる「RockDisk」ならバックアップもラクラク
iPhone/Androidなどのスマートフォンで撮った写真やムービーなどの各種ファイルをその場から自宅のハードディスクへ容量を気にせずどんどんアップロード＆保存＆バックアップが可能、しかも友人や家族などに向けてネット経由で見られるように公開・共有ができ、何よりも既に手持ちのハードディスクを使い回したりすることで圧倒的に激安のプライベートクラウド・パーソナルクラウド環境がすぐに手に入るのがこの「RockDisk」です。 ioPLAZA:RockDisk（ロックディスク） トップページPC周辺機器 IO DATA 通販 ioPLAZA ◆実際にRockDiskを利用する場面 例えば、家族や友人と外食へ。 おいしそうな商品を注文し、運ばれてくるまで待ちます。 商品到着。この瞬間をこの場にいない家族・友人だけに見せたかったり、写真を撮ったりするそんな時…… 早速、スマートフォンを取り出し、Roc
-
あなたが作ったサイトのフッターの役割は？12のフッター活用方法！
昔はさっぱり注目されていなかったフッターエリアですが、今では多くのクリエイターがフッターに関心を持つようになりました。フッターデザインだけを集めたサイトなんて過去にほとんどありませんでしたが、ここ2、3年でいくつもそういったサイト・ページを見るようになりました。また特に海外サイトで言えることですが、最近では「これがフッターなのか！」と思う、すごいクオリティーのフッターも見る機会が多くなりました。 皆さんは大きく関心を集めるようになったこのフッターエリアを上手に活用できていますか？ ユーザーの起こすアクションを絞る(誘導する) 皆さんはブログの記事を読み終わった後、次にどんなアクションを起こしますか？ スクロールしてトップに戻る 元々いたサイトに戻る(はてブとか) タブを閉じる ツイートしてみる なんとなくコーヒーを飲む 上記のようにユーザーは、記事を読み終わると必ず何らかのアクションを起こ
-
input type = "file"のボタンをcssと画像でかっこよくする :: Lunatic-Code
以前input buttonを画像にする、とかやったんですが、 input type="file"も画像化したいなぁ、と。 んが、どうやら一筋縄じゃいかなさそうだ。 というのも、レンダリングエンジンによって、 デフォルトの表示方法が違う。 IE(Trident)やFirefox(Gecko)、Opera(Presto)だと、左側にテキストエリアっぽいのがあって、その右にボタンがある。 が、googleChromeやSafari(WebKit)だと、ボタンがあってその右側にテキストだけが表示される。 まぁ、時点で、input:fileをどうにかするよりも、代替コンテンツで対処するしかないわけで。 問題点を挙げると・・・ ・CSSでwidthやheightを指定しても、個別に幅の指定や比率の指定も出来ない。 ・また、Firefoxはcssの幅を無視する。sizeに値を入れてやら
-
input type="submit"のボタンを画像にする方法（IE対応） - かつての虫けらロック
input type="image"は要不要関わらずクリック位置がサーバに渡されちゃうし、IEだとnameとvalueの組がサーバに送られない。buttonタグでもIEは同じ仕様。 onclick="form要素.submit()"でいいじゃんと思うけど、ボタンの配置場所がフォームの内側だったら、javascript使うのも馬鹿らしいよね。 なので、input type="submit"をCSSで画像にしてみた。 <div> <input type="submit" name="hoge" value="fuga"> </div> div { height: 16px; /* IE用 */ overflow: hidden; /* IE用 */ } div input { border: 0; margin: 0; padding: 16px 0 0 0; width: 16px; hei
-
たかがフォーカス，されどフォーカス - 愚鈍人
フォーカスとタッチモード Androidのフォーカスの制御は、タッチモードがからんでいてわかりずらい。 タッチモードについては、「l. タッチモード - ソフトウェア技術ドキュメントを勝手に翻訳」を参照。 非タッチモード時とタッチモード時で、異なるAPIが存在する。 Activity画面にTextViewと3つのEditViewとButtonを配置する、以下のようなレイアウトファイルを作成する。 リスト１（main.xml） このプログラムを実行して、各ウィジェットをタッチ（クリック）した場合のフォーカスの移動を確認してみる。 TextViewをタッチしてもフォーカスは、TextViewに移動しない。 EditTextの場合は、タッチする事でフォーカスを移動する事ができる。 Buttonの場合にはタッチした瞬間、一時的にフォーカスが移動するが、その後、タッチ前のフォーカスの位置に戻ってしま
-
毎日使え、有事も役立つ…パナ製品が高評価 - 日本経済新聞
「リスク先進国」日本から、世界に新たな商品分野の提案を――。東日本大震災を経験した我々は、大きな気付きと学びを得た。普段便利に使っていたモノが、災害時や停電時に役に立たない。万が一を考えて準備していた道具が、いざというときに見付からない、使い方が分からない、電池切れで使えない…。それは商品デザインの問題でもある。企業が開発の際、「日々の暮らし（いつも）」と「万が一（もしも）」をつなぐ視点を持てば解決できる。そこで日経デザイン誌が「スマートデザイン」というコンセプトを提唱、1年以上にわたり啓蒙してきた。今回、さまざまな製品やサービスの中から、パナソニックの「いつもの便利×もしもの備え」シリーズを第1回大賞に選出した［注1］。
-
日本の超SFなサイバー攻撃警告システムに世界のネットユーザー大興奮！ 海外の声「攻殻機動隊キター！」
» 日本の超SFなサイバー攻撃警告システムに世界のネットユーザー大興奮！ 海外の声「攻殻機動隊キター！」 特集 日本の研究者たちが開発したサイバー攻撃アラートシステムに、現在世界のネットユーザーが大興奮している。 このシステムの名前は「DAEDALUS（ダイダロス）」といい、これを使えばネットワークが攻撃されている様子をリアルタイムで見られるようになる。詳細は以下の通り。 中心にある球がインターネットを表しており、その周りを回っているサークルの1つ1つが現在観測中のネットワークを表しています。これら、攻撃の様子は、3Dグラフィックで表示され、任意の視点から眺めることが可能です。（DigInfo TVより引用） ここで着目すべき点は、3Dグラフィック！ 「サイバー攻撃をリアルタイムに可視化、警告を発する『DAEDALUS』」という動画にも映し出されているように、このシステムの凄いところはその
-
「カフェ撮り」で食事を素敵に撮りたい
「カフェめし」というジャンルの食べ物があると最近知った。「カフェ」と呼ばれる、「お洒落な飲食店」で出すような料理の事をカフェめしというのらしい。 雑誌やWebサイトで見かける「カフェめし」の写真をパラパラと見ていると、いくつかの傾向があることに気がついた。お洒落で格好良くて美味しそう。今回は、そんなカフェめしっぽい写真を撮る方法について考えてみました。 あばよ涙、よろしく勇気、こんにちは松本です。 1976年千葉県鴨川市(内浦)生まれ。システムエンジニアなどやってましたが、2010年にライター兼アプリ作家として自由業化。iPhoneアプリはDIY GPS、速攻乗換案内、立体録音部、Here.info、雨かしら？などを開発しました。著書は「チェーン店B級グルメ メニュー別ガチンコ食べ比べ」「30日間マクドナルド生活」の2冊。買ってくだされ。（動画インタビュー） 前の記事：小林製薬の製品名が面
-
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
-
-
ネストされたリストにも対応のドラッグ&ドロップによる要素の入れ替えを可能にするjQueryプラグイン・Nestable - かちびと.net
入れ子のリストにも対応した、 ドラッグ&ドロップによるソート 可能なjQueryプラグインの ご紹介。jQuery UIを使うほど でも無いような時はこういう のあると嬉しいですね。 ネスとされたリストのソートをドラッグ&ドロップで可能にするjQueryプラグインです。非圧縮で13KBほど。うまくキャプチャ撮れなかったですけど、iPhoneでも動きました。 ネスとされたリストでもドラッグ&ドロップでソート可能です。勿論、孫要素から子要素に移動させる事も出来ます。 WordPressのカスタムメニューを触ったことがある方ならピンと来るかもしれないですね。WPではjquery-ui-draggableを使用していますが、こちらはjQueryUI無しで動きます。 親要素や子要素はその下層要素を格納できます。 コード <script src="http://ajax.googleapis.com/
-
-
- 2012年6月22日
- 2012年6月21日
- 2012年6月20日
公式Twitter
- @HatenaBookmark
リリース、障害情報などのサービスのお知らせ
- @hatebu
最新の人気エントリーの配信
キーボードショートカット一覧
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Copyright © 2005-2025 Hatena. All Rights Reserved.
設定を変更しました