なぜAmazonのメガドロップダウンメニューはスムーズに操作できるのかという秘密
日本のAmazonでも採用されているメガドロップダウンメニューについて、なぜAmazonのメニューはユーザーが使いやすくできているのかという秘密が明らかになりました。ユーザビリティを改善することが至上命題のネットショッピング系サイトにとっては非常に有益な知識となっています。 Breaking down Amazon’s mega dropdown - Ben Kamens http://bjk5.com/post/44698559168/breaking-down-amazons-mega-dropdown まずこれがAmazonの左上にあるカテゴリーを一覧化したメガドロップダウンメニュー。日本のAmazonにも同様のメニューが採用されており、マウスカーソルを上に持っていくと実にスムーズに動きます。 通常のメニューの場合、以下のようにして少し遅れてサブメニューが開くようになっています。 な
JavaScriptなしで地域ごとに色が変わる日本地図を作る
HTML、CSS、画像だけで、マウスオーバーした地域ごとに色が変わる日本地図を作る方法です。 文字だけではちょっと意味がわかりにくいかもしれませんので、とりあえず↓の日本地図の上にマウスカーソルを載せてみてください。クリックするとページ遷移しますが、このデモでは Not Found になりますのでご注意ください。 デモページを別のタブで開く このデモをダウンロード（ZIP） 2009年に仕事で「日本地図をクリックすると地域ごとに違うページに飛ぶ」ページを作らなければならなかった時に、当時 JavaScript も書けないし Flash は PC に入っていなかったので、HTML と CSS だけで作ってみました。 このデモはDOCTYPE宣言が HTML5 になっていますが、当時 HTML 4.01 で、IE6 でもきちんと動くように作りました。 ですので、特殊なタグやプロパティは使わず
サイトを運営している人ならチェックしておきたい情報サイトまとめ - ウェブネタマニア
サイトを運営していて 必ずチェックするようになった 役立つ情報サイトをメモ ■コリス 言わずと知れたサイト制作に関するアウトプットとクリップした情報を 紹介するブログ フリー素材の情報等も豊富 ■かちびと.net Web制作の話題を中心に、便利なWebサービスやリソースなどを紹介しているサイト ■Webクリエイターボックス WebデザインやWebサイト制作、最新のWeb業界情報などを紹介してるサイト。 ■二十歳街道まっしぐら 管理人のカメきちさんが みつけたWebサービスや役立ちそうな情報を更新 ■ライフハッカー［日本版］ 生活全般に役立つライフハック情報を紹介しているサイト（ウェブネタも多数） ■フリーソフトの樹 おすすめのフリーソフトや知っていると便利な無料サイトなど、 パソコンを楽しむ情報を幅広い分野で毎日紹介しているサイト ■100shiki 海外のユニークなサイトを紹介 ■Ph
サイト制作の参考にしたい！Wordpressでつくられたウェブサイト50選
WordPressでサイトを作るときに、参考になるWordpressサイトはないものかと思ったことが一度はあるはずです。 WordPressでつくられたサイトからはデザイン・機能・運営方法まで参考になることが多いのではないでしょうか。そこで今回はWordpressでつくられたサイトを有名なところから50個ピックアップしてまとめました。後から読み返しやすいようにサイトのタイプ別に分類しています。 ※2016年3月末時点でWordpressでつくられたサイトであることに注意してください。 企業サイト・組織サイト 株式会社カカクコム 価格ドットコムなどを運営する株式会社カカクコムのコーポレートサイト。 http://corporate.kakaku.com/ クックパッド株式会社 クックパッド株式会社のコーポレートサイト。 https://info.cookpad.com/ 株式会社ベクター オ
初音ガガ - Google 検索
世界中のあらゆる情報を検索するためのツールを提供しています。さまざまな検索機能を活用して、お探しの情報を見つけてください。
忘れたパスワードを問い合わせられるシステムなんて作っちゃいけない | 初代編集長ブログ―安田英久
今日は、ちょっとしたシステム構築を発注するときに重要なポイントとなる、顧客情報管理の話題を。テーマは「お客さんのパスワードをどう保存するか」です。 御社には、たとえばECサイトの会員や顧客向けSNSなどの、お客さんがユーザー登録をしてパスワードでログインするようなシステムがありますか？ あるとしたら、そのシステム内で、お客さんそれぞれのパスワードはどんな風に管理されているか把握していますか？ または、システム構築の発注時に、どんな風にパスワードを管理するような仕様にしましたか？ クレジットカード情報や個人情報の管理には注意していても、パスワードの保存方法は、あまり気にしていないのではないでしょうか。しかし、それではまずいのです。システム構築時に正しい仕様で発注しないと、何かセキュリティ問題が発生したときに、思いがけぬ大きな範囲に影響する問題になってしまいかねないのです。 結論からいうと、お
Google、新サイトを検索エンジンに即時登録する方法を提供 | ネット | マイコミジャーナル
Google Web Search GoogleはGoogle検索のインデックスに新しいページを登録する方法、または既存のページ情報を素早く更新するための新しい手段を「ウェブマスターツール」に追加したことを発表した。Googlebotとしてクロールを実施する「Fetch as Googlebot」の機能に、指定したWebページを即時にクロールさせ、クロールに成功したページを検索インデックスに追加する機能が組み込まれている。 この新機能の使い方は簡単。これまでのように「ウェブマスターツール」にログインしたら、操作したいサイトを選択。左のメニューから「Fetch as Googlebot」を選択し、検索インデックスに新しく追加したいページやサイト、または更新して欲しいページを指定して「取得」ボタンをクリック。クロールに成功すると「インデックスに送信」といったリンクが登場するので、これをクリック
とほほのＷＷＷ入門
はじめに ご使用上の注意 (1) 主な更新履歴 (25) 管理者へのメール (1) 自己紹介 (1) 基本編 用語集 (82) Webページ作成入門 (7) 逆引きリファレンス (32) フォーマット HTML (402) HTML5 (7) XHTML (1) MathML (1) DTD (1) JSON (1) SVG (1) VML (1) GIF (1) CSV (1) セマンティック・ウェブ (1) CSS CSS (ABC順)(719) Bootstrap (61) Less (1) Sass (1) Tailwind CSS (1) CSSフレームワーク (1) リセットCSS (1) プログラミング言語 JavaScript (42) TypeScript (1) Java (26) Perl (6) PHP (14) Ruby (11) Python (14) Go言語
中国からのアクセスがブロックされているかテストできるサイト「Blocked in China」
自分のサイトや気になるサイトが中国からブロックされているかどうがをテストできるサイト「Blocked in China」の紹介です。中国国内のインターネット利用者に対し、政府の都合の悪い情報にアクセスできないようにフィルタリングする金盾のファイアーウォール機能(通称：グレート・ファイアウォール)に目をつけられているのか一度チェックしてみるのも面白いかも。 テスト方法はとても簡単です。確認したいドメインを入力し「test」ボタンを押下するだけです。 以下の5地域からのアクセス可否を確認することが出来ます。 ●中国の首都「北京」 ●中国最大の都市「上海」 ●モンゴルと国境を接している「内モンゴル自治区」 ●アムール川（黒竜江）をはさんでロシアと国境を接している中国最北の「黒竜江省」 ●ベトナム、ラオスと国境を接し少数民族が多く住んでいる「雲南省」 まずは、DNA(dailynewsagency
Web屋の私がブックマークしているサイト65 | Webクリエイターボックス
2017年7月14日 便利ツール 久しぶりに自分がブックマークしているサイトを整理してみました。昔から変わらず愛し続けているWebサービスやチュートリアルサイトなど多数あったので一挙にご紹介します！有名どころからあまり知られていないけど便利なサイトまで、多数あるので時間のある時にじっくり見てみてください！ ↑私が10年以上利用している会計ソフト！ ブックマークしているサイト 目次 Webサービス デザイン関連 画像関連 CSS jQuery WordPress フォント スマートフォン 配色関連 HTML5 メルマガ Webサービス 1. Sendoid Sendoidは会員登録不要のファイル送信サービス。ファイルをアップロード後にURLが生成されます。パスワード設定可。 2. HTMLエンコードフォーム HTMLエンコードフォームは特殊記号などをエンコード・デコードしてくれるWebサービ
最近よく使ってる、Web制作に役立つWebサービス的なやつ
少し前に聞いてくれた方がいたのでついで にシェアしてみます。個人的に最近よく好ん で使っている、Web制作に役立つWebサー ビスみたいなものをご紹介。全部既出で 珍しいものは無いんですけど、一覧にする のもたまにはいいかもですね。 というわけで、場合によっては誰得な記事ですけどご了承下さい。僕がここ最近でよく使ってるWebツールを古いのから新しいのまで、順不同でご紹介していきます。 web計。 → 黄金比・白銀比をサクサク計算 計算が面倒な黄金比や白銀比を、数値を入力するだけでサクサク出してくれます。動作も軽くてストレス無しです。 web計。 simplelib → よく使うjQueryコードをパッケージで配布 めっちゃ楽です。jQueryで作りたい機能だけを選択して、1つのjsファイルにパッケージにしてくれますよ。ページスクロールとかタブとか需要の高いものが揃っています。ちょっと機能を
/ WSJ日本版 - jp.WSJ.com - Wsj.com
アパラチコラで過ごす優雅な時間 メキシコ湾沿いの入り江に面した米フロリダ州の小さな町アパラチコラ。こじんまりした海辺のホテルに宿泊し、バーで新鮮なシーフードを味わえるほか、地ビールの醸造所もある。綿花や漁業で栄えたこの町には、グリークリバイバル（ギリシャ建築への回帰）様式の優雅な住宅が散見される。数キロの沖合に浮かぶセントジョージ島には白い砂浜が広がる。
その場で編集しすぐに公開できる、WEBページ作成サービス「qip.li」 : 二十歳街道まっしぐら
「qip.li」は簡単にウェブページが作成できるサービスです。 HTMLとCSSやJavaScriptを自由に書くことができ、その場で公開できます。 自分専用のURLが取得でき、その場で編集＆公開できる手軽さが便利。 ちょこっと告知用にウェブページを作りたいってときに使えますね。 以下に使ってみた様子を載せておきます。 まず「qip.li」にアクセスしましょう。 自分が利用したいドメイン（ユーザIDになります）を入力してパスワードを入れて登録。 「create page」すると編集画面へ移ります。 HTMLやCSSが自由にかけますよ。 保存して作成したドメインへアクセスすると、このとおり。 先程編集したページがそのまま公開されます。 再び編集するには「（ユーザ名）.qip.li/edit」へアクセスすればOK。 URLもごちゃごちゃしてませんし、ささっと編集できるところが便利ですね。 とっ
フレッツ光ユーザーは6月8日の「IPv6 Day」に注意、Webが見られぬ恐れ
フレッツ光ユーザーは2011年6月8日、「Yahoo! Japan」や「Bing」といった著名サイトを閲覧できなくなる恐れがある――。IPv6を使ったインターネット接続をテストする「World IPv6 Day」を6月8日に控えて、日本マイクロソフトやヤフーなどが、ユーザーに注意を呼びかけている。 日本時間6月8日午前9時から9日午前8時59分まで実施されるWorld IPv6 Dayは、世界中のWebサービス事業者などが連携して、この日だけ各社のWebサイトをIPv6対応にするというイベントだ。米グーグルや米マイクロソフト、米フェイスブック、米ヤフーなどのほか、日本でもNECビッグローブ、NTTコミュニケーションズなどが参加を表明している。 しかし、NTT東日本とNTT西日本が提供する「フレッツ光」のユーザーは、World IPv6 Dayの期間中、参加企業のWebサイトを閲覧できなくな
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
[CSS]金属の質感が美しすぎる、スタイルシートで実装されたボタン
[CSS]わずか1KBのスタイルシートでもここまで美しいレイアウトができる -CSS1K
RSS全文配信してると記事を丸々転載されてしまうので、WPプラグインを使って逆に転載サイトを利用してみる - かちびと.net
主要ブラウザすべてに影響する「クリックジャッキング」攻撃とは