sloth
とりあえず韻が踏みたいなと。詞を書きたいなと。恥ずかしい独り言を、恥ずかしげもなく書きためていくためのマガジン。
音楽について。多分J-POP中心。音楽は特別なものではなく、生活音のようにいつも隣にあるもの。好きなアーティストや音楽の話を。
平坦な毎日をただ記したかった。多分エッセイ。何もない日々が暖かく冷たく、私を作ってくれたから。
自分の勉強のためにもWebデザイン関係の記事を。デザインのこと。コーディングのこと。最近のトレンドや昔話。実務でのこぼれ話。これからwebデザイナーになりたい人や同じようにWeb業界で働く人に見てもらえたら嬉しいな。
ローディングが下線伸び縮みでかわいい。サイト全体でラインをうまく使っていていいな。 キーカラーがビビットなグリーンで効いている。かっこいい。 項目の数字のレイアウトの仕方参考にしたいな。05から変化するけど、これもありなのかな。私なら合わせないとでもバランスが・・・みたいに悩みそうだな。スマホは01から中央タイトルの下線で揃えている。 メニューが多いから並べるの大変そうだな。というか情報量が多くて整理するのが大変そう。 ■日本語フォント font-family: "
〜の下線がキーになっている。hoverでも出てくるのかわいい。ファーストビューのレイアウトがキレイ。 一定のところまでスクロールすると背景色が変わるのもいい。 moreのhoverの動きもいい。（下線の色が左から変わる。右の矢印がロケット鉛筆みたいに出てくる） 左右にふるレイアウトもきれい。 予約の部分も大きく使っていて面白い。魔が抜けているわけではなくうまく使っている。（PC） 白と微妙な緑でぼんやりしてしまいそうな配色だけど、うまく色を合わせていい配色。 スマ
手触りがあるというか人を感じる背景の感じとかイラストで雰囲気が伝えたいものとマッチしていていい。 テキストの部分を画像にしているのは何か意味があるのかな。そんなに特殊なフォントではないように思うけど。真ん中寄せだと見た目があまり美しくならなかったり、読みにくかったりしてしまいがちだけど、きれいにおさまっている。それもあるから影響されない画像にしたのかな。 →スマホでも同じ画像を使っているからのよう。やはり形を変えず見せたかったからかな。 こだわりの項目のカタチがテイクアウ
画像の上をグラデーションが通るのが綺麗。cssアニメーションでやっていそうだけど、なんかjsも走っているのかな。いろんな方向からランダムで流れてくるのをjsでやってるのかな。 テキストリンクをhoverした時もグラデーションがキラキラっと流れるのも素敵。 productsのレイアウトというか組み方が参考になる見せ方。 footerの余白の使い方というか組み方もバランスがいい。 目立ったあしらいはないがスタイリッシュで綺麗目でいい。 ■日本語フォント font-fam
ファーストビューがきれい。２カラムで、左のメニューは固定。メニューが中央揃えで見えにくくなりそうだけど、余白がちゃんとあっていい。 hoverすると淡い緑の長方形出てくるのかわいい。出方もぽわんって感じでいい。hoverの時の余白が少ない（SNSだと線に被ってる）感じもアリだな。参考にしよう。 ロゴや見出しに使っているフォントが個性的でいい。カクカクしているというか、切り出しだ感じというか。ナットっぽいというか。アーティストスペースにピッタリ。 ファーストビュー右上にあ
メニューのレイアウトがきれい。メーニューの中に子どももあって孫まであるのに綺麗に見せていて参考になるな。 NEWSの記事の組みもキレイ。余白とバランスがいい。 newsを超えると背景の色が変わるのもいい。 項目が変わったんだとわかりやすい。 スライダーもたくさん使っているし、footerも項目が多くてデザイン大変そうだな。綺麗にまとまっていて素敵。 スマホにしても動画を全画面（縦いっぱい）にしていないのもありだな。実機で見たら違うのかもしれないけど。 スマホで見ると
アクセス時の要素の出方が心地よい。流れるようにリズム良くいろんな出方をして出てくる。それがバラバラな感じではなくテンポ良くやってるから心地いいんだろうな。 お店からのおすすめが流れるのかわいいな。 メニューを開くと半分は画像で、メニューと連動して変わるのもいい（PCのみのよう）。 おしなものの方のhover時の動きはあまりみたことがなくていいな。一文字一文字が横にスライドして変わるというか。 →サイト内全体のhoverだった。 ECサイトなのにECっぽくなくていいな。
アクセス時に手書きの縦書きタイトルが出るのが雰囲気があっていい。 ファーストビューでいえる景色の画像はfixedで固定しているよう。 PCでメニューを開いた時にメニュー以外の部分（左3/4くらい）を透過のオレンジにしていて新しい見せ方で参考になる。スマホだと全部メニューになるのかなと思ってたら、スマホでも1/4くらいは透過にしているようで面白い。 予告編などの動画の後ろがただの透過ではなくて、すりガラスみたいになっているのもいい。PCだけのよう。 濃いめオレンジ・茶色・
色味や手書き文字やイラスト、角丸、丸文字から温かみというか温もり、親しみやすさが感じられていい。 メニューの項目メニューみたいなのが吹き出しで出てくるのかわいい。 moreボタンも丸の色がhoverでぼんやり変わるのいい。 hoverで商品画像が変わるのいいな。パッケージから中身に変わるみたいなやつ。 相談？チャットの部分もサイトに合わせて可愛く作っていて参考にしたい。 ワンちゃんの絵文字を入れているのも遊び心があってかわいい。 手書き風のアイコンがかわいい。特に噛
アクセスするとアリスみたいに穴に落ちたように展開していくの面白い。 初回アクセスでは自動だが、次からはスクロールで自分で行き来できるのも面白い。 ファーストビューの写真等要素がほんわり動いているのもいい。マウスに合わせて動く感じも。 淡いグレーやブラウンでぼんやりしない配色が素敵。ずらしているレイアウトも綺麗。 ブランド紹介のスライダーが特徴的でいい。 写真のような画像が無造作に出てきてる感じ。PCだと画像の横にテキストで素敵だけど、スマホだと画像の下に被せて見せている
バーガーメニューを押したときに形が変わる速度感とか、hoverで加増が傾く速度感が好き。よくあるものよりゆっくりめだけど心地いいゆっくり。雰囲気と合っているということなのかな。 hoverすると画像が結構傾く感じもいいな。左上にある●が逆になるのも面白い。（四角形の丸の周囲に色がつくというか） 【】を未来につなげるの部分がタイピングされるみたいに変わっていくのもすてき。 フォントが丸みがあって温もりが感じられていい。 項目が多いのに、footerの組みもキレイ。 メニ
黒アヒージョをPRするページ。 headerが追随になった時の白の透過具合がいい。 メニューの前のアイコンも手書きっぽくて、ロゴの雰囲気にもあっていて素敵。２段のメニュー組みも参考にしたい。SNSロゴは大きめ。 千葉県のロゴと黒アヒージョのロゴを並べるバランスが難しそうだな。 youtubeの上にのっている再生マークのアイコンもかわいい。 縦長の画像の周りに文字を置くバランスも参考にしたい。 このページでは「ー」がキーのあしらいみたい。 もっとみるの矢印みたいなのが「
椅子工房のサイト ロゴがはしもとの「h」と椅子をうまく表現してていいな。 ローディングの時点でそれがわかるのがいい。 背景色が白ではなく、微妙なグレーなのもいい。 ファーストビューのバランスもいい。 縦書きをうまく使っている。 見出しをフォントでマスクして画像を表示させてるのも素敵。 hoverのエフェクトも３つ動きをつけてるのにうるさくなく、 品よくあってる。 （色がゴールドに変わる/上に文字がまわる/矢印が横に消える） スクロールで要素類が出てくるタイミングも
有限会社包装社｜西宮の包装資材卸売 ファーストビューのバランスがいい。スマホは特に参考にしたい。「まごころをつつむ」想いにあわせて柔らかい淡い青と白の配色にしていていい。角丸や文字も丸みがあって柔らかさからもその印象を表そうとしていて素敵。 view moreのhoverエフェクトも中心に白がある円が小さい青丸に包まれるのもポリシーと合ってて素敵。背景を置いてからの中にコンテンツも包む感じでいい。 余白を広くとっていていい。 お客様の声部分の「vol」のレイアウトは参
アールリハビリステーション リハビリ施設のサイト wpを使用してそう？ 控えめな色の「”」でキーフレーズを囲んでいるのがいいな。 「R」の上の部分をキーとして画像やcurrentのアイコンなどにしている。画像をこの形で切り出して並べているのは面白い。 上にスクロールするとメニューバーが出てくるのもいい。 フローの説明のイラストも「D」の形にこだわっているし、うまく合わせていてわかりやすい。 よくあるご質問の項目をhoverすると色が変わるや動きがあるではなく「回
ジャパンウェルスアドバイザーズ 資産運用のサポートをする事業。金融系。 誠実さを表すようなはっきりとした青で信頼感を出していてサイトや事業のみせたい印象を表していていい。 ファーストビューのバランスがいい。 シンプルな作り。 イラストがあってかわいいし、わかりやすい。 いろんな人がユーザーの対象になりうるからボタンは分かりやすく長方形にしてるのかな。そしてしっかりした大きさがある。 TOPではないけど、パンくずを右側にうまく出していていいな。 「TOP（http
