Code Archive Skip to content Google About Google Privacy Terms
フォトショップで、レイヤーごとにファイルを出力します。 ちなみに、下の画像をご確認ください。 こんな感じにレイヤーを分けています。 1つのレイヤー = 1つのボタン画像 となっています。 これを、一気にレイヤーごとにファイルに保存していくスクリプトの紹介です。 レイヤー別に出力できるファイルの種類 表示状態のレイヤーを、レイヤー単位でファイルに出力します。 出力画像形式 PSD, PNG, BMP, JPG に対応しています。 レイヤー別にファイルに書き出す実行方法 対象のファイルを開き、「ファイル」→「スクリプト」→「参照」から 本ファイルを選択してください。 最初に、保存先を聞かれますので、ルートからのパスを入力してフォルダを選択してください。 次に、どの出力形式で出力するかダイアログが出てきます。 目的の形式が出るまで「キャンセル」を選択し、目的の形式の時「OK」をクリックしてくださ
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
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
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
新しいチャリを手に入れたら歯車や金属のバーを眺めてニヤニヤするようになった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()」の使用が推奨されていくようで
マークアップエンジニア(以下、ME)のtacamyです!(`・ω・´) カヤックでは、デザイナーもHTMLコーディングをしてくれています。 (いつもありがとうございます!) そんなワケで、本格的にHTMLコーディングはしないけど、 ちょこっとしたページなら組みますっていうデザイナー向けの、 「コレだけ読めばすぐできる」シリーズを始めました。 第一回は「携帯コーディング」についてです。 携帯はPCとは全くの別物なので、なんとなく敬遠しがちですが、 最低限の内容であれば覚えることも少ないですし、 一度覚えてしまえばスタンダードがしばらく変わらないので、覚えておいて損はないですよ! 携帯コーディングの基本 基礎の基礎 文字コードはShift-JIS CSSはインラインで指定(タグに直接style属性を追加する) 画像を含むページ容量100KB以内(HTML自体の容量は9KB以内) 画像はgifか
ゲーム型キャンペーンサイト「URBAN RESEARCH Christmas 2011」 意匠部ME課あらため、HTMLファイ部所属となった比留間です。 今回は、先日リリースした「アーバンリサーチ」のキャンペーンで 「アーバンサンタ」からのプレゼント、というサイト制作に携わりました。 簡単にキャンペーンの概要を説明すると、Webとアーバンリサーチの店舗が連動して先着でクリスマス限定のキャンドルをもらえるというキャンペーンです。 内容はサイト内に隠されたプレゼントボックスを見つけ出して、それをアーバンサンタにおねだりする、 というとてもシンプルなゲーム型キャンペーンサイトになっています。 さらに抽選でおねだりした商品がもらえるので、ぜひぜひ参加してみてください。 さて、今回この記事でご紹介したいのは、 このキャンペーンサイトで使用した「CSSで作る光のアニメーション」の作り方を 簡単に説明し
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
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
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
みなさん、こんにちは お元気ですか?僕は元気です。 さて 最近よく、「いいね!」ボタンや「ミクシィチェック」ボタンによって、ウェブページを紹介し合う文化が少しずつ定着してきたなーと思います。 そんな中で、今後重要になってくるんじゃないかと思われる OGP (Open Graph Protocol)と言われる仕様があります。今日はそのことについて書いてみたいと思います。 OGP? おーじーぴー??とはなんでしょうか。 OGP とは 簡単に言うと「このウェブページは何のことを書いているか」という情報を、プログラムから読める形で HTML に付加する記述方法のことです。 まあ、普通のウェブページは人間が読めばだいたい何のことが書いてあるか分かりますよね。 ですが、プログラムは人間ほど頭が良くないので、そのウェブページ内の文章だけではそのページが何のことについて書かれているページなのか正確に識別す
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"
久保田です。最近KnockoutJSというJavaScriptフレームワークを勉強しています。 KnouckoutJSはjQueryの上に構築されているフレームワークです。jQueryのみ使うのと比べてKnockoutJSを利用すると、ウェブページ上のインタラクションを圧倒的に簡単に記述できます。この記事では、簡単にKnockoutJSの概要を説明し、KnockoutJSを用いたデモを紹介します。 このフレームワークの特徴としてあるのは、HTML内に宣言的な記述を埋め込むことでインタラクションが実装できることです。HTML5のカスタム属性(data*属性)を用いて、その要素に関する処理を宣言してきます。裏側の処理は、JavaScriptでViewModelを定義し、そこにビューが必要とする値を管理します。 例えば、あるチェックボックスにチェックを入れると下の要素がトグルする簡単な例は、以下
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
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% サイズを小さくでき、読み込みを速くすることができます
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
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く