• 株式会社AliveCastはプライバシーマークを取得してます。
  • 福岡市インキュベート認定マーク福岡県子育て応援宣言登録マーク
  • 株式会社AliveCastは国の認定を受けた異分野連携新事業(新連携事業)に取り組んでいます。
  • FVM大賞2015 優秀賞 受賞
  • 平成26年度福岡市トライアル発注認定事業者
  • 平成25年度福岡市ステップアップ最優秀賞 受賞
  • 平成25年度九州ニュービジネス優秀賞 受賞
  • JTBビジネスイノベーターズ Travel・Fintechビジネスコンテスト 最優秀賞 受賞
  • AEON Financial Service Innovation 2017 特別賞 受賞
  • 第17回MIT-VFJビジネスプランニングクリニック&コンテスト 正会員特別賞・マイクロソフト賞 受賞
  • 福岡県情報セキュリティ連絡協議会加盟企業
  • 福岡ベンチャーマーケットプレゼン企業
  • 福岡大学共同開発企業
  • 経営革新計画 第1936承認企業
  • 平成23年度九州地域中小企業事業家支援
    お助け隊事業アドバイザー企業
  • 平成23年度福岡市競争入札参加有資格企業
  • 特許第6372856号
  • 特許第6316654号

日々学ぶウェブデザインについて、すぐに役立ちそうな情報を綴っていきます。Webデザインメモ

2016年9月09日(金曜日)  ()

Bracketsの「Extractで画像スライスできない問題 」を解決する簡単な方法


webサイトをBracketsで組んでいるという方、「Extract」はお使いでしょうか?

ExtractはPhotoshopを開かずにpdsファイルの画像スライスが簡単にできるとっても便利なツールです。

まだ使っていない方は、拡張機能から追加してみてください。

:::::::::::::::::

画像をExtractからスライスする際、

「cssやsassファイルからだとちゃんとスライスできるのに、htmlファイルからどうもスライスできない・・・!」

という悩みがありましたが、先日解決策を編み出したので、ご紹介いたします。



htmlでアセット抽出をする際、ブルー枠内に[画像の保存先パス]と[画像名+拡張子]を入力してからEnterキーを押すのですが・・・




こんな感じに↓途中で改行されてしまい、抽出もされない!



と、しばらくウンウン悩んでいましたが、答えは簡単でした。

カーソルをimgタグの後ろに合わせてからEnterキーを押す」

ただそれだけです。

これで途中で改行されず、ちゃんと思い通りにスライスされました♪

ちなみにcssやsassファイルで上手くいってたのは、カーソルが自動的に行末に合わさってくれていたお陰なんですね。

問題も解決したので、これからどんどんExtractを活用していこうと思います。

AliveCastIPのみ表示されます

OK

管理側

残り

javascript css html VIEW側

php matchルーチン