jQueryでスクロールすると表示する系いろいろ
jQueryでスクロールすると表示する系いろいろ 最近はスクロールするときにいろいろ仕掛けをするのが流行なようです。 ここではシンプルにある要素の位置とか最下部までスクロールしたら何か表示するということをやってみます。 投稿日2012年03月08日 更新日2019年12月19日 ちょっとスクロールするとフェードして「トップへ戻るボタン」を表示を表示します。 ボタンは下の方にこんな感じで配置します。 html <p id="page-top"><a href="#wrap">PAGE TOP</a></p> fixedにすると固定配置されます。 css #page-top { position: fixed; bottom: 20px; right: 20px; font-size: 77%; } #page-top a { background: #666; text-decoration
.htaccess ファイルを簡単作成「.htaccess Editor」
リダイレクト Fromにサイトパスを入力、ToにURLを入力 301 Moved Permanently 恒久的に移動 From: To: From: To: From: To: 302 Moved Temporarily 一時的に移動 From: To: From: To: From: To:
素人っぽいデザインから脱却するための12のデザインチップス | webox blog
クオリティを上げるためにはちょっとした「こだわり」がとても大事です。 定期的に話題になるネタで恐縮ですが、素人っぽいデザインにならないように個人的によく使ってる小技をまとめました。 上のものほど、簡単で多くのデザインに使える小技になります。 1pxのボーダーを使う 1pxの効果を使うのと使わないのでは、デザインの質に大きな違いが生まれます。 ある意味Webデザインでは一番重要な要素かもしれません。 定番です。たった1pxのボーダーをつけるだけでシャープな印象になります。 ただ塗りつぶしただけ、グラデーションを入れただけのボタンでは、のっぺりとした感じになりやすいですが、1pxのボーダーを上部に入れるだけでシャープな立体を表現できます。 正確には1pxでなく2pxですが、こうして黒系のボーダーと白系のボーダーを並べることで、明確にかつシャープに仕切りを表現できます。 1pxのドロップシャ
Web制作初心者にすすめる、これは絶対チェックしとけっていうまとめ | webox blog
要チェックや！って思ったものをピックアップしました。 2011年1月から6月くらいまでの記事です。 目次 特に見るべきもの デザインの参考サイト 素材サイト ソフト関連 デザイン コーディング 特に見るべきもの Web制作をこれから始める人の為のスキル・HTML・CSS・ブラウザ・写真素材入手の基礎情報 Web制作を始める人の為のスキル・ワイヤーフレーム・SEO・マーケティング・Webサービスの基礎情報 Webデザイナー必読？！著作権について知っておくべき10のこと 目次へ デザインの参考サイト Design Link Database いけてるサイト ドットコム iPhone Design Box 目次へ 素材サイト 写真素材 足成 デザイン素材.com styraise 0円のweb素材屋さん 無料で取り放題.com 目次へ ソフト関連 どや！？新人Webデザイナーが最初に入れるべき
Web制作者は変化についていけるか？ 変化についていくべきか？
15. “ The Need for a Responsive Retail Experience When it came to online shopping, 14.1% of shoppers preferred using their mobile phones. The most popular device for US consumers — the iPhone, followed by the iPad. Online Black Friday sales shot up 20.7% from last year, mostly from mobile shoppers. 16.3% of mobile sales, mostly from an iPad. 24% of Black Friday retail traffic came from a mobile, w
ウェブユーザビリティ向上を支援するWebsite Usability Info
ウェブをはじめとするデジタルコンテンツの、アクセシビリティ、ユーザビリティ、情報設計 (IA) に関する話題をマイペースに発信。世の中のサイトやアプリがあまねく、インクルーシブで使いやすいものになることを願って。 お仕事のご依頼・ご相談 Accessible & Usable では、ウェブサイトやアプリケーションのアクセシビリティ向上を支援させていただきたく、お仕事のご依頼、ご相談を承っております。詳しくは「お仕事のご依頼・ご相談」をご覧ください。 新着記事 ダークパターン – 人を欺くデザインの手口と対策 公開日 : 2024年8月27日 (2024年8月29日 更新) カテゴリー : アクセシビリティ / ユーザビリティ 「ダークパターン – 人を欺くデザインの手口と対策」を読みました。ダークパターンの現状、撲滅に向けての動き (主に欧州および米国における法規制)、今後の課題、がコンパ
企業サイトの変遷がわかる。Web制作の未来 | gihyo.jp
皆さんあけましておめでとうございます。インテリジェントネット株式会社和田です。 今回は新春企画企画として、紙版最終号となった『Web Site Expert #39』の特集「Web制作の未来」で執筆した内容から、2012年に向けた記事をgihyo.jpの読者の皆さんに向けて改めて執筆させていただくことになりました。 ネットが一般化したという本当の意味 未来を考える上で、まず外部環境として私たちに起こった10年で大事な事を振り返ってみたいと思います。 1つ目の外部環境変化は、インターネットがインフラとして完全に根付いたということ。これだとたいていの人は、そうだよねっていってくれそうです。もうちょっと掘り下げると、これは“個人”が“誰でも”“どこでも”“繋がりっぱなし”になったということです。 私たちの感覚だとなにを今更、という感じかもしれませんが、平成15年（2003年）くら
ウェブ制作を依頼するお客様が「本当に欲しい」と思っている情報 | バニデザノート
ここ最近、お客様からご要望をお伺いしているときも ウェブの制作を教えて欲しいと言われる時も よく出てくるのが 「どのサイトに本当のことが載っているのかわからない」 「（検索結果のブログで）ソースの一部だけが載っていて、実際の動かし方がわからない」 といった内容。 お客様もウェブを発注するために勉強しようとしている方が多く見受けられるのですが 勉強の仕方がわからない。検索しても、「ひとりごと」のようなブログが上位に来ていて これが「正しい」と認識する方、「よくわからない」と投げてしまう方がいるようです。 これは、ウェブで情報を発信していく側として、 考えなくてはいけないレベルに来ているように 思いましたので、具体的な例を上げながら 一旦は問題提起となればいいなぁと思っています。 専門用語だらけのセミナー、専門用語を知っている前提のブログサイト ウェブ制作側の人なら知っていて当たり前だとお考え
LPO講座 : ランディングページを改善して売上を増やす方法 » SEO Japan
無料で資料をダウンロード SEOサービスのご案内 専門のコンサルタントが貴社サイトのご要望・課題整理から施策の立案を行い、検索エンジンからの流入数向上を支援いたします。 無料ダウンロードする ＞＞ 私が12月に投稿したエントリ、「クリックする前に考えよう: コンバートするランディングページを構築するには」には素晴らしいフィードバックがもたらされ、質問も幾つか寄せられた。そのため、ランディングページに関するさらに重要なトピックを幾つか取り上げることにした。ランディングページがうまくいくかどうかは、オーディエンス、そして、コンバージョン候補に情報を与えるために利用されたランディングページの数に左右されると言うコメントが投稿された。また、ランディングページおよび当該のページにトラフィックを集めるために実施している、プロモーションキャンペーンの結果を追跡する際の問題を挙げる人も多かった。そこで、こ
Webディレクターだから間違えるECサイトの提案(商品詳細)
どんな業界・どんな職業に就いても同じことが言えるのですが、その業界で働いているからこそ学べることがあります。ですが、この業界特有の専門知識のせいで、勘違いが生まれてしまうこともあるんです。例えば、『伝えたい事は簡潔に書き、画面のスクロールは避けるようにする』これは私達WEB業界で働いている人であれば、よく知られたコンバージョンを上げるためのポイントの1つです。 ただ、実はこの『伝えたい事は簡潔に書き、画面のスクロールは避けるようにする』という事を提案したがために、売れないECサイトを作ってしまうことがあります。なぜか分かりますか？ それは『人は買いたい商品の情報であれば、詳しく知りたい』と考えているからなんです。 今回は、WEB業界では正しいと思われているが、実は間違っている可能性のあるECサイトの提案について説明させていただきます。 本当に買いたい人は商品の詳細を詳しく知りたい webデ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Grad3
無料ホームページ作成 | ホームページの作り方 | Wix.com
WEBデザイン&ディレクション LALA-ROCKETS