works_maのブックマーク (226)

  • jQuery Templatesプラグインが面白い

    jQuery TemplatesプラグインはjQuery公式のテンプレートエンジンです。元々マイクロソフトのASP.NET Ajax Libraryで実装されていた機能を切り出したものらしい。 jQuery Templates, Data Link, globalization が公式 jQuery プラグインに加わりました - THE TRUTH IS OUT THERE - Site Home - MSDN Blogs 現在は1.0.0pre。そろそろ出るjQuery 1.5には標準で入る模様です。preですがマイクロソフトのCDNが利用出来ます。 配列を渡すと自動的にループして出力されるなど、JSONをそのまま渡して動くように意識されているところが面白いと思いました。 HTML上にテンプレートを置く際の記述もかっこいい。 この場合、 $('#template-name-list-it

  • Hunter77 Online

    To be successful, business leaders need to be productive. Here are 8 productivity tips from some of the top business leaders in the world. Whether you’re just starting or have been in business for a while, these tips will help you get more done in less time. Enjoy! Set goals on a daily basis […]

  • WordPress 3.x マルチサイト機能有効化の作業メモ

    Webサイト構築にはずっとMovableTypeを使っていたのですが、WordPress 3.0からマルチサイト(というか複数ブログ)が使えるようになったとの事で、いくつかの案件はWordPressで組むようになりました。 マルチサイト化は何度かやったのですがいつも手順とか忘れちゃうので備忘録として自分なりに作業メモを残しておこうと思います。 WordPressマルチサイト機能使用の注意点 WordPressのマルチサイト化そのものはそんなに難しくありませんが、いくつか注意点があります。 WordPress専用ディレクトリには設置できない。 WordPress体はWebサーバーの最上位ディレクトリに設置する。 仮サーバーからのドメイン変更などわりとメンドクサイ。 専用ディレクトリに設置したWordPressを最上位ディレクトリに移動させる作業もやってみたのですが、できそうな気がするのです

    WordPress 3.x マルチサイト機能有効化の作業メモ
  • WordPressを使ったWebサイトにSEO施行する際に役立つっぽいカスタマイズハック

    久々にSEOの記事。以前書いたSEOの カスタマイズハック記事があるのですが、 あれから2年近く経つので新たに記事と して、ここに付け加えておくことにします。 SEO自体、情報が不確かなものなので、 これを行えば最適化出来る!という類の 情報は載せません。 SEOもハサミと同様、結局は使い方次第だと思いますのでコンテンツやターゲットによっては役に立ったり立たなかったり、ということがあるかと思いますが、同時にそれが混乱の元にもなってしまいがちです。 ですので、今日はSEOに効果的なカスタマイズではなく、自分でSEO施工をしやすくする、というカスタマイズ方法を書いておきます。Webマスターのアイデア次第で効果のあるハックにもなるし、効果のないハックにもなると思います。 コード自体は基的に普通のテンプレートタグを使用してるものが大半です。全部施行しても何の意味も無いので、使えそうなハックがあっ

    WordPressを使ったWebサイトにSEO施行する際に役立つっぽいカスタマイズハック
  • 【WP】所属しているカテゴリのタイトルとスラッグ名を取得 | DICO

  • builwing.info

    works_ma
    works_ma 2012/12/21
  • 【jQuery】cssでimportantを指定する方法(株式会社コネクティボしゃいん☆のブログ)

    お久しぶりのjasです。 第一子の出産で半年ちょっと休んでいるので、やや休みボケ気味です。 春に復帰すべく、ちょこちょこプログラム書いてます。 で、さっきjQueryで遊んでいたら、cssが思ったように指定できない! $('div').css({ 'cursor': 'pointer !important' }); !importantを書くと効かないんですね。 でも、効いてもらわないと困るので調べてみました。 すると、家サイトにやり方が書いてありました。 $('div').css({ 'cssText': 'cursor: pointer !important;' }); あ~できたできた。 CSSがちゃんと効くようになりました。 家サイトの情報 http://bugs.jquery.com/ticket/2066

    【jQuery】cssでimportantを指定する方法(株式会社コネクティボしゃいん☆のブログ)
    works_ma
    works_ma 2012/12/21
  • 『YouTube の動画連続順次再生』

    リアナのカスタマイズ日記(CSS編集用デザイン)アメブロ 新CSS CSS編集用デザイン 無料 カスタマイズ アメブロカスタマイズ 初心者 CSS スタイルシート デザイン javascript jQuery ★ YouTube の動画連続順次再生 ■ 2012.06.12 追記 記事・メッセージボード・フリースペースに3曲以上の動画を入れる方法を 追加しました。 ● 1曲終わったら次の曲を再生します。 ① アメーバでは、記事、メッセージボード、フリースペースでは、 2曲までしか指定できません。 3曲目以降を指定すると禁止文字になります。 フリープラグインの場合は、禁止文字にならないので、3曲以上を 再生したい場合は、フリープラグインを利用してください。 ★ 複数曲の再生の場合の注意点 ● 下記部分を変更、追加しています。(黄色の部分) 次の再生曲の横幅と縦が大きい必要がある場合は、 再生

    『YouTube の動画連続順次再生』
  • 変わらないもの。新しいもの。もっと知って欲しい鳥羽にしかない魅力。:恋する鳥羽

    ようこそ鳥羽へ。変わらないもの。新しいもの。も知ってほしい鳥羽にしかない魅力を紹介する恋する鳥羽のwebサイト。古くから養殖される真珠や三重県№1を誇る温泉や宿泊施設の数、伊勢エビやカキなどの海の幸も豊富です。

    変わらないもの。新しいもの。もっと知って欲しい鳥羽にしかない魅力。:恋する鳥羽
  • あべのまちなか編集局

    2011.08.31あべののヨリミチ「キューズ夏祭り」・「あべのグルメ」を公開しました。 2011.07.29あべののヨリミチ「愛染祭り」・「あべの涼み処」を公開しました。 2011.07.11キャラクター動画「チワッ・・すぅ・・。」を公開しました。 2011.06.30あべののヨリミチ|あべのグルメを更新しました。 2011.06.13キャラクター動画「昼下がりの妄想ダンスの巻」を公開しました。 2011.05.30あべのまちなか編集局「RAKARAKA」公開しました。

    あべのまちなか編集局
  • 【あいうえぶ】3才からはじめるひらがな練習ドリル

    「あいうえぶ」は、子供たちが読み方・書き方を覚える最初の一歩をお手伝いしたいという想いからはじめました。学び盛りの子供たちのために、平仮名とかわいいイラストをセットにした練習ドリルです。 このサイトでは、書き順を確認しながら平仮名の練習をすることができるPDFをダウンロードすることができます。また、となりに描かれたイラストを塗り絵としてご利用していただくこともできます。ぜひ印刷してご利用ください。 イラストを印刷媒体やWebなどで商用利用されたい場合は「商用利用はこちら」ボタンから購入のお手続きをしていただくことでロイヤリティーフリーライセンスの高解像度データをダウンロードしていただけます。

    【あいうえぶ】3才からはじめるひらがな練習ドリル
  • LIBERTY OF LONDON FOR AIGLE

    AIGLE(エーグル)は150年の歴史を持つフランスのアウトドアブランドとフラワープリントで有名な英国「リバティ社」とコラボレーションが実現。オリジナルプリントによるラバーブーツとパーカやスカートなどのウェア商品を販売中。

  • [JS]使い方も簡単、画像をフェードで切り替える超軽量スクリプト -hoverFade

    既存のページに導入するのも簡単な画像をフェードで切り替えるスクリプトをDan Wellmanから紹介します。 フッタのアイコン 実装方法 フェードで切り替える画像のエレメントに対して、hover時に画像が切り替わるように設定します。その際に使用するクラス名は「hover-css」が初期設定です(変更可能)。 これはもしJavaScriptがオフの環境でも、ホバーがCSSで行われるようにするためです。 次にスクリプト用のクラスを用意します。初期設定は「hover-anims」で、「hover-css」と同様に画像が切り替わるように設定します。 これはスクリプトで利用するクラスで、その際にCSSのクラスは削除されます。 jquery.jsとhoverfade.jsを外部ファイルとして配置します。記述位置の理想はHTMLの終わりです。 HTMLにさきほどのCSS用のクラスを記述します。 また、初

  • deferloader – 株式会社ウフル技術ブログ

    LoRa 開発シールドのデータを enebular で受け取る By hrd_pk|5月 9, 2017|未分類, | 花粉がまだ名残惜しく思っているようで、鼻がまだむずむずしています。 ぽかぽか陽気が続いていますが、みなさんいかがお過ごし… Read More

  • JavaScript とかによるブラウザ判定方法のまとめ - A Memorandum

    JavaScript でのブラウザ判定について まとまった情報がサクッとヒットしないので、まとめ UserAgent によるブラウザ判定 よくある単純な例 var userAgent = window.navigator.userAgent.toLowerCase(); if (userAgent.indexOf('opera') != -1) { return 'opera'; } else if (userAgent.indexOf('msie') != -1) { return 'ie'; } else if (userAgent.indexOf('chrome') != -1) { return 'chrome'; } else if (userAgent.indexOf('safari') != -1) { return 'safari'; } else if (userAgen

    JavaScript とかによるブラウザ判定方法のまとめ - A Memorandum
  • 画像にクラス名を追加するだけでアニメーションロールオーバーできるjQueryのスクリプト | Web Mugen

    JavaScriptを使ったロールオーバーって大体imgにクラス名を追加するだけで出来るタイプが多いですよね。同じ感じでアニメーションロールオーバーも出来たらいいよね!って思って作りました。きっと同じ様に思っている人もたくさんいるはずだし。。。まー、ソースも綺麗じゃないし、バグだってあるかもしませんが、きっと誰かが素敵に書き換えてくれるでしょう。既にあるかもですが・・・。 Demo ※プラグイン化したものを公開していますのでよろしければ画像にクラス名を追加するだけでアニメーションロールオーバーできるjQueryのプラグインをご覧下さい。 必要なファイル jquery.js(ver 1.4.3~) 対応ブラウザ Google Chrome Safari4~ Firefox3~ Internet Explorer6~ Opera11 ※Windowsのみの確認です。 コーディング&設定 HTM

    works_ma
    works_ma 2012/12/15
     簡単実装の参考
  • 画像をスライドショーさせるjQueryのプラグイン | Fridayeight

    jQueryプラグインの中でもダントツに人気が高いモノの1つにスライドショーがありますね。スライドショーのプラグインもやはり数多くありますが、今回は「Slides」の使い方を解説してみます。 Slides » http://slidesjs.com/ 実際の操作はデモファイルよりご確認ください。 プラグインファイルのダウンロード(zipファイル) 使用するライブラリファイル jqueryライブラリファイル体 jquery.easing.1.3.js ダウンロードしたファイルより slides.min.jquery.js global.css jquery.easing.1.3.jsはアニメーションやエフェクトの動作をまとめたプラグインです。 global.cssにて見栄えの設定をしています。 jqueryライブラリファイルの詳細は「jQueryの使い方」にて解説しています。

    works_ma
    works_ma 2012/12/15
     http://slidesjs.com/ プラグインのオプション説明あり
  • html5-memo.com

    html5-memo.com
    works_ma
    works_ma 2012/12/15
    参考
  • puzzel.jp

    ユーザー目線でのデザインが得意で、プロダクトの成長をより加速させるためのデザインも得意です。 toC ユーザー向けのプロダクトのデザインを注力していましたが直近は、toB ユーザー向けのプロダクトのデザインに注力しています。 他、ロゴや Web サイトデザイン/マークアップ、写真撮影、映像撮影・編集、デザインの講師など。 自己紹介 (note) About - puzzel.jp 2010年10月からスタートした、puzzel.jp。 開設時から1つまえのサイトが残っています。 デザイントレンドによって変わっていたり、ガラケー対応のサイトだったりと、時代を感じることができます。 History: 2010, 2011, 2012, 2013, 2014, 2016, 2020 Chompy, Inc. 2021 - 2023フードデリバリーサービス Chompy の UI / UX デザイ

  • 簡単に実装できる、ボタン画像のマウスオーバーイベント 10+ - NxWorld

    画像のオンオフ切り替えといったようなマウスオーバーイベントで、簡単に実装できるものをいくつか紹介します。 CSS3やjQueryを使ってちょっと変わった動きを取り入れるサイトも見かけることも多くなりましたが、今回は普段も使用頻度が高いと思う定番のものに絞りました。 サンプルで使用する画像とDEMOについて 各マウスオーバーの動きを実装するにあたって上のような3タイプのボタン画像を用いており、各ボタンはそれぞれ以下のようになっています。 type A 単体のボタン画像 type B オンとオフを1枚の画像にした、スプライト型 type C オンとオフをそれぞれ別の画像にし、オフ時のものは_off、オン時のものは_onを拡張子前に入れています。 また、サンプルも用意したので実際の動きはこちらで確認して下さい。 CSS:マウスオーバー時に透過させる CSSのopacity(IEはfilter)の

    簡単に実装できる、ボタン画像のマウスオーバーイベント 10+ - NxWorld
    works_ma
    works_ma 2012/12/14
     参考