jQueryとCSS3で作るページの上までスクロールするボタン
wordpressはプラグインがたくさんあって便利です。しかし、個人的には安易にプラグインを使うのではなく、自作できるものは自作できるよう心がけています。 今回紹介するのは前からよく使われている方法ですが、プラグインで実装している人も多いようなので紹介します。自分で作った方が自由ですし、無駄に大きなファイルにならないのでいいかと思います。 今回はボタンが現れるパターンを3種類作ってみました。定番のフェードインして現れるものと、CSS3を使ったものがあります。まずはサンプルをご覧ください。 HTMLは全て同じです。 <a href="#" id="page-top1">上に戻る</a> 非常にシンプルです。 では、CSSとiQueryを1つずつ解説します。 1. フェードイン まずはとても有名なやつです。ある程度スクロールするとフェードインして現れます。CSSは次のようになります。サンプルは
自分が見やすいと思うブログ・サイトが、運営のお手本 - 田舎で底辺暮らし
はてなブログをやるようになって、SEO対策やウェブの便利なサービスなどサイト運営で役立ちそうな情報をたくさん見るようになった。 自分でイチからHPを作成していたら、SEO対策もとても大変だったと思うけど、はてなブログを使っているのでその辺はあまり気にせずにすんでいる。 ありがたや。 先日、はてなブログのAdsenseの表示について調べていた時、よく目にしたのがLinkWithinの表示方法についてだ。 LinkWithin - Related Posts with Thumbnails 記事の最後に、関連記事を画像と一緒に表示してくれるサービス。 はてなブログでは結構使っている人が多いみたい。 そういえば、記事の最後に表示しているところが多かったような…。 というのも、記事下部にあっても、私は流し見であまりきちんと見ないことが多い。 一方、サイドバーの注目記事なんかはよく見るんだけど。 ま
Photoshopでバナー "いい感じ" に制作せよ！
11. 文字ツール ぼかしフィルター３ D ツー ル コンテンツに応じる 選択ツールド ロップシャドウ パペットワープ 色調補正 トーンカーブ ブラシツール アルファチャ ンネル 塗りつぶし 文字スタイルパネル コピースタンプツール スマートオブジェク トラスタライズ ペンツール 境界線を調 12. 文字ツール ぼかしフィルター３ D ツー ル コンテンツに応じる 選択ツールド ロップシャドウ パペットワープ 色調補正 トーンカーブ ブラシツール アルファチャ ンネル 塗りつぶし 文字スタイルパネル コピースタンプツール スマートオブジェク トラスタライズ ペンツール 境界線を調 苦 手 だ ⋮
作成したWebサイトのスタイルガイドを一瞬で作成できるWebサービス「Stylify Me」
スタイルガイドはサイトを制作した時に残しておくことで、あとで色々と手直しとかメンテナンス時に役に立つ便利なものですが、作るのがめんどくさいという方も多い。 そんなわけで、一瞬でスタイルガイドを作成できるWebサービスのご紹介。 これなら、作ってなかったとしてもあとからいつでも確認できるので、激しく便利です。 URLをいれればOK ネタ帳のURLを入れるとこんな感じ。 DownloadボタンをクリックするとPDFしてくれますので、保存も可能です。 はてなのトップページだとこんな感じ。 「あれなんか色使いすぎるな・・・」 とか、 「同じような色をテキストにつかってるな・・・」 とかも再確認できますね。 お試しあれ。 一瞬でスタイルガイドを作成するWebサービス Stylifym Me それでは、また。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
商用利用無料！ごつごつした感じがいい味をだしてる日本語の極太フリーフォント -鉄瓶ゴシック
