タグ

hanabi_hibanaのブックマーク (395)

  • ajaxzip3 - Google Code

    Code Archive Skip to content Google About Google Privacy Terms

    hanabi_hibana
    hanabi_hibana 2012/01/16
    郵便番号から住所自動入力(CGI使わない)
  • [フォトショップ] レイヤーごとにファイルを出力するスクリプト | 株式会社オルタ

    フォトショップで、レイヤーごとにファイルを出力します。 ちなみに、下の画像をご確認ください。 こんな感じにレイヤーを分けています。 1つのレイヤー = 1つのボタン画像 となっています。 これを、一気にレイヤーごとにファイルに保存していくスクリプトの紹介です。 レイヤー別に出力できるファイルの種類 表示状態のレイヤーを、レイヤー単位でファイルに出力します。 出力画像形式 PSD, PNG, BMP, JPG に対応しています。 レイヤー別にファイルに書き出す実行方法 対象のファイルを開き、「ファイル」→「スクリプト」→「参照」から ファイルを選択してください。 最初に、保存先を聞かれますので、ルートからのパスを入力してフォルダを選択してください。 次に、どの出力形式で出力するかダイアログが出てきます。 目的の形式が出るまで「キャンセル」を選択し、目的の形式の時「OK」をクリックしてくださ

    [フォトショップ] レイヤーごとにファイルを出力するスクリプト | 株式会社オルタ
    hanabi_hibana
    hanabi_hibana 2012/01/10
    レイヤーごとにファイル出力でいるスクリプト(CS3まではつかえたがCS5未検証・・)
  • Home - Slide SJS

    We have been working since 2009. We started with two people: a designer and a programmer. Today the company employs almost 20 people who are divided into four teams. Everyone is a master of his craft. There are open vacancies. We use all our experience, knowledge and skills to help you properly implement your plans to make the site a convenient tool - in this we see our mission. In tandem with the

    Home - Slide SJS
    hanabi_hibana
    hanabi_hibana 2012/01/07
    カスタマイズがいい感じのスライド
  • 23 Free HTML5 Website Templates - Designbeep

    Everything is improving in web design and web development and HTML is not an exception.As the internet grew in popularity and the capabilities of internet increased and HTML5 became the revitalized version of HTML and developers are still experimenting with the potential of HTML5.So in the last 2 years we have seen many HTML5 website templates published online and today we have another excellent f

    hanabi_hibana
    hanabi_hibana 2011/12/29
    フリーのテンプレート集。ソースの参考に◎
  • jScrollPane - cross browser styleable scrollbars with jQuery and CSS

    jScrollPane - cross browser styleable scrollbars with jQuery and CSS jScrollPane is a cross-browser jQuery plugin by Kelvin Luck which converts a browser's default scrollbars (on elements with a relevant overflow property) into an HTML structure which can be easily skinned with CSS. jScrollPane is designed to be flexible but very easy to use. After you have downloaded and included the relevant fil

    hanabi_hibana
    hanabi_hibana 2011/12/23
    スクロールバーをデザインしたいときに使えるライブラリ。
  • jQuery 1.7の on() off()について調べてみた | バシャログ。

    新しいチャリを手に入れたら歯車や金属のバーを眺めてニヤニヤするようになったminamiです。 11/3にjQueryの最新バージョン1.7がリリースされました。大小さまざまな機能追加がされましたが、その中でもかなり大きな「.on()」「.off()」というイベントAPIが追加されましたが、今までのイベントAPIとどう違うのかいまいちわからなかったので調べてみました。 「.on()」「.off()」の使いどころ jQueryには今までのバージョンにも、「.bind()」「.live()」「.delegate()」といったイベントAPIがありました。今回追加された「.on()」「.off()」はそれら3つの機能をカバーしたメソッドになります。 「.bind()」「.live()」「.delegate()」については今後も利用できますが、「.on()」「.off()」の使用が推奨されていくようで

    jQuery 1.7の on() off()について調べてみた | バシャログ。
    hanabi_hibana
    hanabi_hibana 2011/12/19
    1.7からの新機能「on()」「off()」の解説
  • 永久保存版!?携帯コーディング、これだけ読めばすぐできる! | KAYAC

    マークアップエンジニア(以下、ME)のtacamyです!(`・ω・´) カヤックでは、デザイナーもHTMLコーディングをしてくれています。 (いつもありがとうございます!) そんなワケで、格的にHTMLコーディングはしないけど、 ちょこっとしたページなら組みますっていうデザイナー向けの、 「コレだけ読めばすぐできる」シリーズを始めました。 第一回は「携帯コーディング」についてです。 携帯はPCとは全くの別物なので、なんとなく敬遠しがちですが、 最低限の内容であれば覚えることも少ないですし、 一度覚えてしまえばスタンダードがしばらく変わらないので、覚えておいて損はないですよ! 携帯コーディングの基 基礎の基礎 文字コードはShift-JIS CSSはインラインで指定(タグに直接style属性を追加する) 画像を含むページ容量100KB以内(HTML自体の容量は9KB以内) 画像はgifか

    hanabi_hibana
    hanabi_hibana 2011/12/14
    フィーチャーフォンコーディングの基本
  • 光から移動まで、すべてCSSで作る光るアニメーション

    ゲーム型キャンペーンサイト「URBAN RESEARCH Christmas 2011」 意匠部ME課あらため、HTMLファイ部所属となった比留間です。 今回は、先日リリースした「アーバンリサーチ」のキャンペーンで 「アーバンサンタ」からのプレゼント、というサイト制作に携わりました。 簡単にキャンペーンの概要を説明すると、Webとアーバンリサーチの店舗が連動して先着でクリスマス限定のキャンドルをもらえるというキャンペーンです。 内容はサイト内に隠されたプレゼントボックスを見つけ出して、それをアーバンサンタにおねだりする、 というとてもシンプルなゲーム型キャンペーンサイトになっています。 さらに抽選でおねだりした商品がもらえるので、ぜひぜひ参加してみてください。 さて、今回この記事でご紹介したいのは、 このキャンペーンサイトで使用した「CSSで作る光のアニメーション」の作り方を 簡単に説明し

    hanabi_hibana
    hanabi_hibana 2011/12/08
    蛍が舞うようなアニメーションをCSS3とJSで実現する
  • 5509.me

    This domain may be for sale!

    hanabi_hibana
    hanabi_hibana 2011/12/07
    最初の一歩から雪が降るところまで行けちゃいます。
  • Best Free Fonts of 2011

    42 Comments Wisdom Script and Ostrich Sans are the best free fonts of 2011. Now that I see WESTON, I have to disagree, just look how slick and future-alike it is, I really liked this font, and I ran into it before actually. Infinity font for my is the best. Thanks for this post. i love so much when we talk about font families! Important for every designer. Thanks for sharing! Ostrich Sans is a gre

    Best Free Fonts of 2011
    hanabi_hibana
    hanabi_hibana 2011/11/17
    フリーフォント(英数)
  • jQuery Countdown

    A jQuery plugin that sets a div or span to show a countdown to a given time. The current version is 2.1.0 and is available under the MIT licence. For more detail see the documentation reference page. Or see a minimal page that you could use as a basis for your own investigations. Download now Defaults Formats 1 Formats 2 Layouts Significant Count Up Relative Pause/Lap Time Zones Callbacks Localisa

    hanabi_hibana
    hanabi_hibana 2011/11/16
    日時のカウントダウンしてくれます。日本語対応もあるようです。
  • Welcome!

    Site test.com just created. Сайт test.com только что создан. Real content coming soon. Содержимое появится позже.

    hanabi_hibana
    hanabi_hibana 2011/11/16
    プラグイン紹介サイト。どんどん増えていく?!
  • Facebook Wall jQuery Plugin: neosmart fb.wall

    Our jQuery plugin fb.wall was a nice plugin to display the Facebook Wall of a user or a page on your website. The design of the wall derives from the Facebook look’n’feel and can be customized easily via CSS. We developed fb.wall in 2010 and our plugin became very popular all over the world. Since 2010 Facebook changed their Graph API a lot of times, they added server request limits and the need o

    hanabi_hibana
    hanabi_hibana 2011/10/25
    wallをHTMLにひっぱるjQUeryプラグイン
  • フェイスブック、ミクシィ、グリーで使われている OGP (Open Graph Protocol) とは何か - IT戦記

    みなさん、こんにちは お元気ですか?僕は元気です。 さて 最近よく、「いいね!」ボタンや「ミクシィチェック」ボタンによって、ウェブページを紹介し合う文化が少しずつ定着してきたなーと思います。 そんな中で、今後重要になってくるんじゃないかと思われる OGP (Open Graph Protocol)と言われる仕様があります。今日はそのことについて書いてみたいと思います。 OGP? おーじーぴー??とはなんでしょうか。 OGP とは 簡単に言うと「このウェブページは何のことを書いているか」という情報を、プログラムから読める形で HTML に付加する記述方法のことです。 まあ、普通のウェブページは人間が読めばだいたい何のことが書いてあるか分かりますよね。 ですが、プログラムは人間ほど頭が良くないので、そのウェブページ内の文章だけではそのページが何のことについて書かれているページなのか正確に識別す

    フェイスブック、ミクシィ、グリーで使われている OGP (Open Graph Protocol) とは何か - IT戦記
    hanabi_hibana
    hanabi_hibana 2011/10/19
    OGPについての解説 わかりやすい!
  • IDEA * IDEA

    ドットインストール代表のライフハックブログ

    IDEA * IDEA
    hanabi_hibana
    hanabi_hibana 2011/10/06
    Ajax loadingのまとめ
  • Ajaxload - Ajax loading gif generator

    Indicator type : Background color : # Transparent background Foreground color : # Create easily your own ajax loader icon : Select the type of indicator you want Enter the background code color you want (tick "Transparent background" if you don't want one Enter the foreground code color you want Press "Generate it"

    hanabi_hibana
    hanabi_hibana 2011/10/06
    Ajax loading gifアニ生成!
  • jQueryだけ使うのが馬鹿らしくなる。KnockoutJSに触れる

    久保田です。最近KnockoutJSというJavaScriptフレームワークを勉強しています。 KnouckoutJSはjQueryの上に構築されているフレームワークです。jQueryのみ使うのと比べてKnockoutJSを利用すると、ウェブページ上のインタラクションを圧倒的に簡単に記述できます。この記事では、簡単にKnockoutJSの概要を説明し、KnockoutJSを用いたデモを紹介します。 このフレームワークの特徴としてあるのは、HTML内に宣言的な記述を埋め込むことでインタラクションが実装できることです。HTML5のカスタム属性(data*属性)を用いて、その要素に関する処理を宣言してきます。裏側の処理は、JavaScriptでViewModelを定義し、そこにビューが必要とする値を管理します。 例えば、あるチェックボックスにチェックを入れると下の要素がトグルする簡単な例は、以下

    jQueryだけ使うのが馬鹿らしくなる。KnockoutJSに触れる
    hanabi_hibana
    hanabi_hibana 2011/10/06
    インタラクティブなUIを作るのに便利な気がします。
  • jQueryとjQuery Templates pluginで外部データ(XML等)の解析・表示|Blog|Skyward Design

    jQueryとjQuery Templates pluginで外部データ(XML等)の解析・表示 Posted by Hideki at 2011年9月29日 20:01 タグ: CSS NiteJavaScript CSS Nite LP, Disk 18の復習とjQuery Templates pluginの実験をかねて、スクリプトを書いてみました。はじめはレポート記事で紹介したサンプルコードの改造をしたのですが、徳田さんのセッションのスライドを見返すと同じコードが紹介されていたので、XMLで記述されたデータをjQueryで取得して表示するコードをお題にしてみました。 サンプルファイル 作成しての感想ですが、jQuery Templates pluginを利用すると、JavaScriptのコード内にHTMLが混ざらず、コードの見通し・メンテナンス性が非常に良くなりました。 解説 <?x

    hanabi_hibana
    hanabi_hibana 2011/10/06
    jQueryTemplate 外部データを読み込んでの表示方法(xml)
  • TinyMCE document

    TinyMCEは、 LGPLのオープンソフトウェアライセンスに基づいてMoxiecode Systems ABらによって開発されている JavaScript/HTML WYSIWYGエディターです。 MODxやJoomla!・WordPressなど様々なオープンソースWYSIWYGエディターとして組み込まれています。 TinyMCE の特徴 組み込みやすい コードは数行書くだけでOK。 カスタマイズ可能 テーマ、プラグイン対応。block invalid elements and force attributes. クロスブラウザ Mozilla, MSIE, FireFox, Opera, Safari and Chrome. 軽い PHP/.NET/JSP/Coldfusion などによる GZip圧縮で、TinyMCE は 75% サイズを小さくでき、読み込みを速くすることができます

    hanabi_hibana
    hanabi_hibana 2011/10/05
    TinyMCE 日本語
  • memo » WordPress 記事中の画像のURLを取得する

    functions.phpに以下を追加 function get_the_post_image_src($postid,$size,$order=0,$max=null) { $attachments = get_children(array('post_parent' => $postid, 'post_type' => 'attachment', 'post_mime_type' => 'image')); if ( is_array($attachments) ){ foreach ($attachments as $key => $row) { $mo[$key] = $row->menu_order; $aid[$key] = $row->ID; } array_multisort($mo, SORT_ASC,$aid,SORT_DESC,$attachments); $max

    hanabi_hibana
    hanabi_hibana 2011/09/14
    サムネイル画像を使う時に便利~