青森公立大学国際芸術センター青森(ACAC)が、アーティスト、キュレーター、リサーチャーなど、文化芸術活動に取り組む表現者を対象とする本年度のレジデンス・プログラム「SPINNING SCAPES」への公募を開始。
jQueryを使用したcssナビゲーション メニューのまとめです。フェードや スライド、滑らかにドロップダウンする、 などなど色々なメニューをまとめました。 それほど多用はしませんが、必要な 時に探すのが面倒なので備忘録的に。 という訳で、個人的なjQuery+cssメニューの総集編です。 全部で73個。複数ブラウザでの確認はしていません。順不同です。少し重いかも・・ Large Drop Down Menu スライド&ドロップダウンメニュー Search Box with Filter and Large Drop Down Menu Fly-out Menu with jQuery and CSS3 カッコいいですねー。反対側からスライドするフライアウトメニュー。css3を使っています。 Fly-out Menu with jQuery and CSS3 Rocking and Rol
<script type="text/javascript"> $(function(){ $(".read_open_close").click(function(){ $(this).next().slideToggle(1000); });}); </script>
cssで ロールオーバーをする方法の解説です。 (ロールオーバー→マウスカーソルをリンクの上に持ってきた時。マウスオーバーとも言います) jsでやるからいいよとか、ロールオーバーてそもそも必要なの?とかは置いておいて 今回は、前回書いた背景をスライドさせる方法ではなくて、画像だけで作ったメニューを、マウスオーバーした時に入れ替える方法です。 色々な方法がありますが、私なりに分かりやすい方法を紹介する事にしました。 ↓サンプル↓ メニュー1 メニュー2 メニュー3 ↓HTMLタグはこんな感じ。シンプルな横並びメニューです。 <ul> <li class="m1"><a href="#">メニュー1</a></li> <li class="m2"><a href="#">メニュー2</a></li> <li class="m3"><a href="#">メニュー3</a></li> </ul>
cssでロールオーバー(ホバー)時に画像透過をさせ簡単にロールオーバーを表現する方法。 非常に簡単に画像のロールオーバーを表現ができるので紹介します。 ※上の画像は記事内容と全く関係ありませんm(__)m このブログでもロールオーバー(ホバー)時の表現として画像透過をさせているます。 以下のサンプル画像に、ロールオーバーしてもらえれば少し薄くなっているのが分かるかと思います。 その透過処理の方法なんですが非常に簡単です。 ■以下CSSでの画像透過の方法。 ロールオーバー時に画像透過をしたい「img」に以下のCSSを記述してください。 div#hoge a:hover img { opacity:0.8; filter: alpha(opacity=80); -ms-filter: "alpha( opacity=80 )"; background: #fff; } ■ポイント ■filte
Today we will create a slick animated content menu with jQuery for a restaurant theme. The menu items will be animated and when clicked, a content area with more information […] Today we will create a slick animated content menu with jQuery for a restaurant theme. The menu items will be animated and when clicked, a content area with more information will appear. Also, he background image is going
コーディングスピードはまだ上がる!! Zen-Coding カスタマイズ 2011-01-20 コーディング速度が"3倍!10倍!上がる"と言われてる Dreamweaver Documents and Settings/[ユーザー名]/Application Data/Adobe/Dreamweaver "バージョン"/ja_JP/ Configuration/Commands/ZenCoding/zen_settings.js Aptana [任意で保存したZen-Codingの場所]/zencoding.js(過去バージョンのファイル名は"zen_settings.js") Notepad++ [Notepad+の場所]/plugins/NppScripting/include/Zen Coding.js HTMLの言語を修正する(ついでにインデントも) 例えばhtml:xsで展開す
文章の読みやすさは、文章の書き方だけでなく表示されるフォントの設定も必要になってきます。今回はその設定方法をご紹介します。 フォントを設定する前に フォントを設定する際に何を変更出来るのかを知っておく必要があります。 ・文字のスタイル ・文字のサイズ ・文字色 ・文章の行間 主にこれらの変更をおこないます。 あとは、部分的な変更(下線や斜体など)はありますが、 ここでは記事全体の設定方法をご紹介します。 設定方法 記事部分全体のフォント設定方法としては、CSS編集にておこないます。 【CSS】※新スキン .skinArticleBody{ font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Osaka,"メイリオ", Me
specky boyのエントリーから、WordPressをiPhoneやPDA、モバイル端末などのデバイスの表示に対応させるプラグインを紹介します。 7 Amazing Plugins to view your WordPress Blog on any Mobile Device (iPhone, PDA…) WordPress Mobile Edition WordPressをモバイル端末の表示に対応させます。 対応バージョン WordPress 1.5-2.3 ダウンロード WordPress Mobile Edition WP-WAP WordPressをモバイル端末の表示に対応させます。 対応バージョン WordPress 1.5.2, 2.0.x, 2.1.x ダウンロード WP-WAP iPhone / Mobile Admin WordPressをiPhone, iPod
このブログでNo,1のアクセス数を誇っている『絶対にインストールしたいWordPressプラグイン30個!』の記事ですが、今でも凄いアクセスを頂いています。 そして、そのアクセスを見るたびに思うのです。申し訳ない…と。 ブログを移転したり色々やっていたので正確な日にちは判らないですが、あの記事を書いたのはもう一年以上前だった気がします。今ではもう使ってないプラグインやもっと良いものが沢山あるんです。 というわけで、2011年にもなったことですし2011年版のオススメWordPressプラグインを一挙にご紹介したいと思います!その数も増えて何と30個から45個へグレードアップ!記事もなるべく読みやすくしたつもりです。 どれもこれもWordPressユーザーならかなりオススメのものですので参考にして頂ければ幸いです! それでは、少し長いので「続きから」どうぞ~! WordPress
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く