ヘッダー（グローバルナビゲーション）のデザイン事例100選｜akane

2024/04/25 304 users Akane グローバルナビゲーション デザイナー 最後

こんにちは！株式会社Rabeeのデザイナーのakaneです🐏 今回は、ヘッダー（グローバルナビゲーション）のデザイン事例を調べてみました！パターンごとに分類しながら紹介していくので、どうぞ最後までお楽しみください✍ はじめに：グローバルナビゲーションとは？グローバルナビゲーションとは、Webサイトの全ページに共... 続きを読む

嫁さん一回り違うんやけど、今日指さしながら「あれ見て！パパ活だよ」みたいな3人組女子がいて、それに対して嫁がぶちギレた話

2024/02/05 152 users パパ活 あつ森 ドラクエ アイコン ギガデ医ン

ギガデ医ン @Kazupoyo15 元外科医、今はなんでも屋。 カメラはおいしく飲ませます。アイコンとヘッダーはドラクエとあつ森が好きな嫁さん作。 ギガデ医ン @Kazupoyo15 嫁さん一回り違うんやけど、 今日指さしながら「あれ見て！パパ活だよ」みたいな3人組女子がいて、それに対して嫁がぶちギレて中指立ててる🖕って思っ... 続きを読む

静的サイト向けの全文検索エンジンと UI ライブラリの Pagefind

2024/01/06 159 users CLI ライブラリ インデックス コマンド デモ

デモとして、このブログに Pagefind を導入してみました。ヘッダーの検索アイコンをクリックすると検索フォームが表示されるので、キーワードを入力して検索してみてください。 使い方 Pagefind は構築済みの UI ライブラリと、CLI コマンドとしてインデックスを作成するためのツールから構成されています。まずは UI ラ... 続きを読む

【お気持ち】ワイ、実写版リトルマーメイドの配役にキレる【マジレス】｜メキ

2023/06/06 840 users キレ 黒人女優 メキ 修正 マジレス

※この記事は政治的です。 更新: 2023.6.5 微妙に伸びてるのでヘッダーにちくちく画像を追加 更新: 2023.6.6 こんなお気持ち記事書いてる人間は、冷静でも理知的でもないから、落ち着いてほしい。(急に担がれて焦るオタク) 普通まともな学識あったらふざけてない真面目なタイトルにするから…… あとめちゃくちゃ精神疾患あ... 続きを読む

2010年前後くらいのインターネットに影響受けすぎて、自分のツイートの最後に括弧を使ってセルフツッコミを入れないと耐えられない体になってしまった

2023/01/08 100 users セルフツッコミ Booth 括弧 users 山椒

山椒 @sansho_mesp 絵を描く香辛料のなれの果て。開封後は湿気の多い冷暗所で常温保存してください。ヘッダーはいただきものです。Booth: sanshoss.booth.pm Skeb: skeb.jp/@sansho_mesp Commissions can be in 🇯🇵🇬🇧 pixiv.net/users/9226224 山椒 @sansho_mesp なんか2010年前後くらい？　のインターネットに影響受けす... 続きを読む

増田かおる議員の「雀魂×咲-saki-の広告はセクハラ」に対しての、平裕介弁護士による怒涛の反論ツイート

2022/12/04 548 users Saki 怒涛 増田かおる議員 セクハラ 雀魂

平　裕介 @YusukeTaira 弁護士(東京弁護士会所属)。研究者→researchmap.jp/7000001277。大学で授業(行政法等)を担当(非常勤)。ヘッダーは拙稿をご掲載頂いた書籍等の一部です。ツイート等は個人的見解で所属･関係団体とは無関係です。ブログ→yusuketaira.hatenablog.com eisei-law.com/%e5%bc%81%e8%a… 平　裕介 @Yusuke... 続きを読む

任天堂株主総会で「F-ZEROの新作を出してくれ」と言ったら海外メディアに取材されて世界中から感謝された話

2022/06/30 469 users F-ZERO 任天堂株主総会 momiji HoloLens

