「人気出た作品のグルメ系スピンオフ」一覧化し、いろいろ考えてみましょう。 - INVISIBLE D.　ーQUIET & COLORFUL PLACE-

2020/10/09 187 users COLORFUL PLACE 持論 余談 スピンオフ漫画 作品

なんで人気出た作品ってすぐグルメ系のスピンオフ漫画をやりだすの？ ワンパターンにもほどがある anond.hatelabo.jp 常々の持論。考える前に、まず一覧。 一覧を作れば、そこからおのずと見えてくるっ・・・・ ※余談ですが、この「なんでもかんでもまず一覧化してみよう！」の呼びかけ記事はこちら m-dojo.hatenadiary.... 続きを読む

CSSで実装する次のコンテンツへと促すスクロールダウンボタン 10 | NxWorld

2015/09/24 154 users 矢印 見栄え アニメーション ムービー アイコン

自分用に一覧化したのでシェアします。ファーストビューで大きめのイメージやムービーなどを配置しているサイトで設置されていることが多い、次のコンテンツがあることを示したりスクロールするよう促すアイコンやボタンをCSSで表現してみたサンプル全10種類です。クリックした際に次のコンテンツへスクロールされる動きなどはJavaScriptを使用していますが、矢印の見栄えやアニメーションなどに関してはCSSのみ... 続きを読む

テキストリンクのホバー時に使えるエフェクト・デザインサンプル 15 | NxWorld

2015/09/17 190 users NxWorld ナビゲーションリンク ホバー時 改行 CSS

見たい時にすぐ動きの確認ができるものが欲しくて一覧化したのでシェアします。いずれも文章内のテキストリンクやテキストのみで実装しているようなナビゲーションリンクなどで使えそうなホバーエフェクト・デザインのサンプルです。文字数が変化したり改行が頻繁に入るような場所などでは正直使い辛く、利用できる場面が限られてしまうものも多いのですが、シンプルなHTMLとCSSで様々な見せ方ができます。 先述したように... 続きを読む

視覚化のパターン 72種類まとめ（インフォグラフィック） | ビジュアルシンキング

2015/08/26 119 users ビジュアルシンキング インフォグラフィック 知名度 パターン

起業家やスタートアップに関するインフォグラフィックで知名度をあげた「Funders and Founders」。 メンバーの一人 Anna Vitalさんが視覚化のパターンを一覧化したインフォグラフィックを紹介します。 ・Anna Vital –  How To Think Visually Using Visual Analogies Most… ベーシックなチャート類に加え、インフォグラフィッ... 続きを読む

CSSで実装するハンバーガーメニュークリック時のエフェクト 10＋ | NxWorld

2015/06/19 525 users NxWorld クローズボタン エフェクト CSS 矢印

自分用に一覧化したのでシェアします。ハンバーガーメニューは「メニューだとわかりづらい」と言われることも多いですが、特にスマートフォンサイトなどでは実装する機会はやはり多くはなってきているので、今回はそのハンバーガーメニューをクリックした時（メニューが展開している時などのアクティブ時）のエフェクトをCSSで実装したサンプルをまとめました。よく見る「×」のようなクローズボタンに変化するものから矢印に変... 続きを読む

ゴーストボタンと相性が良さそうなホバーエフェクト 10＋ | NxWorld

2015/05/20 153 users エフェクト CSS NxWorld コピペ ホバーエフェクト

メモしていたものが溜まってきて一覧化したのでシェアします。以前にもCSSのみでボタンデザインやホバーエフェクトを実装できるエントリーを書きましたが、今回はCSSのみで実装するゴーストボタンと相性が良さそうなホバーエフェクトのサンプルです。もちろんゴーストボタンに限らず様々なタイプのボタンで使用でき、対応しているブラウザであればコピペで簡単に実装できると思うので、気になるエフェクトがあれば是非使って... 続きを読む

CSSのみで実装できる、画像と相性が良さそうなホバーエフェクト 15 | NxWorld

2015/04/05 443 users エフェクト フラッシュ スライド ホバー時 拡大縮小

自分用にひと通りの動きを一覧化したものが欲しくて作ったのでシェアします。リンクやボタンのホバー時にエフェクトを付けるのと同じように、画像にもホバー時に何かエフェクトを付けたいという時に使えそうなエフェクトのサンプルです。CSS3を多用しているので全ブラウザで実装できるわけではありませんが、いずれもCSSのみを使用して実装したもので、拡大縮小・スライド・白黒・ブラー・フラッシュなど全15種類です。 ... 続きを読む

CSSのみで実装するキャプションエフェクト 20 | NxWorld

2014/05/20 640 users キャプション 備忘録 アイキャッチ NxWorld 文言

自分用にひと通りの動きを一覧化したものが欲しかったので備忘録です。画像のマウスオーバー時にエフェクト付きでキャプションを表示させる動きをCSSのみで実装する方法です。キャプションとはしていますが、例えばブログであればリンク付きのアイキャッチに実装してマウスオーバー時に「もっと見る」のような文言を表示させたりといった用途にも使えます。 共通のHTML 一部異なっているものもありますが、今回はサンプル... 続きを読む

擬人化CSSリファレンス GCSS - 擬人化したCSSキャラクターによるCSSの解説サイト

2013/05/10 231 users CSSプロパティ CSS プライバシーポリシー 利用規約

擬人化したCSSキャラクターによるCSSの解説サイトGCSS - 擬人化CSSリファレンス 擬人化CSSリファレンスサイトは、CSSプロパティを擬人化し、一覧化したサイトです。また、CSS2〜4のリファレンス情報を掲載しています。 このサイトについて お問い合わせ 運営者|利用規約|広告掲載|プライバシーポリシー|サイトマップ 続きを読む

国内のiPhoneアプリでデザインが参考になったWebサイトいろいろ - かちびと. net

2011/12/16 332 users iPhoneアプリ net 参考 備忘録 デザイン

以前からちょいちょいブックマーク していたんですが、いつの間にか増 えてたので一覧化してみたいと思い ます。国内のiPhoneアプリサイトで Webデザインが参考になったサイトの まとめ。あんまり無いですが・・ 個人的な備忘録とメモ書きです。探し方も悪いと思いますので数はさほど網羅していません。「あそこ凄い素敵なのに載ってない」みたいなご意見ありましたらコメント欄にてご教授頂けますと幸いです。 こ... 続きを読む