ブログ パスワード認証 閲覧するには管理人が設定した パスワードの入力が必要です。 管理人からのメッセージ 閲覧パスワード Copyright © since 1999 FC2 inc. All Rights Reserved.
TOP > WebDesign > jQueryで利用出来る便利なナビゲーション26選「26 Useful jQuery Navigation Menu Tutorials」 軽量で高機能なjavascriptライブラリjQuery。様々なプラグインがリリースされていて、簡単にWEBに動きや機能を付加してくれるため。使い勝手が良く多くのWEBサイトで利用されていますが、今日紹介するのはjQueryで利用出来る便利なナビゲーションを集めたエントリー「26 Useful jQuery Navigation Menu Tutorials」です。 Mega Drop Down Menus w/ CSS & jQuery ドロップダウンメニューからユニークなアコーディオンメニューまで様々なナビゲーションがまとめられています。今日はその中からいくつか気になったものを紹介したいと思います。 詳し
TOP > WebDesign > ギャラリー構築のためのjQueryプラグイン集「20 jQuery Image and Multimedia Gallery Plugins」 高機能なjavascriptライブラリjQuery。サイトを製作されている方には説明も必要もないほど有名なライブラリで様々なサイトに実装されており、様々な機能を持ったプラグインが日々、世界中公開されています。今回紹介するのはギャラリー構築のためのjQueryプラグインを集めた「20 jQuery Image and Multimedia Gallery Plugins」です。 Galleriffic サムネイルが付いたものから、ズームアップのようなエフェクトのもの、iPhoneで見ることを前提としたギャラリーなど様々なギャラリープラグインがまとめられています。今日はその中からいくつか気になったものをピック
とある件でAVRからMMCカードに書き込みしたくなったので、AmazonでマイクロSDカード用のモジュールを買ったのですが、動作確認のためにH8を使おうと思い立ったのがドツボでした。gccのビルドでハマり、gdbのビルドでハマり、まともに動くようになるまでかなり時間を使いました。無駄にした時間は帰ってきませんが、記事にして消化することにしました。 その昔(15年ぐらい前?)AKI-H8/3069FのLAN付きのものを買って持ってまして、その当時はGCC4.2とか、gdb6.8とかビルドして使ってました。H8300はまだメジャーな石で雑誌などにも色々取り上げられて需要があったようです。私の仕事でもH8Sを使ってましたし。portsにh8用のgccもあったような。野良ビルドする人は当時からあんまりいないですね。 時は過ぎ去り2024年、AVRやARM、RISCVが花盛りな今、すでにディスコンな
The brushes for Adobe Photoshop are probably one of the most used addons because they don’t just enhance your designs, they do also improve and give to your works a new, fresh look. That’s why we’ve compiled below 35 high-qulity, beautiful, fresh, grunge and modern photoshop brush packs so you could have another, big compilation, to choose from for further designs. Refresh Brushes This is a beauti
ディスプレイサイズ(ブラウザサイズ)いっぱいに背景画像を表示する方法はいくつかありますが、最近見つけた jQuery のプラグインを使って、いろいろ試してみたりしたのでレビューをまとめてみました。 背景に画像を使った Webサイトってたくさんありますよね。大きくてキレイな画像は、見た目にもインパクトがあってとても印象的です。でも Webサイトを閲覧している人の環境は様々で、ディスプレイのサイズが違ったりするもの。ディスプレイ(ブラウザ)のサイズにあわせて、画像を拡大表示する方法はいくつかありますが、その中からいくつかをサンプル付きでご紹介します! 画面いっぱいに背景画像 目次 CSSのみで画面いっぱいに背景画像 jQuery プラグイン fullscreenr を使ってみた Full Size Background Image jQuery Plugin を使ってみた jQuery max
マウスオーバー等で吹き出しが 現れるツールチップのまとめです。 jQueryが殆どになります。 吹き出しは画像やcssを変更 すれば別の形状にする事も可能 なのでうまく活用したいですね。 吹き出し以外のツールチップを実装できるjsをお望みでしたら以下の記事が参考になりそうです。 15 jQuery Plugins To Create A User Friendly Tooltip 40+ Tooltips Scripts With AJAX, JavaScript & CSS vTip 凄く可視性が高い吹き出し。フェードインで表示し、マウスオーバーの間はマウスストーキングします。使いやすそう。対象がテキストでも画像でもOK。試しに入れてみました。以下のリンクにマウスをあわせるとバルーンが現れます。角はcssで丸くしました。デフォルト状態だとマウスカーソルにarrow部分が重なってしまうので
使いやすい感じでしたので備忘録。 ツールチップを実装するjQueryの プラグインです。多数存在しますが、 選択肢が増えて困ることも無いので 覚えておいて損しませんね。汎用的 で個人的には好みのプラグインです。 対応ブラウザはIE6以上, Firefox 3.5以上, Opera 9以上, Chrome 6以上, Safariとの事です。ライセンスはMITになります。 基本的にはシンプルですが、出す方向や、デザインの変更など、自由度もなかなか高いです。エフェクトも可愛いですね。 こんな事もできちゃう。 基本的には噴出し内に呼び出すテキストはjs内に書くみたいです。 $('#hotspot1').SetBubblePopupInnerHtml('Wall!'); $('#hotspot2').SetBubblePopupInnerHtml('Angelina Jolie!'); $('#ho
ネタ元:[mixi] CSSテクニック | divの高さを100%に 複数のカラムを利用するときに、 コンテンツの量によって高さは変わってくる。 でも、高さを同じにして見た目を同じにしたい! というケースに出会った事があるひとが多いのではないだろうか? その場合まず考えられるのが、heightを指定して、同じ分px指定をする方法。 でもこの方法だと、コンテンツ量が変化するたびに変化させる必要があって面倒。 では、どのようにしたら高さを同じにできるのか? 調べてみたら様々な方法があるようなので、まとめてみた。 CSSで揃える - その1 揃える方法はいろいろあるが、まずはCSSで揃える方法。 一度画面がはみ出るくらい長くpadding-bottomを指定してmargin-bottomでその幅を縮小。 あとは親要素にoverflow: hiddenを指定して、必要な範囲だけにする方法である。
ブロックレベル要素の高さを揃える「Equal Heights」 Check Tweet 配布元:The EqualHeights jQuery Plugin ライセンス:不明 EqualHeights jQuery Pluginはブロックレベル要素の高さを揃えるJavaScriptライブラリです。 Equal Heightsの使い方 head要素などでダウンロードしたjquery.equalheights.jsとjquery.jsを読み込みます。 <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="jquery.equalheights.js"></script> その後に高さを揃えたい要素、CSSセレクタで指定しequalHeights()を実行します。
ブロックレベル要素の高さを揃えるheightLine.js Web標準の日々のグループディスカッションで出たライブラリ案を作っていく企画、第一弾。 ブロックレベル要素の高さを揃えるjsライブラリを作ってみました。 このライブラリは新バージョンがあります。 レスポンシブWebデザインに対応した「jquery.heightLine.js」 CSSでは複数のブロックレベル要素の高さを揃えれないという問題があります。 このheightLine.jsは、複数のブロックレベル要素の高さを揃える事ができ、2カラムレイアウトや3カラムレイアウトのそれぞれのカラムの高さを揃えたり、複数のブロックレベル要素をfloatで配置する際の高さを揃えたりできる、便利なライブラリになります。 設置方法 head要素内にダウンロードしたheightLine.jsを読み込みます。 <script type="text/ja
ブロックレベル要素の高さを揃えるheightLine.js Check Tweet 配布元:[to-R]とあるWEBクリエイターのblog ライセンス:MIT-License heightLine.jsは、複数のブロックレベル要素の高さを揃える事ができ、2カラムレイアウトや3カラムレイアウトのそれぞれのカラムの高さを揃えたり、複数のブロックレベル要素をfloatで配置する際の高さを揃えたりできる、ライブラリになります。 設置方法 head要素内にダウンロードしたheightLine.jsを読み込みます。 <script type="text/javascript" src="./heightLine.js"></script> これだけで設置は終了です。 使い方1 統一したいブロックレベル要素に『heightLine』というclass名を付けます。 そうすれば『heightLine』という
Photoshopでコンテンツの配置などを行う際に、ガイド線を表示すれば便利なことがあります。 ウェブページデザインなどを行っている方なら、この機能を使うことで全体のレイアウトを構成したりすることもできて便利ですね。 ブラウザで今見ているページでも、このような機能を使うことができれば、同じようにレイアウトを組み立てる際の目安になるかもしれません。 そんな機能をFirefoxに与えてくれるアドオンが「FoxGuide」です。 「FoxGuide」は、Firefoxで表示しているウェブページ上で、Photoshopライクな方法でガイド線を簡単に引くことができるというアドオンです。 アドオンをインストールすると、ステータスバーに専用のボタン が付与されます。 デフォルトでグレーアウトしているこのボタンをクリッすれば、機能を有効にすることができるようになっています。 機能が有効になるとコントロー
「そんな.vimrcで大丈夫か?」 「一番いい設定をたのむ」 ってことで、新しくMacbook Pro 15inch買ってSSDで世界が変わったゆろよろですこんにちうぉー。 で、pathogen.vimというvimのplugin管理を導入して、.vimrcやら見直したりしてみたんで色々と紹介してみようと思ったんですわ。 まぁ、この記事見たのがきっかけです。 vimプラグインでよりよいコーディングを | tech.kayac.com - KAYAC engineers’ blog もっとVim戦闘力を上げたいので、誰かvim scriptのハンズオンとかやって俺にvim scriptの書き方を教えてください……! MacVim-KaoriYaのinstall まずは、vim本体をMacVim-KaoriYaにします。 MacVimに対して、香り屋パッチの統合、ローカライズ、MacVim固有の
「これは入れておかないと損するよ」という、実用性重視のプラグインの紹介。 セキュリティ対策【Akismet】スパムコメントを、除外する。元から入っているプラグインなので、有効化すべし。WordPress.com API キーが必要なので、面倒くさがらず、画面の指示に従い登録しましょう。ちなみに、他にwordpressのサイトを立ち上げた場合でも、再び、同じキーが使えますよ。 【Secure WordPress】名の通り、セキュリティ対策。 【WP Multibyte Patch】マルチバイト文字の対策。とりあえず、不具合を出さないために、入れておこう。 他機種のために【Ktai Style】携帯対応。デザインもいくつか選べれるよ。また、グーグルの携帯用の広告も、がんばれば入れれるよ。Amazonと楽天のアフィリエイトは、パソコンと携帯では別なので、注意が必要ですよ。 【WPtouch iP
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く