タグ

ブックマーク / weblibrary.s224.xrea.com (7)

  • jQueryでTwitterブログパーツ iTwitter(iPhone仕様)完成 - WEBデザイン BLOG

    ゆるい感じでつながることができるTwitter、ネット上のカフェって感じですかね。早いもので参加して1年経ちます。Twitter ブログパーツ(Badgesカスタマイズ)と素材のエントリーリリースも昨年の4月30日。およそ1年経ってTwitterブログパーツ(iPhone仕様)-iTwitter(iTwitter (β): a twitter feeder which looks like iPhone)が完成しました。 jQueryを使って、とてもシンプルなスクリプトとして出来上がっています。1.2からjsonの読み込みも簡単になったみたいでコードの理解もしやすいです。 ボタンをクリックすると各タイムライン切り替え表示、friendsリスト(100人まで※今回バージョンアップ)が表示されるようになります。追記:6月1日 Twitter APIの仕様が変わったようですね。毎回ページをリロー

  • MT3.3xからMT4.1システムアップグレード データ移行のポイント - WEBデザイン BLOG

    先週、MovableType3.34からMT4.1へとシステムをアップグレードしました。正直、スムーズに事は運びませんでした。失敗といえば失敗だったのですが、運よくリカバリーできる失敗でしたので、時間はかかりましたがなんとか以前のエントリーを引き継いでMT4.1へのシステムアップグレードを済ませることができました。 今回に失敗点からMT3.3xからMT4.1システムアップグレード・データ移行する際のステップならびに注意しておきたいポイントを自分の経験・探した情報から紹介したいと思います。今後MT4.1へシステムアップグレードする方に何かの参考になればと思っています。尚、しばらくMT4.1に関連したエントリーをアップしていくつもりでいます。 アップグレードにあたってのポイント 今回の失敗は、アップグレードしている方達のエントリーを読んでみて、簡単にできると思ってしまい、しっかりと最後まで作業

  • スタイルシートスイッチstyleswitchソース-WEBデザイン BLOG

    javascriptを使ってのスタイルシートスイッチソース元を紹介。 スタイルシートの切り替え・文字サイズの切り替え・ブラウザの表示幅を検知して表示を変更するものなどいろんなものがあります。スクリプトの参考に。ついでに個人的にスタイルシートの切り替えを導入しているサイトを少し紹介。

  • Twitter ブログパーツ(Badgesカスタマイズ)と素材 - WEBデザイン BLOG

    気楽につながりが作れて、リアルタイムにちょっとした情報交換やおしゃべりができるのが魅力のTwitter、もっと自分に近い仲間を増やしてゆくには、今使っているブログにも情報を表示するようにすれば、もう少し早くネットワークが広がって行くのではないかと思ってTwitterのbadgeをカスタマイズし、提供されているAPIを使ってもう少しリアルに、そしてコンパクトに表示できるようブログパーツとしてカスタマイズしました。 今回は、そのカスタマイズの仕方と使っている素材を紹介・提供します。実際にこのブログにて表示しているTwitterブログパーツです。 情報取得には、JSONフォーマットを使って情報を表示します。 今回紹介するブログパーツはCSS設定ができる。javascriptライブラリーjQueryが導入・設定できることが必要となってきます。 表示する情報について API Documentatio

  • MovableTypeオススメのスパム対策プラグイン - WEBデザイン BLOG

    MovableTypeユーザーにとって悩みの種といったらスパム。この対策に時間をとられるのももったいない。 今回は実際に自分で実装してみて使い勝手がよかったスパム対策プラグインの紹介。以前のコメントスパム対策の紹介で何人かの方がそのプラグイン機能の良さを実感しているようなので今回は、トラックバックスパム対策も入れて、まとめてスパム対策として紹介します。

  • photoshop-OS X wallpaper風イメージ素材を簡単に作る方法 - WEBデザイン BLOG

    今回もphotoshopネタで、グッドテイストなOS X風wallpaperイメージ素材を簡単に作るテクニック?というよりはアイデアですね。以下のようなイメージをいとも簡単に作る方法の紹介です。結構WEBデザインで、いろんな部分の背景なんかに重宝する素材になると思います。 最近Windowsのホームページ上でもこんな感じのイメージ素材を至るところで使っています。最近の流行っぽいものを取り入れてみるとクライアントからもうなずきをいただけるのではないかと思います。マイクロソフト - ホーム たまたま他のイメージを探していたときに見つけたのが、”煙”のイメージ。これを使って簡単にきれいなナチュラルラインを表現できるOS X風素材が作れます。いい拾い物しました。 グッドテイストなOS X wallpaper風イメージ素材の作り方 まずは、stock.xchng - the leading free

  • photoshop- 1ピクセルラインで質感を高めるテクニック - WEBデザイン BLOG

    下記の画像はこのサイトのトップページの画像です。両者の違いは、1ピクセルのラインが入っているか、いないかの違いです。左の画像はピクセルラインあり、右側はラインなしです。(画像クリックすると原寸表示されます。) ピクセルラインを入れることで、立体感を演出することができ、さらに質感を高めることができます。 さらに拡大した画像も下記の画像をクリックすることでご覧いただけます。

  • 1