jQuery MagicLine Navigation | CSS-Tricks
These “sliding” style navigation bars have been around a while, I just thought I’d take a crack at doing it myself as the opportunity came up recently. Turns out it’s really pretty darn easy. I put two examples together for it. The Idea The idea is to have a highlight of some kind (a background or an underline) follow you around as you mouse over the different links in the navigation. This will ha
テキストを好きなフォントで表示できるJavaScript「cufon」
最近多くの英語サイトのソースで見られるJavaScriptにcufon.jsと言うのがあります。 これはJavaScriptを使用して、テキストを好きなフォントで表示できるものです。 Google Font APIが出ましたが、まだまだ数が少ないです。 こだわりのある方は、フォントを選択できるcufo'n - fonts for the peopleを使用するのも良いのではないでしょうか。 ※フリーフォントのみで・・ sponsors 使用方法 cufo'n - fonts for the peopleからcufon.jsをダウンロードします。 また、表示させたいフォントをjs化します。 今回は、1001 Free Fonts - Download Free Fonts for Windows and MacintoshからHawaiiLoverというフォントを使用してみました。 ダウンロ
華麗なメニューを作成するjavascript「FancyMenu」
メニューを作成する時にjavascriptやcssでロールオーバーした時に異なる印象を与える仕組みを作ることがあります。 そのロールオーバーに新たな仕組みをdevthoughtのFancy menuが提供しています。 Home Plant a tree Travel Ride an elephant 使用方法 javascriptライブラリ「mootools」とfancymenu.jsをダウンロードしてhead内に挿入します。 次にstyle属性にfancymenu.cssも挿入します。長くなるので割愛しますが、適宜HTMLの方と合わせてください。 なおPNGファイルが対応していないIEにも、GIF画像を指定することで適応させています。 最後にHTMLに以下を書き込めば完成です。 <script> window.addEvent('domready', function() { new S
CSSレイアウト時のよくやる失敗と対処法｜WEB制作（html,css(スタイルシート) )｜プログラムメモ
■floatでレイアウトしたときのボックスの間に隙間が出来る →隙間が出来るボックス要素全てに float 要素を追加 ■ <div>内に配置した<img>が<div>よりサイズが小さいと隙間が出来る → 下記を追加 img { display: block; } ■ Win IEだけずれる時があり、ずれる大きさがフォントサイズによって変わる →ずれる<div>等に vertical-align を設定する（top 又は bottom） ■ <td>内のフォントが正しく指定したとおりでない（Win IE Mac IE） →<td>の中に<span>をいれて対応する ■MacIEで<div>を floatさせると表示が崩れる。 → フロートさせるdiv の width height 属性を指定する ■<ul><li>で画像リンクを作成したときに WinIEでフォントサイズを変更すると 隙間
Flashの上にプルダウンメニューを表示する
Flashのエリアより上にCSS等で組んだプルダウンメニューを表示させるには z-indexを指定するだけではダメなようです。 objectタグの中にパラメーターを追加し Flashのエリアよりプルダウンメニューのz-indexの値を多く 設定してやることにより実装が可能でした。 追加するパラメーターは以下の通り
メールフォームプロ
無料の高機能で作り方も簡単なメールフォームプロCGIです。複数送信やアンケートフォームや応募フォームとして利用できます。文字コードUTF-8対応でレスポンシブWebデザインでスマートフォンにも対応。MTでもWordPressでも使えるショッピングカート機能付き高機能無料メールフォームCGIです。中国語や韓国語への対応やクレジット決済機能も。Googleスプレッドシートとの連携も可能。 メールフォームプロCGIの概要Perlで書かれたアンケートフォームや応募フォームとして無料で利用できるメールフォーム（エントリーフォーム）のCGI高機能版です。高機能と言うことで、DOMを駆使した確認画面と一般的なメールフォームにたぶんあまり付いていない効果計測機能が実装されております。簡単設置の概念を幾分抑え、全ての設定をCGI側に設定する必要がある点が大幅な変更点となります。 もちろんスマートフォンへも完
ワードプレス(Word Press)プラグイン：「Maintenance Mode」：サイトメンテナンス中を表示 ｜ i.Design Studio（アイ・デザイン スタジオ）
アイ・デザインスタジオ は ヘッドマウントディスプレイ や スマートグラス 、日用品などの工業デザインや、 3Dデータの作成 、 3DCG の作成、グラフィックデザイン・ウェブデザインを手掛ける、福井県のデザイン事務所です。
WordPressをパワーアップする.htaccessの設定集 | コリス
1. RSS FeedをFeedBurnerで配信 WordPressのRSS FeedsをFeedBurnerにリダイレクトさせます。 ※FeedBurnerの利用には、登録が必要です。 ルートの「.htaccess」に下記を記述します。 <textarea name="code" class="html" cols="60" rows="5"> <ifModule mod_rewrite.c> RewriteEngine on RewriteCond %{HTTP_USER_AGENT} !FeedBurner [NC] RewriteCond %{HTTP_USER_AGENT} !FeedValidator [NC] RewriteRule ^feed/?([_0-9a-z-]+)?/?$ http:///feeds.feedburner.jp/example [R=302,NC,
WordPressの接頭辞を運営途中で変更する方法
さくらインターネットのスタンダードプランはデータベースが1つしかないので、 WordPressを複数設置するには$table_prefixを考えて変更しないといけない。 接頭辞とも言うが、知らずに接頭語と思っていましたｗ 今日、接頭辞だと気付きましたｗ このブログの$table_prefixを変更したい。 cms_wp_をwp_003_cms_に変更したい。 もうブログ書いているけど途中で接頭辞を変更しても大丈夫だろうか？ やってみました。 まずブログの内容をツール>エクスポートで保存します。 WordPressのwp-config.phpを編集します。 変更したい$table_prefixに書き換えます。 /** * WordPress データベーステーブルの接頭辞 * * それぞれにユニーク (一意) な接頭辞を与えることで一つのデータベースに複数の WordPress
イメージマップ内のロールオーバーで切替後の画像のURL設定方法 - OKWAVE
イメージマップ内のロールオーバーで切替後の画像のURL設定について。 下記のURLでは、３枚の画像を用意し、tab1,tab2,tab3,と三つのタブの場所にそれぞれイメージマップを利用してロールオーバー効果を持たせ、tabにカーソルが乗ったとき３枚の画像が切り替わるようになっています。 http://sky.geocities.jp/make_it_move/index.html そこで、皆さんにお聞きしたいのは、切り替わった画像それぞれに異なったリンクを指定する方法です。 ソースは <SCRIPT type="text/javascript" > function imgHover(path){ var target=document.getElementById('AreaMap'); var imagePath='./img/'+path; target.src=imagePath
Flashプレイヤーの検出とHTML埋め込みを簡単に行えるJavaScriptライブラリ「SWFObject」:phpspot開発日誌
フォームの入力内容にツールチップ表示をするJavaScriptライブラリ「Tool... 次の記事 ≫：JavaScriptで使えるカラーピッカー作成ライブラリまとめ deconcept ? SWFObject: Javascript Flash Player detection and embed script SWFObject is a small Javascript file used for embedding Macromedia Flash content. The script can detect the Flash plug-in in all major web browsers (on Mac and PC) and is designed to make embedding Flash movies as easy as possible. Flashプレイヤー
Web Design Tips SWFObject.jsを使ってIE上でFlashをアクティブ化する
IEでFlashがあるサイトを訪れるとFlashのSWFファイルの周りに点線入った上に、下の画像のようなメッセージが表示されますね。 「このコントロールをアクティブ化して使用するにはクリックしてください。」 って、使用しない人いるんですか？これってなんの意味があるんでしょうね？ Flashを利用したセキュリティホールへの対応とかなんでしょうか？ 他のブラウザではそういうのないとこみるとなくてもいいもんなんでしょう、多分w なにより点線も邪魔だし、メッセージが出るのも嫌いなんです。いちいちクリックしなきゃならんのもイヤなんです。 またもや自分が嫌いだからって理由でユーザビリティ無視して消しちゃいますw 今回はSWFObject.jsってJavascriptライブラリを使います。 さっそくdeconcept > SWFObjectの「Download SWFObject 1.5」ってとこからダ
aruko.net - このウェブサイトは販売用です！ - aruko リソースおよび情報
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
東京のWeb制作会社・ホームページ制作会社 | フライング・ハイ・ワークス
「フライング・ハイ・ワークス」はWeb制作・ホームページ制作会社【東京都 渋谷区】です。企業サイトやスマホサイト、ポータルサイトなど様々なホームページの制作、デザイン制作を行っており、「売上」に繋がる質の高いサービス提供を心がけています。
iPad風jQueryイメージスライダーをWordPress記事に組み込む | ゆっくりと…
Build an iPad-Themed Image Slider With jQuery のチュートリアルを参考に iPad風イメージスライダーを WordPress 記事に組み入れてみました。それだけだとアレなので、超簡単にレイアウトする方法と、表示するページにだけ CSS と JavaScript を <head> ～ </head> に埋め込む方法を解説してみました。 1.HTMLの骨格 このイメージスライダーの iPad は張りボテで、中身は Nivo Slider が使われています。あちこちで紹介されているので、一度は見たことがあるのではないでしょうか。 ページ最下端のボタンで ダウンロード し、jquery.nivo.slider.pack.js と nivo-slider.css を取り出しておきましょう。 基本的な使い方は非常に簡単で、以下の HTML 「(2) 画像ファ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
東北人魂
東北人魂
WordPresプラグイン「Twitter tools」のバージョンアップ版のインストールと設定、使い方を日本語で解説！ | Webと人のアマモ場
- 株式会社 二二システムデザイン
Slider | Satake Studio Developer's Blog