Minify JavaScript files online
Captcha security check hisasann.com is for sale Please prove you're not a robot View Price Processing
2011年5月18日 画像をアップする際に、元画像をリサイズしてくれる便利なプラグインの紹介。 2012年2月28日追記 こっちの記事のが新しいです~ 大きな画像を自動でリサイズしてくれるwordpressプラグイン「Imsanity」 デジカメで撮影した写真を、いちいちリサイズするのが面倒くさい今日この頃。自分でやるならいいんですけど、クライアントさんにやってもらおうとすると、そもそも、説明するのが面倒です。 画像を縮小してくれるWEBサービスは、写真の枚数が増えると、なんだか時間がかかりますし、画像編集ソフトは、使い方を憶えてもらうまでが大変で・・・。教えてもすぐに忘れちゃうから、結局、操作マニュアルを作らないといけません。・・・ど・・・どらえもーん! プラグインで解決 Auto Image Resizer そこでAuto Image Resizerの登場です。使い方は超簡単。管理画面
さまざまな可能性を秘めたCSS3の登場から、いろんなエントリーが出てきましたので、一部をまとめてご紹介。 ちなみにこの画像はこちらのもので、CSS3だけで画像を使わずにキュウべえを書いたそうです。 CSS3でどんなことができちゃうの系 CSS3のみでいろいろなオブジェクトの作り方を掲載されている。 CSSについて知っておきたいことまとめ。 仕事で役立つ事もばっちり羅網。このまとめっぷりはすごいです。 CSS3の完全一夜漬けマニュアル。 とりあえずこの記事のところにサンプルがありますので触ってみてください。 すごく気持ちいい体験が待っていることでしょう。 CSS3のアニメーション効果を利用してちょっとダイナミックな404ページを表現しています。 すっごいかっちょいい。サンプルデモはこちら。 CSS3だけで3Dを表現。とりあえずこれがCSS3だというものを見せてくれる。ぱない。chromeでも
CSS3には興味深い様々なプロパティがありますが、これらを勉強するにあたって知っておきたいCSS3の基礎をまとめてみます。 過去の記事に手を加えたものや新たに書いたものなど幅広くまとめてみましたので、ぜひ抑えておいてください。 今回は結構ボリュームもあるので目次を作っています。 1. スタイルシートの構造 CSS3に限ったことではないですが、CSSの構造は下の図のように、セレクタ、プロパティ、値となっています。 もちろんプロパティと値は一対です。CSSといえば、プロパティのイメージが強いですが、セレクタも結構奥が深いです。 CSS3ではセレクタもプロパティも新たに追加されていますので、違いをちゃんと理解しておきましょう。 2. CSS3セレクタ CSSセレクタはスタイルを適用する対象を選択するものです。普段何気なく使っているclassやidなどもセレクタの1つです。 CSS3セレクタはW3
Loading GIF or, so called loader gif is an animation that indicates a loading process on a web-site or an application. Being an critically important part of web-site and application design and usability, mostly the animations are used to show that something is loading on the background (e.g. AJAX applications). The animation objects are usually used in GIF format which is very popular due to it's
jQueryを良くする25のTIPS ネタ元:Improve your jQuery - 25 excellent tips ちょっと多いですが、かなり良いTIPSがまとまっています。 Google AJAX Libraries APIを利用しよう Google AJAX Libraries APIを活用すればすばやくライブラリを読み込むことが出来ます。 <script src="http://www.google.com/jsapi"></script> <script type="text/javascript"> // Load jQuery google.load("jquery", "1.2.6"); google.setOnLoadCallback(function() { // Your code goes here. }); </script> 直接読み込むことも出来ます。
地味だけど私的に使うことが多いjQueryプラグイン、Biggerlink。 ブロックレベルの要素を丸ごとリンクに変更してくれます。 サイドバーなどでちょっとリンクをオシャレにしたい時に重宝しています。 …と説明してもピンとこないと思うので、サンプルデモを用意してみました。 テキストの部分しかリンクを貼ってなくても、リンクを内包するブロックレベル要素全体がリンクに変身します。 サンプルデモのHTML構造は以下の通り。 <li>タグの中に<h4>タグの見出しと<p>タグのパラグラフを入れてみました。 リンクは<h4>タグに貼ってあります。 Biggerlinkなしの(通常の)スタイル リンクは見出しのテキストだけです。 もうちょっとカッコよくしたいかも….。 Photoshop Tutorial Photoshopで簡単にできる QuickTipsを集めてみました Illus
本当に今更だけどjQueryなどのライブラリって便利だなー。 ちょっとしたときに使う、画像切り替え(入れ替え)。 ※jQueryは、Google AJAX Libraries APIから。 画像切り替え デモ Javascript <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.1/jquery.min.js" type="text/javascript" ></script> <script> $(document).ready(function(){ //ナビゲーションのmouseover。画像切り替えとは関係ない。 $("ul > li").hover(function(){ $(this).fadeTo(200,0.5); },function() { $(this).fadeTo(200,1); }); /
世のFireworksユーザーの方はどのように機能拡張して使っているのでしょうか? Photoshopに比べれば少ないですが、作成・配布、解説・紹介をされている方が確かにいらっしゃいます。 探した中で、僕が実際に使用している7つの拡張の紹介です。 テクスチャを増やす Fireworks texture gallery Fireworksで使えるテクスチャファイル300種類を無料で配布しているWEBサイトです。 単純な縦線や斜線のバリエーションなどから作り込まれたものまで、種類豊富に揃っています。 Fireworksの和風・伝統紋様テクスチャ – ProjectDD Blog 「ProjectDD Blog」さんの記事内でも複数のテクスチャファイルが配布されています。 【テクスチャファイルの使用方法】※Mac版 Fireworks 8の場合 /アプリケーション/Macrome
Yoropan blog - Fireworksに入れてみた機能拡張機能拡張いろいろFireworks AutoBackup utility - Adobe Marketplace - Offering Detail自動バックアップツール。adobe謹製Tool Force Software | ForeverSave Lite自動保存ツール自動化のすすめ(Fireworks CS4 コマンドでより効率化!) - EC studio ...(none)Fireworksでマルチアイコンのfavicon.icoを書き出す。|linker journal ...(none)Fill With Background - Adobe Fireworks Extensions - johndunning.comボタンの文字を消すアレOrange Commands | workflow automat
Dreamweaver用の拡張機能をまとめました。 便利なものばかりなので、ぜひお役立てください。 タグ挿入・文字列変換 コメントを生成して挿入するDreamweaver用拡張機能 <!– /#container –>などのコメントを簡単に挿入できます。 IDやClass名は自動で取得してくれます。 Adobe – Dreamweaver Productivity : Close Tags 閉じていないタグを閉じてくれます。 Adobe – : Adobe Dreamweaver 10周年セミナー:全角・半角変換拡張機能 全角の数字やカナを半角に直したり、その逆もできます。 携帯サイト作成にも便利ですね。 Zen-Coding DreamweaverでZen-codingが使えるようになります。 (CS3の方は、Zen Coding for Dreamweaver v0.5を選ぶといいかも
みなさんこんにちは、カッシーです。 先日6月8日に26歳になりました。充実した26歳にできるよう頑張っていきます! 今回は手軽に実践できる効率アップTIPSをご紹介したいと思います。 WEB業界のデファクトスタンダードっていうよりは僕が実践しているものがメインです。 こういう効率アップTIPSとかは共有してどんどん仕事の効率を上げれば ・コストダウン(人件費) ・定時に上がってアフターを楽しむ ・費用は下がるし仕事は早くできるしモチベーションは上がるはいいこといっぱい! なんでどんどん情報をシェアしたいですね! もしこんなのものあるよーって方はコメントなりtwitterなりメッセージ頂けると嬉しいです。 目次 ・WEBサイトの新規作成キットを利用する ・拡張機能を利用する ・コード共有・アセット ・よく使う単語は辞書に登録 ・素材や過去のデータは整理しておく ・効率の高いファイルの送受信
ロールオーバーで画像を変更する際に使用するプリロード用のjQueryを使用したスクリプトを紹介します。 Preloading Images with jQuery and JavaScript ロールオーバー時に表示する画像をその都度ダウンロードして表示すると時間のギャップが生じます。その時間の遅れを避けるために、画像を事前にバックグラウンドで読み込みます。 JavaScript <textarea name="code" class="html" cols="60" rows="5"> (function($) { var cache = []; // Arguments are image paths relative to the current page. $.preLoadImages = function() { var args_len = arguments.length;
いや、全く意味がわからなくて思わず書いたんですけどね。 SEOの終わりとソーシャルとnanapiのコンテンツの未来 - ロケスタ社長日記 @kensuu ソーシャルメディアが力をつけてくるとネットでどういう変化が起こるのかというのが、上の記事で非常に細かく分析されて、まさにその通りだなぁって思うのですが、SEOは無くならないです。そもそも現代のSEOはコンテンツファームでもなんでもありません。 どうしてSEOが終わらないのか 「SEO重視で行きたいのでよろしくお願いします!」 「わかりました。今の時代のSEOでいうとコンテンツ重視と言う事ですね?リンクを集めたり、ページを量産しても今はサーチエンジンに最適化されるとは言えません。」 最近私が交わした会話ですが、コレが私が言いたい事の真理です。 ・SEOの企画書とかもうやめてほしい ・お客もまだSEOすればいいと思ってる こういう声を良く聞こ
This blog is a blog for the study of hirou that aims at an independent web creator. The knowledge such as Flash actionscirpt3, CSS2, CSS3, Javascript, jQuery, microformats, and SEO is being studied evenly now. This blog is customized fast as a proving ground of the design. 以前、jQuery1.4で楽しみなメソッドで書いたjQuery 1.4のdelayメソッドを少し触ってみました。 動きをより追求できるdelayメソッド要素のアクションに遅延効果を追加出来るのがdelayメソッドです。animateメソッドとの相性はも
I recently came across a really compact array shuffling function on JSFromHell.com, which I thought would make a nifty jQuery plugin. This jQuery shuffle plugin could be applied to any HTML element or Array object. (function($){ $.fn.shuffle = function() { return this.each(function(){ var items = $(this).children(); return (items.length) ? $(this).html($.shuffle(items)) : this; }); } $.shuffle = f
まずは今回つくるものをご覧ください。 ニュースティッカー1(完成) jQueryプラグインでも見たことがあるような よくあるフェードで切り替えるやつです。 これを作ってみましょう。 前編では ニュースティッカーを実装するところまで 後編では 前編で作成したニュースティッカースクリプトをjQueryのプラグインにしていく予定です。 結構長いので数回に分けて投稿していきます。。。 JavaScriptとjQueryがちょっとわかる人なら理解できる…はずです。 用意するもの jQuery – 公式でもいいですし、僕がつくったサンプルに含まれてるやつでも大丈夫です。 FirefoxとFirebug だけです。 FirefoxとFirebugは開発に必須のツールなので 特に説明してません。 とりあえず… jQueryを読み込んで… 要素をマークアップしましょう。 こんな感じでリストなっているニュース
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く