タグ

ブックマーク / designblog.ecstudio.jp (5)

  • 自動化のすすめ(フォトショップのバッチ処理編) - EC studio デザインブログ

    こんにちは、赤堀です。 今回も自動化のすすめをよろしくお願いいたします。 前回自動化のすすめ(イラストレーター編)で イラストレーターを自動化して便利に使おうとブログに書いたのですが、 Webで制作するときはフォトショップのほうが使用頻度が高いですよね。 (EC studioではFireworksですが) 今回はフォトショップで自動化して効率化しよう!とすすめてみます。 「Photoshopのバッチ処理でたくさんの画像を楽々処理して効率化」 (仕事を終わらせ早くお家に帰ろう)をお届けします。 同じ処理を何回も繰り返すときに便利なバッチ処理をおこなうときは Photoshopのメニュー内のファイルの自動処理のバッチを選択してください。 今回こんな自動化します 今回はPSD写真をすべてセピアトーンにして違うフォルダに保存します。 まずはつかってみましょう まずはバッチ処理をしたい画像をひとつの

  • [CSS3小ネタ]CSS3でシマシマの表をつくる – :nth-child - EC studio デザインブログ

    みなさん実務でCSS3は使っていますか? 不定期連載的に、CSS3の小ネタを記事としてあげていこうかと思います。 その前にCSS3って? この記事を見られている方にはCSS3って何?という方もいると思われるので、ざっくりと概要を説明しますと、 多くのサイトで現在利用されているであろうCSS(カスケーディングスタイルシート)は、現在の主要ブラウザがほぼ対応できているCSS2またはCSS2.1というものになります。CSS3はこれらの次のレベルで、より機能的に装飾を加えることができたり、よりコード量の少なく汎用性の高いHTMLを書くことができるようになるなど、当はざっくりじゃ全然語れないメリットがあります。 反面そのデメリットとしては、まだこのCSS3というのは各ブラウザで完全に対応できているわけではないということです。というのもまだCSS3の中身はまだまだ議論を交わしながら進められており、ま

  • 知らない人は損してる?コーディングが3倍速くなるZen-Codingを導入してみた - EC studio デザインブログ

    最近になって急に盛り上がってきているZen-Codingをみなさんご存知ですか? Zen-CodingはHTML/CSSをショートカット+スニペットで簡略化してコードを書くことができるライブラリです。 独立したテキストエディタソフトではなく、既存のHTML/CSSエディタにプラグイン的に導入するものです。 Zen-Codingというのもがどういうもので、どんなすごいものなんだ、というのはこちらの動画を見てください。 ※音が出ますのでご注意ください。 Zen Coding v0.5 from Sergey Chikuyonok on Vimeo 一体何がおこわれているのか?という感じだと思われますが、今回の記事ではこのZen-Codingの導入方法と使い方の一例を紹介します。 Zen-Codingに対応しているエディタは色々あるのですが、今回は弊社の開発環境しているAptana Studio

  • iPhone向けサイト構築 基礎文法最速マスター - EC studio デザインブログ

    弊社代表の著書、「iPhoneとツイッターで会社は儲かる」の出版記念と、巷で話題の「基礎文法最速マスター」ブームに便乗して、iPhone(iPod Touch)向けサイト構築における基礎とプラス応用のネタと、参考になるリンク集をまとめました。 2010/11/18追記: iPhone向けサイト制作の書籍を執筆しました! 既存のデスクトップ向けサイトをモデルにした iPhoneに最適化したサンプルサイトの紹介と コードの解説をしています。 iPhone向けサイト制作の入門書に最適です。 「HTML5+CSS3で作る 魅せるiPhoneサイト」 基礎編 対象ブラウザはMobileSafariです レンダリングエンジンはSafariと同じwebkitですが、MobileSafariの方にはiPhone向けの一部独自拡張(CSS)があります。検証の際は、通常のSafariのウィンドウサイズを狭くし

  • デザイン・コーディングにつかえるアドオン10選( 1) - EC studio デザインブログ

    企画デザイン谷です。 今やホームページ制作・開発には欠かせないFirefoxですが その理由は多くのアドオン(拡張機能)にあります。 企画デザインスタッフが導入しているアドオンを 今回紹介します。 ColorZilla https://addons.mozilla.org/ja/firefox/addon/271 閲覧しているページに表示されているテキストや画像の色(カラーコード)を 抜き出すことができます。 Firebug https://addons.mozilla.org/ja/firefox/addon/1843 開発環境全般においては欠かさないツールです。他の拡張機能がなくても これだけは入れておきたいアドオンです。 HTMLCSSJavaScriptなどをリアルタイムに編集・デバッグを することができ、特に僕の場合はCSSでレイアウトを 調整するときに使います。 日語版も

    inouetakuya
    inouetakuya 2009/06/16
    EC studioでも、Firefoxの拡張機能として使えるようなツールを 開発してみたいなと思っています。
  • 1