2013年8月9日のブックマーク (6件)

  • Sublime Text2ってエディタがすごくイイ。

    Macを使い始めて、いろいろ新しいソフトやアプリを探していたところ、同僚の方からいま人気のSublime Text 2というエディタを教えて頂きました。どうやら無料らしく(今後シェアウェアになるかも?)、初期設定や自分に合った環境に整えるのに少し手間取りましたが、なんとか実務で使えるレベルになってきたのでシェアします。 HTML5,CSS3,jsを書く事が多くて、Zen-CodingもSass+Compassも使うし、それにスマートフォンのマークアップ業務が多い!なんていう僕と同じような人がいるなら、このエディタはオススメですw 以下の設定通りにやれば、フロント寄りのエンジニアになら最低限は使えるものになると思います。 ダウンロード Sublime Text 2 – Dev Builds 初期設定 アプリを立ち上げて、Sublime text2 > Preference > Setting

    ml0021234
    ml0021234 2013/08/09
  • Emmet CSSショートコード

    Emmetは、Zen-Codingの次期バージョンの名前です。 Zen-CodingはHTMLの記述方法が取り上げられることが多いですが、個人的には、CSSの入力補助こそ真価が発揮されると思っています。 私は、EmmetまたはZen-Codingがなければ、CSSのプロパティを打つのが苦痛なほどです。 Emmetから、さらに多くのプロパティに対応し、数値も含めて展開できるようになりました。CSSの記述がより使いやすくなったので、紹介します。 Zen-Codingから使える CSSの展開は、ほとんどのZen-Codingから使えます。 Emmetではさらに使いやすくなりましたが、Emmetは現在開発中のため、不安定な部分があります。不安な方は、Zen-Codingをおすすめします。 プロパティに、ショートコードが用意されており、+でつないで展開(Expand Abbreviation)する形

    Emmet CSSショートコード
    ml0021234
    ml0021234 2013/08/09
  • Sublime Text 2 + Sass + Compass + Emmet 最強説!導入方法と自動アップロードの設定まとめ | Cappee Design

    日が決算日の@cappeeです。 Sublime Text 2 + Sass(SCSS) + Compass + Emmet(Zen-Coding) 最強説! ついにたどり着いてしまったかもしれません。 今話題にもなっている通り上の4つがタッグを組むことでものすごい効率的にコーディングができます。(そこまでまだ使いこなしてないので、正しくは「できそうです」。) せっかくなので導入するにあたり参考にさせていただいたサイトのまとめとつまづいたところなどをメモしておきたいと思います。 導入のキッカケ 話題すぎるほど人気のツールですので導入を検討するために調べてみたりはみなさんすでにしているかと思います。 私はDreamweaverを使用していてEmmet(Zen-Coding)は今までも活用してきたので、さらなるスピードアップを求めてSass+Compassの導入をしようと思っていました。 S

    ml0021234
    ml0021234 2013/08/09
  • すべてのアプリ製作者に捧ぐ!アイコンデザインのギャラリーサイト『iconDrop』をリリースしました。

    こんにちは。みぞれです。最近アプリのデザインをするようになって アイコンのサンプルが大量に欲しくなったので、思い切ってサイトにしてみました。 日のサイトだからこそ国産アプリ多めです 海外のギャラリーサイトもクオリティが高く参考にはなるんですが、私たちが作るのは日人向けのアプリ。やっぱり参考にするのも国産アプリのアイコンの方がしっくり来ると思うのです。 とくに上記のような日独特のアイコンデザインをしたい時はやはり国産アプリから探さねばなりません。 (画像のアプリはこれから登録予定です・・・ごにょごにょ) 色別、タグ別、タイプ別、カテゴリ別。 アイコンを探す時に色(ベースカラー)から絞れたり、タグから絞れるように作りました。 色 時には「女の子向けだからピンク系でいきましょう!」などと、色から始まる製作もあると思います。そんな時は色で絞ればOKです。 タグ 例えばクライアントさんに「

    すべてのアプリ製作者に捧ぐ!アイコンデザインのギャラリーサイト『iconDrop』をリリースしました。
    ml0021234
    ml0021234 2013/08/09
  • CSS3だけで作れる格好良いローディングアニメーション5つ! | 株式会社LIG(リグ)|DX支援・システム開発・Web制作

    お疲れさまです、モモコです。 ゲリラ豪雨に備えて折り畳み傘を常にバッグに入れているせいか、何となく肩が重いです。 今回はCSS3だけで作れるローディングアニメーションを5つご紹介します! 閲覧の際にはモダンブラウザ(最新のGoogleChromeなど)をご利用下さい。 FADE LOADING FADE LOADING 入力した文字がふわっと浮かび上がるローディングアニメーション。 質感と動きが合っていてがとてもエレガントです。 CSS3 loading animation experiment CSS3 loading animation experiment DIRT3というゲームUIにインスピレーションを得て作成されたローディングアニメーション。 多彩な変化がついており、とてもクールなアニメーションになっています。 CSS only loading spinners CSS onl

    CSS3だけで作れる格好良いローディングアニメーション5つ! | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
    ml0021234
    ml0021234 2013/08/09
  • re-dzine.net situs togel online toto 2023 -

    By penulis • January 10, 2023 • comments off Sebelum langsung ke poin utama yaitu mengenai trik rahasia main togel online yang beneran udah terbukti gacor buat hasilkan kemenangan, kalian yang mungkin masih berstatus pemula di game…

    re-dzine.net situs togel online toto 2023 -
    ml0021234
    ml0021234 2013/08/09