もみじ(Momiji) @momiji_manjyuu スーパー雑多アカウント。第82期 任天堂株主総会でF-ZEROの新作を要望した人です。アイコンは自分で描きました。妻の事が好きで好きでたまらない人。かわいい女の子イラストRTマン。PCとかスマホとかxRが好きでHoloLens 2買いました。 ヘッダーは@KeNavy_mintさんに描いて頂きました 続きを読む

Spectre の脅威とウェブサイトが設定すべきヘッダーについて

2021/11/01 499 users SPECTRE cross-origin リソース 脅威 結論

長い記事なので先に結論を書きます。 Spectre の登場で、ウェブサイトに必要とされるセキュリティ要件は増えました。具体的に必要な対策は下記の通りです。 すべてのリソースは Cross-Origin-Resource-Policy ヘッダーを使って cross-origin なドキュメントへの読み込みを制御する。 HTML ドキュメントには X-Frame-Opti... 続きを読む

痛いニュース(ﾉ∀`) : 【悲報】 五輪公式Twitterアカウントのヘッダーがこっそり「2022年北京大会」に差し替え - ライブドアブログ

2021/02/09 197 users ライブドアブログ potato 悲報 archives 北京

【悲報】 五輪公式Twitterアカウントのヘッダーがこっそり「2022年北京大会」に差し替え 1 名前：potato ★：2021/02/09(火) 21:21:20.41 ID:H2ObGRRx9 【悲報】東京五輪　中止確定か！？　公式ヘッダーがこっそり北京に挿げ替えられた模様 http://blog.livedoor.jp/rbkyn844/archives/9754354.html 五輪公式アカウント @... 続きを読む

HTML - 任天堂のHPにhタグが使用されていないのは何故でしょうか。｜teratail

2020/01/27 120 users teratail www.nintendo.co.jp

https://www.nintendo.co.jp/ 任天堂の公式ホームページのマークアップについて質問です。 このサイトに見出しで使用するhタグが1つも使用されていないのは、何故でしょうか。 また、ヘッダーでリストが横並びになっているレイアウトは、通常navタグ が使用されることが多いですが、navタグが使われていないのも何か理由... 続きを読む

うさぎのみみちゃん(@usagitoseino)、裏で有名サークルの本を「金を稼ぐため描いていた」と騙ったことがトリガーとなり炎上 - Togetter

2019/07/07 217 users Togetter トリガー 炎上 うさぎ アイコン

裏垢のS(@nanananago)は削除済みだが、このアカウントにはログインした本人しか見れないみみちゃんのTwitterアカウントメニューが上がっていた。また、みみちゃんが投稿していた双子コーデと全く同じ髪型髪色ネイルでのヘッダーやアイコンであった。今日になり出版予定の書籍の企画書も乗っていたことが判明している。 続きを読む

絵師にTwitterのヘッダーを5万円で頼んだらブロックされたのでサイトやプロフィールなどに「大体の依頼料金」に書いてほしい - Togetter

2018/02/19 110 users Togetter Twitter 妥当 絵師 了解

【拡散希望】 本当に絵師の人にお願いしたいです。 お仕事募集するなら サイトやプロフィールなどに必ず 「大体の依頼料金」 を書いて置いてください。 僕は5万円で1枚頼んで断られ、ブロックされたことがあります。 依頼する側にはいくらが妥当かなんて分かりません。 ご協力お願いします。 僕:Twitterのヘッダーの依頼をしたいのですが… 絵師:はい、了解です！予算提示をお願いします〜♪(*´꒳`*) ... 続きを読む

Webサイトのヘッダー/フッター用アイデア満載！コピペできるHTML/CSSスニペット48個まとめ - PhotoshopVIP

2017/06/20 149 users Webデザイ コピペ フッターデザイン 用途 ウェブサイト

ウェブサイトを訪れたとき、まずユーザーが目にする「ヘッダー」部分は、魅力的なデザインコンセプトを取り入れることで、オリジナル性の高い表現が可能になります。 今回は、 魅力的なヘッダー/フッターデザインを実装できる、コピペ可能なHTML/CSSスニペット48個をまとめてご紹介 します。ブログ記事向けレイアウトやランディングページ向けなど、5つのカテゴリに分けています。用途に応じて最先端のWebデザイ... 続きを読む

