Tailwind CSSでz-indexの値をマジックナンバーにしないための小ワザ

2024/04/25 9 users z-index Tailwind CSS マジックナンバー

背景 小ネタです。 先日以下のようなバグ改修タスクでソースレビューを担当しました。 「全画面モーダルを実装したら、グローバルメニューより上に表示されてしまった。なのでz-indexを修正しました！」 我々が開発しているマナリンクでは、画面右上の自分のアイコンをクリックするとメニューが表示されます。 ところが... 続きを読む

【CSSコピペ】カーソルを合わせると下線がスーッて伸びるアニメーションカスタマイズ - オークニズム

2018/02/06 14 users オークニズム スーツ カーソル CSSコピペ sango

2018 - 02 - 06 【CSSコピペ】カーソルを合わせると下線がスーッて伸びるアニメーションカスタマイズ カスタマイズ ツイート シェア はてブ Pocket LINE WordPressテーマで言うとSTORKとかSANGOとかDigipress系とか、それ以外にもイケてる系のデザインでは最近よく見かけるやつです。 主にグローバルメニュー で使われており、このオークニズムでも実装している... 続きを読む

【画像解説】ザイフ（Zaif）の出金方法！ビットコインをストックスエクスチェンジに送金する例で | 仮想通貨ペディア | 仮想通貨投資ランキングやおすすめ取引所一覧

2018/01/08 8 users Zaif BTC サイフ 仮想通貨ペディア ビットコイン

今回の記事ではザイフからビットコインをストックスエクスチェンジに送金する方法を説明していきます。 ザイフ（Zaif）から出金する方法 まずは ザイフ（Zaif）公式サイト へアクセスをしてください。 入出金 トップページの上のグローバルメニューより「入出金」を選択します。 BTCの出金 そして、「出金」を選択し、「BTC」を表示させてください。以下の通りになっていればOKです。 ※他の通貨も出金で... 続きを読む

ワードプレスの固定ページとグローバルメニュー: アラフィフ目線　美容と健康の通販レビュー

2017/08/06 21 users 単語 アラフィフ目線 ワードプレス 美容 通販レビュー

ワードプレスを作るにあたって、「単語の意味が分からない＞＜」と常々言っている私ですが、その中のひとつに「 固定ページ 」と「 グローバルメニュー 」というものがあります。 説明してしまえば簡単なことではありますが、私は分かるまでモヤモヤしていたので、今日はそれについて書こうと思います。 「固定ページ」に対して「投稿ページ」というものがありますが、普段ブログに記事を書きこむ時に使うのが「投稿ページ」... 続きを読む

ブログを、カスタマイズする前にバックアップ取ってなかったら、大変なことになったという話 - ももふみブログ

2017/07/20 24 users バックアップ ももふみブログ アドセンス 試行錯誤 再度

2017 - 07 - 20 ブログを、カスタマイズする前にバックアップ取ってなかったら、大変なことになったという話 ブログ運営 １ヶ月前に、盛大なカスタマイズをしてから一切手を付けてないカスタマイズ・・。 アドセンス 広告を貼る位置を試行錯誤していました。 そして、よし！と確定ボタンを押して、再度見てみたら・・ パソコンから見たデザイン、グローバルメニューが崩れてるー！！！( ; ﾟДﾟ) 急い... 続きを読む

Googleフォームでお問い合わせページを作成する方法 - すずしんろぐ

2017/05/14 14 users すずしんろぐ すずしん Googleフォーム 依頼 質問

2017 - 05 - 15 Googleフォームでお問い合わせページを作成する方法 おはようございます、すずしんです。 もしかしたら、お気づきの方がいるかもしれませんが…。 私のブログのグローバルメニューに「 お問い合わせ 」を設定してみました。 このリンクをクリックすると、お問い合わせページに飛びます。 何か質問や仕事の依頼などがあれば、そちらで受け付けます。 このお問い合わせページは、 Go... 続きを読む

CSSで組んだドロップダウンメニューとトグルメニューを両立させたレスポンシブなメニューの作り方【コピペでOK】 - Yukihy Life

2015/12/01 166 users トグルメニュー CSS コピペ www.yukihy.com

