タグ 一覧化
人気順 5 users 10 users 50 users 500 users 1000 users【プログラミング不要】suumoの物件情報をスプシに一覧化する方法|ハチ
IMPORTXML関数を使ってsuumoの物件情報ページをスクレイピングし、スプシに一覧化する方法をご紹介します。 suumoから引っ張ってくる情報は以下の通り。 物件名 価格(万円) 広さ(m^2) 築年(年、月) 最寄り駅と駅徒歩 ※友人用に作ったスプシは坪単価も出したかったので、いったんデータを引っ張ってきてからスプシ上で価... 続きを読む
「人気出た作品のグルメ系スピンオフ」一覧化し、いろいろ考えてみましょう。 - INVISIBLE D. ーQUIET & COLORFUL PLACE-
なんで人気出た作品ってすぐグルメ系のスピンオフ漫画をやりだすの? ワンパターンにもほどがある anond.hatelabo.jp 常々の持論。考える前に、まず一覧。 一覧を作れば、そこからおのずと見えてくるっ・・・・ ※余談ですが、この「なんでもかんでもまず一覧化してみよう!」の呼びかけ記事はこちら m-dojo.hatenadiary.... 続きを読む
CSSで実装する次のコンテンツへと促すスクロールダウンボタン 10 | NxWorld
自分用に一覧化したのでシェアします。ファーストビューで大きめのイメージやムービーなどを配置しているサイトで設置されていることが多い、次のコンテンツがあることを示したりスクロールするよう促すアイコンやボタンをCSSで表現してみたサンプル全10種類です。クリックした際に次のコンテンツへスクロールされる動きなどはJavaScriptを使用していますが、矢印の見栄えやアニメーションなどに関してはCSSのみ... 続きを読む
テキストリンクのホバー時に使えるエフェクト・デザインサンプル 15 | NxWorld
見たい時にすぐ動きの確認ができるものが欲しくて一覧化したのでシェアします。いずれも文章内のテキストリンクやテキストのみで実装しているようなナビゲーションリンクなどで使えそうなホバーエフェクト・デザインのサンプルです。文字数が変化したり改行が頻繁に入るような場所などでは正直使い辛く、利用できる場面が限られてしまうものも多いのですが、シンプルなHTMLとCSSで様々な見せ方ができます。 先述したように... 続きを読む
視覚化のパターン 72種類まとめ(インフォグラフィック) | ビジュアルシンキング
起業家やスタートアップに関するインフォグラフィックで知名度をあげた「Funders and Founders」。 メンバーの一人 Anna Vitalさんが視覚化のパターンを一覧化したインフォグラフィックを紹介します。 ・Anna Vital – How To Think Visually Using Visual Analogies Most… ベーシックなチャート類に加え、インフォグラフィッ... 続きを読む
CSSで実装するハンバーガーメニュークリック時のエフェクト 10+ | NxWorld
自分用に一覧化したのでシェアします。ハンバーガーメニューは「メニューだとわかりづらい」と言われることも多いですが、特にスマートフォンサイトなどでは実装する機会はやはり多くはなってきているので、今回はそのハンバーガーメニューをクリックした時(メニューが展開している時などのアクティブ時)のエフェクトをCSSで実装したサンプルをまとめました。よく見る「×」のようなクローズボタンに変化するものから矢印に変... 続きを読む
ゴーストボタンと相性が良さそうなホバーエフェクト 10+ | NxWorld
メモしていたものが溜まってきて一覧化したのでシェアします。以前にもCSSのみでボタンデザインやホバーエフェクトを実装できるエントリーを書きましたが、今回はCSSのみで実装するゴーストボタンと相性が良さそうなホバーエフェクトのサンプルです。もちろんゴーストボタンに限らず様々なタイプのボタンで使用でき、対応しているブラウザであればコピペで簡単に実装できると思うので、気になるエフェクトがあれば是非使って... 続きを読む
CSSのみで実装できる、画像と相性が良さそうなホバーエフェクト 15 | NxWorld
自分用にひと通りの動きを一覧化したものが欲しくて作ったのでシェアします。リンクやボタンのホバー時にエフェクトを付けるのと同じように、画像にもホバー時に何かエフェクトを付けたいという時に使えそうなエフェクトのサンプルです。CSS3を多用しているので全ブラウザで実装できるわけではありませんが、いずれもCSSのみを使用して実装したもので、拡大縮小・スライド・白黒・ブラー・フラッシュなど全15種類です。 ... 続きを読む
CSSのみで実装するキャプションエフェクト 20 | NxWorld
自分用にひと通りの動きを一覧化したものが欲しかったので備忘録です。画像のマウスオーバー時にエフェクト付きでキャプションを表示させる動きをCSSのみで実装する方法です。キャプションとはしていますが、例えばブログであればリンク付きのアイキャッチに実装してマウスオーバー時に「もっと見る」のような文言を表示させたりといった用途にも使えます。 共通のHTML 一部異なっているものもありますが、今回はサンプル... 続きを読む
擬人化CSSリファレンス GCSS - 擬人化したCSSキャラクターによるCSSの解説サイト
擬人化したCSSキャラクターによるCSSの解説サイトGCSS - 擬人化CSSリファレンス 擬人化CSSリファレンスサイトは、CSSプロパティを擬人化し、一覧化したサイトです。また、CSS2〜4のリファレンス情報を掲載しています。 このサイトについて お問い合わせ 運営者|利用規約|広告掲載|プライバシーポリシー|サイトマップ 続きを読む
国内のiPhoneアプリでデザインが参考になったWebサイトいろいろ - かちびと. net
以前からちょいちょいブックマーク していたんですが、いつの間にか増 えてたので一覧化してみたいと思い ます。国内のiPhoneアプリサイトで Webデザインが参考になったサイトの まとめ。あんまり無いですが・・ 個人的な備忘録とメモ書きです。探し方も悪いと思いますので数はさほど網羅していません。「あそこ凄い素敵なのに載ってない」みたいなご意見ありましたらコメント欄にてご教授頂けますと幸いです。 こ... 続きを読む