丹治吉順 aka 朝Pさんのツイート: "う～ん、黙っていようと思ったんですがね…。仮に私が今回批判された側で、批判に反発を覚えたら、Pixiv上のR18二次創作をことごとくクローリングし、当

2017/05/26 149 users pixiv上 反発 批判 ツイート 朝Pさん

丹治吉順 aka 朝P 認証済みアカウント @ tanji_y 朝日新聞デジタル編集部記者。デジタルと文化・経済・社会の変容を追います。英語版初音ミク動画ニュース300万再生超 http:// youtu.be/xBZOlipfjkQ   投稿は社の見解と関係なく、RTやリンクは同意も非同意も。ヘッダーは初音ミクLA公演。まどマギ/虚淵玄さん/次男と遊ぶデュエル・マスターズ 続きを読む

jQuery：スクロールしたらヘッダーやナビゲーションを固定・変化させる動きを実装するサンプルコード 5 | NxWorld

2017/01/11 482 users jQuery NxWorld プレフィックス 見栄え くだ

一度は見かけたことがあると思う、スクロールしたらヘッダーやナビゲーションを固定表示させたり見栄えを変化させたりする動きをjQueryで実装するサンプルです。途中から要素を固定させたり、スクロールした方向によって表示・非表示を切り替えたりなど全5種類です。 ※プレフィックスは必要に応じて追記してください。 ※以下で紹介している方法はいずれもjQueryを使用していますので、あらかじめ読み込ませてくだ... 続きを読む

サーバーだけに頼る時代は終わった!? クライアントサイドでしっかり Validation する方法 | phiary

2016/06/02 385 users クライアントサイド Validation phiary 未だ

未だに form の validation って, とりあえずなんでも受け付けてサーバー側で してエラー返ってきたらヘッダーなりダイアログなりでエラーメッセージを表示するなんてのをよく見ます. 某大手サイトなんかはエラーがあるとリロードしちゃったりするし... 実はこの辺って HTML5 からクライアントサイドでもある程度できるように整備されています. なので ライブラリを使わなくてもある程度サー... 続きを読む

「あとで読む」機能を追加しました。タグ「あとで読む」または「後で読む」を付けてブックマークした記事のうち、未読の記事を一覧で確認できます（9/30 追記：iPhoneへのプッシュ通知が

2014/09/30 246 users iOSアプリ iPhone 未読記事 タイミング PC版

本日、はてなブックマークに新しく「あとで読む」機能を追加しました。「あとで読む」機能では、タグ「あとで読む」または「後で読む」を付けてブックマークした記事のうち未読の記事を、任意のタイミングで通知します。また、PC版の新ユーザーページ*1とiOSアプリ「はてなブックマーク」では、未読の記事を一覧することができます。未読記事の通知先は、はてな各サービスのヘッダーにある「あなたへのお知らせ」欄です。「... 続きを読む

更新するのが面倒！サイトの共通部分を簡単に作る様々な方法｜WEB Drawer

2014/08/26 113 users WEB Drawer 共通部分 テンプレー 方法 フッター

サイトにはヘッダーやフッター、ナビゲーション部分など全ページに共通して入る要素があります。 この部分を修正する時はHTMLを全ページ修正するととても手間がかかって大変です。自分のサイトはだいたいCMSで管理しているのでテンプレートを直せばあっと言う間なのですが、それ以外の場合の共通部分を簡単に治す方法を改めて調べてみました。 がんばって直に書いてるものを置換する Dreamweaverのテンプレー... 続きを読む

iOSでこんなアプリ,こんな機能を作りたかったらこれを見ろ！作りたいアプリに対応するクラス、フレームワーク、ライブラリのまとめ！ - Qiita

2014/02/22 1314 users iOS Qiita ブッダ フレームワーク ライブラリ

画像を表示しようとしたら遅いよ！ 外部データを取ってきて表示するときにまずはまるのが画像の処理だと思います。非同期で必ず処理しましょう。 画像の非同期ロードはライブラリを使った方が早いと思います。 ヘッダーやフッタをつけたいよ！ tableView.tableHeaderView tableView.tableFooterView に突っ込む方法を書いてあるのが多いんですが、今回はもっと簡単な方法... 続きを読む