2015-12-01 CSSで組んだドロップダウンメニューとトグルメニューを両立させたレスポンシブなメニューの作り方【コピペでOK】 Web制作 jQuery CSS Tweet 以前、グローバルメニューとトグルメニューを両立してレスポンシブスタイルにするメニューバーを作りました。 以前の記事 www.yukihy.com このメニューバー、CSSを勉強したてに作ったものなので、若干の不満な点など... 続きを読む

はてなブログのトップにナビゲーション(カテゴリ)メニューを作る！【カスタマイズ】 - すりゴマ・ドットコム

2014/02/16 65 users ナビゲーション カスタマイズ ゴマ・ドットコム カテゴリ

2014-02-16 はてなブログのトップにナビゲーション(カテゴリ)メニューを作る！【カスタマイズ】 便利ワザ SEO WEBサービス すりゴマです。 今日もいい感じにすり潰していきますね。 photo by kudumomoRSS登録していただいている方は、お気づきかもしれませんが、トップの「ナビゲーションメニュー(グローバルメニューとも言いますかね)」のデザインを変えました。 (・∀・)以前... 続きを読む

ワイヤーフレーム制作のための素材セット「The Ultimate Wireframe UI Kit」 | DesignDevelop

2012/08/05 330 users ワイヤーフレーム ローディング DesignDevelop

サイト制作の前に制作するワイヤーフレーム。サイトの構成や構造をわかりやすく事前に見せるためには非常に有効な手段ですが、作る精度によってはかなりの時間を費やしてしまうこともあると思います。今日紹介するのはそんなワイヤーフレームを制作する時間を短縮してくれる、素材セット「The Ultimate Wireframe UI Kit」です。 ローディング、ボタン、グローバルメニューなどなど、サイトにひつよ... 続きを読む

ポータルサイトのデザインをする時に意識したこと5つ | Design Color

2012/07/30 598 users ポータルサイト Design Color 備忘録 余白 多用

お久しぶりです！彩です。ここ最近ポータルサイトのデザインをする機会がありました。ブログなどのデザインとはまた違うので、ポータルサイトのデザインは意外と難しかったです。 これを機に色々と調べたりしてみましたので、学んだことを備忘録として今後のために書き残しておきたいと思います。 もくじ グローバルメニューを埋れさせない 色を使いすぎない 余白を空けすぎない 囲み線を多用・強調しすぎない サムネイルに... 続きを読む

CSS3で作る、ドロップダウン⇔アコーディオンの切り替えをするレスポンシブWebデザイン対応のグローバルメニュー - かちびと.net

2012/04/10 89 users アコーディオン ブレークポイント ドロップダウン net 特定

JSを使わず、CSSのみでドロップダウン メニューとアコーディオンメニューを 特定のブレークポイントで切り替える レスポンシブWebデザイン対応のグロー バルメニューのサンプルです。これは なかなか良いのでは。 JS不要で、ドロップダウン⇔アコーディオンをスマフォ閲覧時などに切り替えるグローバルメニューのサンプル。 Responsive CSS3 Drop-Down to Accordion 大き... 続きを読む

モバイルサイズになると自動でグローバルメニューをPathのような横スライド式に切り替える軽量jQueryプラグイン・PageSlide Responsive - かちびと. net

2011/12/08 201 users Facebook グローバルナビ 備忘録 モバイルサイズ

結構良さそうだったので備忘録。 レスポンシブWebデザイン向け のライブラリです。モバイルの サイズになるとグローバルナビ を横スライド式に切り替える、 というもの。面白いですねー。 これ結構いいんじゃないでしょうか。レスポンシブWebデザインにするとどうしてもナビゲーションが縦長になりがちなのでその不満は解消できるアイデアですね。 PathやFacebookのiPhoneアプリのような横スライド... 続きを読む

アコーディオンとグローバルメニューを併せたコンテンツを実装出来るjQueryプラグイン・facets - かちびと.net

2011/10/02 48 users アコーディオン facets table net マウス

ユニークだったのでご紹介。グローバル メニューに連動してアコーディオンが 連動して開閉するコンテンツを実装する jQueryプラグイン。使いどころはあまり 無さそうですけど、もしかしたら、とい うことで・・ IE6や7でも動いてくれます・・・が、tableに置き換える事でなんとか実装してるようです。少しチカチカするので使いどころに悩みますが・・ facets グローバルメニューにマウスを乗せると、... 続きを読む