jQueryでスクロールすると表示する系いろいろ
Posted: 2012.03.08 / Category: javascript / Tag: jQuery, アニメーション 最近はスクロールするときにいろいろ仕掛けをするのが流行なようです。 ここではシンプルにある要素の位置とか最下部までスクロールしたら何か表示するということをやってみます。 ちょっとスクロールするとフェードして「トップへ戻るボタン」を表示を表示します。 ボタンは下の方にこんな感じで配置します。 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-
検索エンジンに見られているページ
Free SEO Browser to view your web page as a search engine spider would A search engine spider simulator to view your website like a Google bot: pure HTML. Plug your webpage URL below and investigate your on-site page elements within seconds: Do you know how Google sees your website? Use the Google bot simulator to debug technical SEO issues: Discover crawling and indexing issues on your siteFind y
登録するだけでSEO効果がある17サイト【無料SEO対策】｜ビジネスに役立つ情報まとめ～東京駅で働く社長のブログ～
前回は内部対策を中心にまとめたので、 初心者が押さえておくべき7つのSEO対策 今回は外部対策についてまとめました。 SEOで外部対策は、 「質の高い被リンクを得る。」 この一言に尽きます。 それが簡単にできるなら苦労をしませんよね。 だから多くの方はSEO業者にお金を払って、 質がわからない被リンクを獲得していきます。 …ちょっと待ってください！ 登録するだけで質の高い被リンクを得る方法があるんですよ！ それが、ソーシャルメディアやソーシャルブックマークの活用です。 何かを検索しているときに、 facebookやtwitterのページが検索結果に表示されることがありませんか？ ページランクを調べるとこの理由わかりますが、 facebook：9 twitter：9 と、驚異的なページランクとなっています。 なので検索結果の上位に表示をされる仕組みとなっています。 さて、ここで考えるべきは、
全てのページにコメントフォーム|リッチなサイトを作ろう
まさに、このページの下にも有るコメントフォームをhtmlで作成されたページに簡単に挿入できます。 記事の保存にはPHPを使用しますのでPHPが利用可能なことが唯一の条件です。 PHPさえ動作すればブログのようなコメント欄を静的ページに初心者でも簡単に導入可能です。 コメントはページごとに管理されますので商品ごとのレビューとしても使用可能です。 こちらから貴社サイトで使用している文字コードに有ったスクリプトをダウンロードしてください。 ■コメントフォーム(UTF-8) ■コメントフォーム(EUC-JP) ■コメントフォーム(SHIFT_JIS) 適切なファイルをダウンロードしなければ文字化けの原因になります。 システムはzip形式で圧縮されていますので解凍してください。 解凍すると commentform.css commentform.js commentform.php の3つのファイル
投稿した内容を画面表示 - 掲示板 - PHPサンプルプログラム
次はフォームと組み合わせて簡単な掲示板を作ってみます。まずは投稿された内容を画面に表示するところまで行ってみます。 まず投稿用のフォームを作成します。フォームは投稿者と内容の2つの項目にします。下記のような感じです。 次に投稿された内容を表示させてみます。今回はフォームが記述しているHTMLファイル自身にPOSTを使って送ってみます。 keijiban1.php <html> <head><title>PHP TEST</title></head> <body> <p>掲示板</p> <form method="POST" action="<?php print($_SERVER['PHP_SELF']) ?>"> <input type="text" name="personal_name"><br><br> <textarea name="contents" rows="8" cols
jQueryを使ったタブメニューの実装サンプルまとめ
**追記** この記事とは直接関係ありませんが、自作のタブプラグインを貼っておきます。 rin316/jquery.tab: jQuery tab plugin. **追記終わり** 仕事でjQueryを使ったタブメニューを作ったので忘れないようにメモ。 それぞれの挙動も比較しやすいように並べてみました。 今日が勉強初投稿の日！ 写真:新川通りで撮った桜。 まずはファイルの用意 下記リンクからダウンロード。 ・jQuery本体…Past Releases内→最新バージョンのMinified ・Download Builder | jQuery UI (このサイトで使っているui.tabs.zip) head内にリンクを張る ダウンロードしたファイルに対して、head内にリンクを張ります。 [html] [/html] さっそく使ってみる 本文にhtmlを追加。 [html] タブ1 タブ2
【Photoshop】Web用ボタン日本語チュートリアルを集めてみた - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
Illustrator（Photoshop） のペンツールできれいなパス、ベジェ曲線を描くためのコツ（私流）
Illustrator や Photoshop のペンツール。 初心者の頃は、きれいな曲線が描けなくて悩んだものでした。そんなペンツール、パスの初心者さんのための、ペンツールできれいなベジェ曲線を描くコツを、一連の操作方法とともにまとめてみました。 ペンツールに挫折しちゃった人も、もう一回チャレンジしてみるきっかけになればうれしいです！ ペンツール初心者さんが対象の記事です。 Photoshop や Illustrator のペンツール … はっきり言って私はへたっぴーです。ペンツールは切り抜きをするときやイラストを書く時など、絶対に使いこなしたいツールですよね。ペンツールで描く曲線をベジェ曲線、アンカーやハンドル（後述）も含めてパスって呼んだりもしますが、この曲線が初心者さんにはとにかく難しい …。初心者さん向けの Illustrator の本や Webサイトを見ても、ペンツールできれい
フォトショップで光沢のあるボタンを作る方法 / ウェブデザインライブラリー
投稿日：2007年8月17日 レベル：初心者 ソフトウェア： Step1 ： キャンバス/バックグラウンドの準備 Step2 ： 形を作る Step3 ： 形に色を塗る Step4 ： 選択範囲を縮小 Step5 ： グラデーション Step6 ： 反射の設定 Step7 ： 詳細設定
福岡の情報！福岡ＷＥＢ
ふくおかWEB更新停止・掲載終了のお知らせ（2020/6/30） ふくおかWEBは開設以来多くの福岡の皆さまにご利用いただきましたが、諸般の事情により 2020年6月末日をもちまして更新停止・ご登録情報の掲載終了・データの削除を実施させていただきます。 長らくのご愛顧誠にありがとうございました。
【超カンタン＆ハイレベル】写真の絵画・イラスト風加工 : Photoshop テクニックス
アドビ フォトショップ(フォトショ)の基本的な使い方。様々な写真・画像の加工テクニック(切り抜き、トリミングからプロ仕様の効果まで)の解説＆動画。フリーのフォントや無料の素材、ブラシ、テクスチャ、役立つ情報なんかも紹介しています。 Adobe CS5 フォトショップで写真を『高精度』に絵画・イラスト風に仕上げる方法。 オリジナル技ですので、どんどん紹介してやってください← slumber party, with a book / woodleywonderworks ▼まずは読み込んだ本日の画像、背景のレイヤーをコピーしまくります。とりあえず11枚、合計で12枚になるようにです（シフトを押しながら選択して、云々でラクチンな複製が出来ますが、今回は説明を割愛します←）。 ▼ではいちばん上のレイヤー、背景のコピー11をレイヤーパレットで描画モード[除算]にします。すると以下の写真のように、ほぼ
ASCII.jp：もう配色には困らない！「Adobe Kuler」
「オリジナルのWebデザインをしたいけど、いまいち配色センスがなくて困る」「いつも好きな（得意な）色の組み合わせばかりでデザインしてしまう」「でも色彩理論を勉強するのは面倒だ」。 そんな人にぜひおすすめしたいのが、アドビ システムズが提供しているオンラインサービス「Adobe Kuler」（クーラー）だ。Kulerは、さまざまな色の組み合わせ（配色パターン、Kulerでは「テーマ」と呼ぶ）をWebブラウザー上で作成し、保存・公開もできる、ちょっと変わったサービス。いわば“みんなの力”で作られたカラーチャート集ともいえるもので、すでに7000種類以上（2009年1月現在）ものテーマが公開されている。利用料は無料だが、保存などの機能を使うにはAdobe IDが必要だ（以降の説明はログインしているものとして進める）。
配色、デザイン、文章、写真、センスがないとあきらめる前に勉強しよう！｜Webpark
自分が作ったウェブサイトを見て、「センスないな」とへこむことはありませんか？ 私はよくあります。色使い、レイアウト、写真、文章などなど、どれをとってもセンスないなとへこんでいました。 けど、センスがないのではなく、単に基礎を勉強していないだけということに最近気づきました。センスはもっと高い次元の話でした。 ということで、センスを言い訳にしてしまいがちな分野の基礎を学べるすばらしい記事を集めました。この記事自体単なるまとめ記事ですが、できるだけ厳選し、読んでほしい順に並べました。皆さん、あきらめずに一緒に勉強しましょう。 配色 アクセントになる色を使うのが苦手で、同色系の色ばかり使ってしまうのですが、これらを読めば恐れずに使えそう。 色彩センスのいらない配色講座 ベースカラー、メインカラー、アクセントカラーに分類してどのような色を選ぶべきか分かりやすく解説してくれています。具体例もあって分か
【配色 - デザイン ★★★★★】 - Color Scheme Designer 3
Paletton, the color scheme designer In love with colors, since 2002. Paletton application Colorpedia About Paletton About Paletton Paletton.com is a designer color tool designed for creating color combinations that work together well. It uses classical color theory with ancient artistic RYB color wheel to design color palettes of one to four hues, each of five different shades. Various preview sty
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
yanoji.net - このウェブサイトは販売用です！ - リソースおよび情報
アニラジサーチ[テスト]
http://o-ands.net/amazon-associate-image-process-big/
福岡の情報！福岡ＷＥＢ
色彩センスのいらない配色講座