マウスオーバーエフェクト
ボタンや画像にカーソルを乗せた時の反応って大事ですよね。リンクするエリアにカーソルを合わせた時に、カーソルが指のアイコンに変わったり、テキストの色が変わったりすれば、カーソルが乗ったという事が認識しやすくなります:)。 それに加えて、ちょっとしたエフェクトがあれば、温度や感触や、世界観まで伝えられるかも。 ふわっとする 下のサンプルみたく、:hoverを使ってスタイルを指定しておけば、カーソルが乗った時に、そのスタイルが適用されます。 けどそれだけだと、カチッと切り替わるだけ。 a:hover { color: #dc6688; text-decoration: inherit; } サイトの雰囲気にもよるけれど、もちょっとだけ柔らかい印象にしたいなって時には、ふわっとするとよいかもです。文字色の変わり方と、下線の消え方を滑らかにすることで、ふわっとした感じになります:)。 この切り替わり
スクロールで要素が画面の中に入ったら横からスライドしてくるコンテンツ
javascript と css で実装しました。 この間つくった スクロールで要素が画面の中に入ったらふわっとフェードインするコンテンツ の応用版です。 デモ これもフェードインのやつもそうですが、ウェブサイトでよく見かけます。 こういうのが自分も作れるようになってとても嬉しいです。 コードと解説 html <div class="slideContsL slideConts"></div> <div class="slideContsR slideConts"></div> <div class="slideContsL slideConts"></div> <div class="slideContsR slideConts"></div> .slideConts クラスに対して js を効かせています。 左からスライドしてくるものは .slideContsL 、右からスライドしてく
【JavaScript・CSS】スクロールしたらフワッと要素を表示させるスクリプトの使い勝手を良くしてみる – ノーズブログ
HTML・CSS 基本のHTMLとCSSを用意 まず適当なHTMLとCSSを用意します。 <body> <header> <h1>ヘッダー</h1> </header> <section> <div>要素1</div> <div>要素2</div> <div>要素3</div> <div>要素4</div> <div>要素5</div> <div>要素6</div> <div>要素7</div> <div>要素8</div> </section> <section> <div>要素9</div> <div>要素10</div> <div>要素11</div> <div>要素12</div> <div>要素13</div> <div>要素14</div> <div>要素15</div> <div>要素16</div> </section> </body> body { margin: 0;
ヤマハ、バイクのサブスク「月極ライダー」開始 月額制で“乗り放題”
ヤマハ発動機は5月22日、月額制のバイク貸し出しサービス「月極ライダー」の実証実験を埼玉県で始めた。リーズナブルな価格でバイクに乗れる機会を設け、免許を取ったばかりの人や“休眠ライダー”の需要を掘り起こす。 月額料金は、バイク購入時の総額の5％程度（保険料や税金、メンテナンス費用などを含む）で、バイクの種類に応じて変わる。30日単位でレンタルでき、2カ月目以降、好きなタイミングで返却可能。レンタル期間は最長6カ月だが、気に入ったバイクはそのまま購入もできる。申し込みは、同社の公式サイトで受け付ける。
12週にわたって毎週ゲームが届くユニークな携帯ゲーム機“Playdate”が発表。『塊魂』高橋慶太氏や、あのツボ男ゲーのベネット・フォディ氏らが新作を提供予定 | ゲーム・エンタメ最新情報のファミ通.com
ベーシックなスペックとユニークな“ハンドル” Playdateのゲーム画面は2.7インチのLCDスクリーンで、解像度は400ドット×240ドット。2色モノクロでバックライトはなく、操作系は十字キー＋ABボタン（とポーズボタン）のみという、往年のゲームボーイを思わせる内容。 一方で回転式の“ハンドル”が用意されており、ゲームによってユニークな使用法が期待される。なおこのハンドルは、ユニークなシンセサイザーを手掛けてきたTeenage Engineeringとのコラボによって生まれたものだという（同社の小型シンセサイザーOP-1に同様のオプションが用意されている）。 そのほかコンパクトな本体には、Wi-FiやBluetooth機能、そしてUSB-Cポート、ヘッドフォンジャックなども存在。ここまで聞いただけならキュートでレトロスタイルなだけのゲーム機と感じるかもしれない。本題はここからだ。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
「ジャスコ」「親戚を地名で呼ぶ」 #田舎という言葉を使わないで田舎を表現 2019年版はさらに哀愁漂う仕上がりに