各種パーツごとにWebデザインを色々見たい人の為のまとめサービス色々｜レスポンシブ・ヘッダー・フッター・サイドバー・ロゴ等 | Flips Blog Web担の小技

2013/12/20 108 users レスポンシブ フッター Web担 ロゴ Flips Blog

今回は、WebデザインのインスピレーションをまとめたWebサイトをご紹介。 ２０１２年から、結構色々なところで紹介されている有名ドコロではありますが、それぞれ、特徴的な部分をもったサイトのみをピックアップ致します。是非デザインに迷ったら参考にしてみてくださいね。 レスポンシブWebデザインのまとめサービス http://responsive-jp.com/ レスポンシブWebデザインがまとまってい... 続きを読む

意外な情報がバレる?! Eメールのヘッダーから送信者の情報を解読する方法 : ライフハッカー［日本版］

2013/08/19 412 users ライフハッカー ハレ Eメール 送信者 日本版

(5FE22E33565B894BBE2CB78DD0396DA01808A1B1B2@HEXMBVS12.hostedmsx.local). Received: from HEXMBVS12.hostedmsx.local ([10.9.6.115]) by HEXHUB13.hostedmsx.local ([::1]) with mapi; Mon, 29 Jul 2013 15:13:48... 続きを読む

意外な情報がバレる?! Eメールのヘッダーから送信者の情報を解読する方法 : ライフハッカー［日本版］

2013/08/19 413 users ライフハッカー ハレ MakeUseOf 羅列 足跡

Webツール , オフにやること , 最新テック , 生活術 , 防犯・防災 意外な情報がバレる?! Eメールのヘッダーから送信者の情報を解読する方法 2013.08.19 16:00 MakeUseOf：Eメールのヘッダーには、そのメールが受信者の元へ届くまでの「足跡」がびっしり残されています。一見、ただの文字の羅列のように見えるこのデータですが、データが追加されていく仕組みを知れば、意外と簡単... 続きを読む

Google Chrome 拡張「はてなのお知らせ拡張」をリリースしました - はてなの日記 - 機能変更、お知らせなど

2013/07/17 130 users 拡張 はてな Google Chrome 日記 機能変更

本日、Google Chrome 拡張「はてなのお知らせ拡張」をリリースしました。 はてなのお知らせ拡張の紹介ページ Chromeウェブストアからダウンロードする 「はてなのお知らせ拡張」では、はてな各サービスのヘッダーにある「あなたへのお知らせ」同様、「あなたのブログにコメントが付いたり、ブックマークされたりした」「あなたの投稿にスターが付いた」などのとき、通知を受け取ることができます。 新しい... 続きを読む

スマホサイトのUIでよく使うメニューのリスト表示まとめ３３サイト ｜ iPhoneデザインボックス

2013/04/16 215 users iPhoneデザインボックス メニューアイコン メニュー

iPhoneデザインボックス » スマホサイトのUIでよく使うメニューのリスト表示まとめ３３サイトスマートフォンサイトを作るときにヘッダーにメニューアイコンを設置してクリックするとメニューリストがでるようにすることがあります。表示の仕方やアニメーションは色々あるのでまとめました。最近は、流行り？なのかFacebookのアプリように横から出てくるメニューが多いです。 続きを読む

Webデザインをパーツ別に参照できるギャラリーサイトまとめ | 株式会社LIG

2013/03/18 216 users 株式会社LIG パーツ別 webデザイン ハルエ フッター

こんにちは。マルコ大好き(ONE PIECE)、デザイナーのハルエです。 このマルコへの熱い想いをLIG社員数名に伝えてみましたが、センスのないリアクションしか返ってきませんでした。 マルコのかっこ良さが分からないとは。世も末やわ。 それでは始めるよい。 今回はWebデザインを各パーツごとに掲載しているギャラリーサイトを紹介させていただきます。 ヘッダー、フッター、ボタン、フォームなど、パーツデザ... 続きを読む