Web担メモ
ログイン メモする
Web担メモ
  • HOME

Web担当者が、日々の業務の中で役立ったことをメモしています。


ハンバーガーメニューのエフェクト（CSS）参考サイトまとめ

U3
2020/6/8
2024/11/7

編集にはカテゴリー認証が必要です ▼受付終了にする

CSSで簡単に実装できるクールなアニメーションドロワーメニュー10選

https://webdesignfacts.net/entry/css-drawrmenu/


参考にしたいハンバーガーメニューデザイン

http://andspace.net/blog/hamburger-menu/

コメント

コメントはまだありません。

関連する投稿

コマンドプロンプトでネットワーク診断できるpingコマンド
https://michisugara.jp/archives/2014/ping.htmlpingコマンド通信したい相手に対してパケットを送信し、ちゃんと応答が帰ってくるかどうかを確認できる１．コマンドプロンプトを起動２．下記の通りコマンドを打つping [URL] [URL]はhttp:などの付いていないもの３．コマンドを送信して通信が正常か確認正常でないと、「要求がタイムアウトしました」などのメッセージが出る。

Web制作

  • 0
  • 138
  • 0
U3
Googleサイト｜無料でホームページが作れるGoogleのサービス
ブラウザでGoogleアカウントへのログインしている必要があります。https://sites.google.com/newメリット：無料デメリット：凝ったデザインはできない。Googleのサービスなのでいつ提供内容が変わるか不明（突然サービス提供が終了したりする場合も）

Web制作

  • 0
  • 121
  • 0
U3
タノムノ
イラストレーターマッチングサイト（手数料無しで運営されている） https://tanomuno.com/about-us  

Web制作

  • 0
  • 96
  • 0
U3
エミュレーター
BrowserStack（ブラウザスタック）https://www.browserstack.com/

Web制作

  • 0
  • 68
  • 0
U3
shopify
ホームページ（の代わり）を無料で作るAmeba awned　（ホームページやブログを作る）ペライチ　（LPを簡単に作る）shopify　（ネットショップを開設できる）Facebook　（SNS）SHARE info　（コミュニティサイトを開設できる）ホームページ黎明期問い合わせを受けるためのホームページ（会社のホームページ等）＝昔ながらのホームページ。ブランディング例：コーポレートサイト等Web2.0自分が発信する側に回る。サービスとしてのアプリ決め打ちで作るのではなく、運用しながらアジャイル開発でブラッシュアップしていくWebサイトを簡単に作れるシステム（CMS)・ワードプレス

Web制作

  • 0
  • 82
  • 0
U3
ソースコードを比較して差分をチェックできるツール
CSSなどの差分をマージしたいときに便利かもしれません。Diff(テキスト比較ツール)https://tool-taro.com/diff/http://mergely.com/Dream weaverhttps://webkan.hateblo.jp/entry/20150903/p1

Web制作

  • 0
  • 113
  • 0
U3
ロリポップ（レンタルサーバー）では、サブドメインだけをロリポップで使用できない
ロリポップの場合既に「○○○.jp」などの独自ドメインを別のサーバーで運用している場合、「xxxx.○○○.jp」などのサブドメインを作成して、サブドメインだけをロリポップサーバーのサイトに紐づけるということができません。先に「○○○.jp」を設定したうえで、サブドメインとして利用する必要があります。つまり、「○○○.jp」・・・Aサーバー「xxxx.○○○.jp」・・・Bサーバー（ロリポップ）ということができない、ということです。「○○○.jp」もロリポップ！に設定した後で、下記ページから「xxxx.○○○.jp」をサブドメインとして設定しなくてはなりません。 https://user.lolipop.jp/?mode=subdomain「○○○.jp」のサーバーを変更できない場合には、サブドメインだけをロリポップで利用するということができないので、注意しましょう。さくらサーバーの場合はOKサポートへ問い合わせたところ、さくらサーバーの場合は、ドメインをさくらサーバーに紐づけることなく、サブドメインだけをさくらサーバーに紐づけることが可能とのことです。

Web制作

  • 0
  • 131
  • 0
U3
「サイト内のURL一覧」を取得できるツール（無料）
301リダイレクト設定をしたい時、サイトマップを作りたい時など、リニューアルなどでサイト内URLを全て抽出したいときに利用できる無料のツールがあります。URLを張り付けるだけで簡単にURL一覧を出してくれます。⭐️Sucuri SiteCheckhttps://sitecheck.sucuri.net/URLを貼って submitMore detailsLinks found表示されるリンク一覧をコピーしてExcelなどに貼り付け-------------------------------------------------------------------------- [AD]投稿型サイト簡単作成サービスSHARE infoナレッジ共有サイトを無料から手軽に作成できます！--------------------------------------------------------------------------

