hysmnkのブックマーク (30)

  • ツイッターのRSSをサイトに表示する

    複数のツイートを下記のコードで取得して表示させています。 <? $username = 'ID'; $url = "http://twitter.com/statuses/user_timeline.xml?id=" . $username . "&count=5"; $rss = simplexml_load_file($url); ?> <dl> <? foreach ($rss->status as $i) { $val = $i->text; $val = ereg_replace("(http)(://[[:alnum:]\S\$\+\?\.-=_%,:@!#~*/&]+)","<br /><a href=\"\\1\\2\">\\1\\2</a>",$val); echo "<dt>"; echo date( "Y/m/d", strtotime( $i->created_at

    ツイッターのRSSをサイトに表示する
  • いろいろな動きをするニュースティッカー(News Ticker) jQueryプラグイン - develo.org

    HTMLCSSJavascript、デザイン、絵を描いたり。 このページの先頭へ戻る

    いろいろな動きをするニュースティッカー(News Ticker) jQueryプラグイン - develo.org
  • mikuriya.biz

    This domain may be for sale!

    hysmnk
    hysmnk 2011/07/09
    javascript
  • WordPress のプラグイン無しですごく簡単に「ページの先頭へ」ボタン表示しよー

    jQuery でページの先頭へ! Scroll to Top Button ? よく見かけるじゃないですかー?「このページの先頭へ」みたいなボタンっ!page top ボタン?スクロールボタン?なんて言うんでしょー?? あれを簡単に(そもそも難しくないですよねw) WordPress に設置してみるのと、ついでにスクロールでのアプローチも考えてみたいと思います〜w 基的に手抜き大好き!で面倒なこと嫌い!!で細かいことも気にしないですけど、気長にお付き合いください〜w このページの先頭へ! スクロール位置の制御をするので jQuery 使います!WordPress だと標準で使えるから便利ですね! $("body").scrollTop(0); ページの先頭位置へ移動だとこんな感じですよね? $("#page-top").click(function(){ $("body").scroll

    WordPress のプラグイン無しですごく簡単に「ページの先頭へ」ボタン表示しよー
    hysmnk
    hysmnk 2011/05/20
    これは便利やないかい?
  • WordPressの管理ページをより便利にカスタマイズする方法13

    2014年8月22日 Wordpress WordPressを使ってWebサイトを作る際、自分のサイトならさほど気にならない管理画面も、クライアントに納品するのであれば少し手を加えて使いやすくしておきたいところ。少しデザインを変えるだけ、機能を追加・削除するだけで「オリジナル感」がでますよね。今回はそんなWordPressの裏側、管理ページのカスタマイズ方法を紹介します。 ↑私が10年以上利用している会計ソフト! WordPressの管理ページをカスタマイズ 目次 管理バーを消す コメントに「削除」「スパム」ボタンを追加 ログイン画面:ロゴを変更する ログイン画面:CSSを変更する 管理画面左上の「W」ロゴマークを変更 投稿画面の項目を非表示 サイドバーのメニューを非表示に フッターテキストを変更 ユーザープロフィールの項目を追加 ビジュアルリッチエディターを非表示 投稿画面のビジュアルリ

    WordPressの管理ページをより便利にカスタマイズする方法13
    hysmnk
    hysmnk 2011/05/20
    近々読む。
  • ディスプレイのサイズに合わせて画面いっぱいに背景画像を表示するCSSやjQueryプラグインいろいろ

    ディスプレイサイズ(ブラウザサイズ)いっぱいに背景画像を表示する方法はいくつかありますが、最近見つけた jQuery のプラグインを使って、いろいろ試してみたりしたのでレビューをまとめてみました。 背景に画像を使った Webサイトってたくさんありますよね。大きくてキレイな画像は、見た目にもインパクトがあってとても印象的です。でも Webサイトを閲覧している人の環境は様々で、ディスプレイのサイズが違ったりするもの。ディスプレイ(ブラウザ)のサイズにあわせて、画像を拡大表示する方法はいくつかありますが、その中からいくつかをサンプル付きでご紹介します! 画面いっぱいに背景画像 目次 CSSのみで画面いっぱいに背景画像 jQuery プラグイン fullscreenr を使ってみた Full Size Background Image jQuery Plugin を使ってみた jQuery max

  • 要素をスライドさせていくカルーセル JavaScript「jQuery carrousel」

    要素、特に画像、をスライドさせて表示させることで領域が小さいながらも多くの情報を伝えることが可能になります。 今回はjQueryプラグインの「jQuery carrousel」を利用します。 sponsors 使用方法 jQuery carrouselから関連jsをダウンロードします。 もちろんjQueryからjquery.jsを忘れずに。 <script type="text/javascript" src="jquery-1.3.2.js"></script> <script type="text/javascript" src="jquery.carrousel.js"></script> <script type="text/javascript" src="jquery.carrousel.controls.js"></script> <script type="text/jav

    hysmnk
    hysmnk 2011/05/10
    javascript 要素 スライドショー
  • Easy Slider -画像やコンテンツをスライドで切り替える[jQueryプラグイン] - JavaScriptテックラボ - [SMART]

    使用方法 リスト要素のパネルをスムーズなアニメーションでスライドさせるスクリプト「Easy Slider」をcss globeから紹介します。 Easy SliderはjQueryのプラグインのため、実装にはjquery.jsが必要です。 Easy Sliderからファイル一式をダウンロードします。 Easy Slider 1.7 - Numeric Navigation jQuery Slider HEAD要素にjQueryとEasy Sliderプラグインを呼び出すコードを記述します。 <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="easySlider.js"></script> 続けてHEAD要素にEasy Sliderを呼び出すスクリプトを記述

    hysmnk
    hysmnk 2011/05/10
    javascript スライドショー 要素
  • 要素のスライド|jQuery plugin|Ajax|PHP & JavaScript Room

    Coda-Slider AnythingSlider〔HTMLコンテンツをスライドショー表示〕 bxSlider〔コンテンツスライダー、フェード切替、ティッカー〕 Easy Slider 1.5〔画像やコンテンツのスライド〕 jQuery pageSlide〔ページ全体を左へスライド〕 jQuery.ImageSwitch〔画像を様々な方法でスライドアニメーション切替表示〕 Simple Toggle with CSS & jQuery〔シンプルな要素の表示切替〕 Supersized〔自動的に背景画像をブラウザサイズに合わせてリサイズして、スライドショーする〕 toggleElements〔HTML要素の表示切替〕 パネルを水平方向にスライドするjQueryプラグイン。 パネルに表示する部分は、HTML要素のため、動画(object要素)を埋め込むことも可能です。 ナビゲーションコントロ

    要素のスライド|jQuery plugin|Ajax|PHP & JavaScript Room
    hysmnk
    hysmnk 2011/05/10
    スライドショー javascript
  • DesignDevelop

    旧ホームページドメイン(designwork-s.com)を利用し、当ブログの名称を利用し、文中のリンクからオンラインカジノの紹介サイトへ誘導するWEBサイトが発見されました。当該WEBサイトは、当ブログとなんら関わりのない第三者の手によって作成されたもので、当ブログとは一切関係ございません。 旧ドメインについては、現在、管理・運用を行っておらず、当ブログの運営元とは無関係の第三者が取得・管理しており、無関係となります。 そのため、旧ドメインへアクセスすることにより、何らかの被害等が生じても、一切責任を負いません。 現在のDesignWorksホームページドメインはdesignwork-s.netとなります。 ご注意のほど、どうぞよろしくお願い致します。

    hysmnk
    hysmnk 2011/05/10
    webデザイン
  • MOONGIFT: » Amazon風のスライドを実現「jCarousel」:オープンソースを毎日紹介

    Amazonの商品詳細ページなどで使われている、関連商品のスライダー。格好が良く、ついつい色々見てしまい、あげくに購入してしまった、なんて経験がある人もいるのではないだろうか。 通常、縦スクロールを使って動くのが当たり前のWebページにおいて、横の動きが与えるインパクトは大きい。そこで試してみたいライブラリがこれだ。 今回紹介するオープンソース・ソフトウェアはjCarousel、JavaScriptベースのスライダーライブラリだ。 jCarouselは画像を横に並べて左右のスライダで画像を切り替えることができる。まさにAmazonで提供されているあのスライダを実現できるライブラリだ。様々なオプションが存在し、自分の使い勝手に合わせた利用法ができる。 例えばサークルを選ぶと左右がつながってループする。戻るアクションの場合は、端までいきつくと逆の端まで一気に動く。他にも左右のスライダではなくペ

    MOONGIFT: » Amazon風のスライドを実現「jCarousel」:オープンソースを毎日紹介
  • jCarouselLite - Project

    jCarousel Lite is a jQuery plugin that carries you on a carousel ride filled with images and HTML content. Put simply, you can navigate images and/or HTML in a carousel-style widget. It is super light weight, at about 2 KB, yet very flexible and customizable to fit most of our needs. As if that wasn't enough, the best part is yet to come... You don't need any special CSS file or class name to get

  • アートギャラリーのサイトで使えそうなハイクオリティ無料WordPressテーマ4種

    今度アートギャラリーのウェブサイト作ってくれといわれたので、いろいろ調べてみた結果をメモ代わりにのせておきます。 Sight 1.0.1 Webマガジンやブログに最適とあるが、トップページに記事表示の切り替え機能がついていたり(スタンダードビュー、グリッドビュー)するので、展覧会やイベントが多いギャラリーなどでの使い勝手が良さそう。 特徴: XHTML 1.1 検証済 jQueryの特集記事(トップページ)スライドショー カスタムウィジェット カスタムメニュー設置場所2種類 Google Analytics対応 カスタムロゴアップロード可能 Gravatar対応 検索エンジン最適化 対応ブラウザ:IE 7 , IE 8 , Firefox, Opera, Safari, Chrome テーマオプションページで設定可能(カスタムロゴの設定、背景色の変更、トップページスライドショーのオン/オフ

    アートギャラリーのサイトで使えそうなハイクオリティ無料WordPressテーマ4種
  • 特集記事や新着記事を見栄えよくスライドショーしてくれるWordPressプラグインまとめ

    WordPress 3.0がついにリリースされましたね。早速テスト環境に(英語版だけど)インストールしながらいろいろいじってます。 メニューがプラグインなしで作成できる機能や、タクソノミーが改良されたようで、じっくり研究したらレビューなり何なりアップ予定。 ところで、3.0で使えるかまだ試してないけど、コンテンツのスライドショーを作ってくれるプラグインを探しているので、ついでに覚え書き。(3.0で動くと良いな〜、ま、ここ何週間かの間に、大量に3.0対応のプラグインがリリースされるでしょうから、以下のプラグインもアップデートされると思うけど) iSlidex Appleのサイトっぽくしてくれるプラグイン。デモはこちら。 詳細:WordPress Plugin Directory: iSlidex SlideDeck Dynamic Content Slider 上記のような横向きアコーディオ

    特集記事や新着記事を見栄えよくスライドショーしてくれるWordPressプラグインまとめ
  • 【重要】「さぶみっと!サイト制作マッチング」サービス終了のお知らせ | さぶみっと!JAPAN

    いつも さぶみっと!JAPAN をご愛顧いただきありがとうございます。 この度、誠に勝手ながら2017年9月29日(金)を持ちまして、「さぶみっと!サイト制作マッチング」のサービスを終了させていただきます。 日頃よりご利用いただいております皆さまにはご迷惑をおかけすることとなり、誠に申し訳ございません。長らくのご愛顧、厚くお礼を申し上げます。 終了するサービス ・サイト名:さぶみっと!サイト制作マッチング ・URL:http://hp.submit.ne.jp/ ・サービス終了日:2017年9月29日(金)11:00 サービスご利用中の方へ ・案件情報のご登録は2017年8月28日(月)より停止しており、新規でご登録をいただくことはできません。 ・現在掲載中の案件に提案を行うことはできますが、サービス終了日を持ちましてサイトをご利用いただくことはできなくなります。 ・現在サイト内で商談中の

    【重要】「さぶみっと!サイト制作マッチング」サービス終了のお知らせ | さぶみっと!JAPAN
    hysmnk
    hysmnk 2011/02/23
    html,coding
  • タブが画像のjQueryプラグイン | labs.yusukenakanishi.com

    日ご紹介するのはですね。タブが画像になっているjQueryのプラグイン。 タブがテキストになってるのはたくさんありますよねぇ。「私、タブが画像になってると嬉しいんだけど。」「テキストが画像になればねぇ。」という多くのお声をいただきまして開発させていただきましたのがこちらimageTabs.js。 ちょっとじっくりご覧下さいこのDemo。 Demoを見る imageTabs.js Demoを見たり触ったりで大体わかっていただけたかと思うのですが簡単にご説明をします。jQueryプラグインですから、jQueryを読み込んでからimageTabs.jsを読み込むようにするんですねー。 // head内の記述 <script type="text/Javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.mi

    hysmnk
    hysmnk 2011/02/22
    タブ,java,画像
  • JavaScript でタブメニュー(画像ボタン) - purazumakoiの[はてなブログ]

    画像をタブとして使いたかったので 画像をボタンとし、デフォルト、オーバー、アクティブでそれぞれ画像が切り変わるタブメニューを作りたいなと思い、jqueryでサクッと出来るサンプルとかあるかなと思ったけど無かった・・・ という事で こちらのサンプルを元にカスタマイズさせていただきました↓ JavaScript でタブ切り替え UI を実装する | WWW WATCH このサンプルはjsを切った時に、一覧としてページ内遷移で動くところがステキですね。 今回はせっかくなのでindexページから表示部分を制御するのもやってみました。 その辺に関してはコチラ↓ GETメソッドでパラメータを受け取るJavascript 出来たもの ・demo1 ・demo2 ※パラメータの?page=の値がタブの番号 ページ内に複数設置できるようにもしたー。 コメントととか付けてないのであとで見直した時に困りそう。

    JavaScript でタブメニュー(画像ボタン) - purazumakoiの[はてなブログ]
    hysmnk
    hysmnk 2011/02/22
    画像でタブ切り替え
  • ウェルネスリンク - WellnessLINK

    ウェルネスリンク サービス終了のお知らせ 平素は、ウェルネスリンクサービス対応機器をご愛顧いただき、誠にありがとうございます。 ご案内しておりましたとおり、ウェルネスリンク スマートフォン向けアプリを2017年12月6日(水)、 ウェルネスリンク パソコン向けサービスを2018年3月13日(火)に終了させていただきました。 これまでご愛顧いただいた皆様には心より厚く御礼申し上げます。 ウェルネスリンクサービス終了に伴うお客様への影響や測定データのご利用など詳細につきましては、 ご利用いただいておりましたアプリ、サービス毎に異なりますので、 大変お手数ですが、以下の内容をご確認いただきますようお願いいたします。 ウェルネスリンク パソコン向けサービスを ご利用いただいていたお客様 ウェルネスリンク パソコン向けサービス終了後も一部の機器と指標に限りますが、機器の測定データをUSB通信トレイや

    hysmnk
    hysmnk 2011/02/07
    気になる。ちょっと欲しい。docomoじゃないとダメなのかな?
  • WEBデザインのヒントに!WebSite Color Index:WEBサイトリンク集

    Black [179] 2012:05:16:17:04:02 Blue [157] 2012:04:13:11:04:19 Brown [97] 2012:06:18:17:30:29 Gray [79] 2012:05:15:16:37:52 Green [94] 2012:07:19:16:43:42 Orange [40] 2012:06:06:11:30:52 Pink [50] 2012:02:27:12:50:45 Purple [23] 2012:04:23:19:11:41 Red [79] 2012:02:08:18:45:51 White [185] 2012:07:20:11:19:25 Yellow [49] 2012:06:11:16:16:45 Bibit [22] 2012:06:11:16:16:45 Clean [54] 2012:07:19:16:43

    hysmnk
    hysmnk 2011/01/31
    日本のデザインギャラリー
  • WEBデザインリンク集・デザインサイト一覧(週刊ウェブデザイン)

    週刊ウェブデザインとは WEBデザインや、WEB開発のためにWebサイトリンク集です。 数あるWebデザインに特化したWEBサイトから目的にあわせたWebサイトを見つけよう!他にもいけてるロゴやウェブ開発に必要な便利ツールやレンタルサーバなどもまとめてあります。 今月の登録サイト数は84サイト 先月の登録サイト数は259サイト 現在の登録サイト数は3,258サイト

    hysmnk
    hysmnk 2011/01/31
    日本のデザインギャラリー