Web制作

  • 0
  • 20102
  • 1
U3
無料でホームページを作る方法
2023年現在、を無料で簡単に作るならGoogleサイトがおすすめです。部活動やサークル、自治会などのホームページはもちろん、中小企業のホームページとしても十分です。素晴らしいのはもう一つはCanvaです。無料のデザインツールとして広まっていますが、ホームページ作成機能もあるのです。Webの知識がなくても、デザイン性のあるホームページを作ることができます。世の中の3分の１のサイトはWordPressで作られているといわれていますが、WordPressでサイトを維持しようと思うとサーバーの費用がかかります。Googleサイト費用：無料お問い合わせフォーム：Googleフォームを埋め込める備考：Google関連サービス（スプレッドシート、カレンダーなど）も簡単に埋め込めるCanva費用：無料（有料プランあり）備考：デザイン性のあるホームページが作れるNotionの公開ページ費用：無料（有料プランあり）備考：ホームページのためだけに別ツールを立ち上げなくて良い。情報管理ツールの中の一部のページをWeb上に公開ができる。ワードプレス費用：レンタルサーバー代（月額550円〜）お問い合わせフォーム：コンタクトフォーム７などのプラグインを使って設置は可能だが、スパム攻撃が多い備考：たくさん使われているCMSなのでサイバー攻撃で狙われやすい傾向

Web制作

  • 0
  • 38
  • 0
U3
パソコンの、現在のブラウザ幅を知るには（Chromeの拡張機能）
現在のブラウザの横幅を確認するには、ChromeのWindow Resizerがマルウェアが含まれていたということで使えなくなりました。  

Web制作

  • 0
  • 78
  • 0
U3

アクセスランキング

1

Excelで一つの値を一番下のセルまでコピーしたい時

16

2

【解決】モニターディスプレイが消える「入力信号が見つかりませんでした」

6

3

Androidのアプリが「繰り返し停止しています」と表示される場合の対処法

5

4

VSCodeで複数ファイルを横断して検索＆置換する方法　Option+Shift+F

5

5

自分のチャンネルのYouTube動画に広告が表示されないようにしたい

4

6

NEWマークを任意の日数だけ表示させる（JavaScript）

4

7

App Storeでアプリを一時的に配信停止にする方法

3

8

コーディングを依頼するときのXDへの指示の書き込み方サンプル

3

9

Criteoという広告が勝手に表示される

3

10

Rocket.chatのスターとピン止めの違い

3

11

SNSの公式ロゴアイコンのダウンロード元（Instagram,Twitter,Facebook）

2

12

WBMP形式の画像ファイルとは

2

13

Apple Distribution証明書の発行上限数は３つ

2

14

Adobe XDの機能：スタック　って何

2

15

ホームページのアクセスカウンターは最近なぜ見なくなったの？

2

16

【CSS】英語と日本語を混ぜた要素の高さが合わない

2

17

Google マテリアルのアイコンと画面を Adobe XD に読み込む方法

2

18

Adobe:Special characters must be escaped :[<].と出た

2

19

Wordでツールバー・メニューバーを常時表示にする（ピンマーク） Office２０１６

2

20

Excel：都道府県をプルダウンで選択すると、その都道府県の市区町村だけが次のセルの選択肢として出てくる

2

コメントランキング

1

AIO (AI最適化) 重点要件

1

2

AIコピペハラスメントとは？〜AIが生成した文章をそのまま送るのはやめよう

1

3

Androidのアプリが「繰り返し停止しています」と表示される場合の対処法

1

いいねランキング

1

AIコピペハラスメントとは？〜AIが生成した文章をそのまま送るのはやめよう

2

2

Androidのアプリが「繰り返し停止しています」と表示される場合の対処法

2

3

Looker Studio（Googleが無料で提供するBIツール）

1
この投稿者に問い合わせ
この投稿者に問い合わせ

当サイトでは、Cookieを使用しております。

すべての Cookie の使用に同意いただける場合は、下記の「同意します」をクリックしてください。

  • シェア
  • ログイン
  • 利用登録する
  • ログアウト
  • マイアカウント
  • メモする
  • このサイトについて
  • 問合せ
Copyright © Web担メモ
シェア
いいね！ X このエントリーをはてなブックマークに追加 LINEで送る