頭の中のページ構成図をリズムで書いてHTMLに展開してくれるZen-Coding。 もはやHTMLコーダーで使っていない人はいないであろうZen-CodingがHTML5/CSS3の広まりと共にEmmetという名前に変更し、進化をとげているようです。 まだ開発中で公式アナウンスはまだのようですが先行して試すことが可能です。 Zen-Codingおさらい Zen-Codingは経験済みとして話しますが、まだ使ったことがないという方はまずこの映像から。 早速EmmetをSublime Text 2にインストール 1. Package Controlのリポジトリに追加 Sublime Text 2の標準リポジトリにはまだ入っていません。Cmd + Shift + Pで入力ボックスにadd repositoryを入力、下記のリポジトリを追加します。 https://github.com/serge
タグ
- すべて
- css (27)
- flash (7)
- jQuery 1.7 (1)
- print (1)
- *css (2)
- *fireworks (2)
- *illustrator (2)
- *javascript (2)
- *jquery (30)
- *tips (1)
- *あとで読む (25)
- 3D (3)
- @anywhere (2)
- AR (4)
- After Effects (1)
- Alternativa3D (1)
- Android4 (1)
- Android4.1 (1)
- Apple (3)
- Arctic.js (2)
- Azure (1)
- CMS (5)
- CS5 (1)
- CSS Transforms (1)
- Capture (1)
- CoffeeScript (3)
- CreateJS (3)
- DTM (1)
- DeNA (1)
- DesignPattern (1)
- Dropbox (2)
- EC (3)
- ECMAScript (2)
- Electronica (1)
- Emmet (2)
- Facebook (32)
- Facebookページ (11)
- Firebug (1)
- Fireworks (24)
- Flash Flex 関連 (1)
- FlashCatalyst (1)
- Google Chrome (1)
- Google+1 (1)
- GoogleAnalytics (1)
- Greasemonkey (1)
- HTML (36)
- IA (2)
- IE10 (2)
- IE6 (6)
- InternetExplorer9 (1)
- Java (1)
- KAYAC (1)
- LPO (2)
- Lightbox (4)
- MAMP (1)
- MT5 (1)
- Media Queries (3)
- Microdata (1)
- OAuth (1)
- PDF (1)
- Print (1)
- Privacy (1)
- Promotion (1)
- SDK (1)
- SOHO (1)
- SWC (1)
- Safari (3)
- Skype (1)
- Subversion (1)
- Swiffy (2)
- Titanium Mobile (1)
- UI (43)
- UX (8)
- Validator.nu (1)
- WebSocket (6)
- Webfont (1)
- XHTML (2)
- XOOPS (1)
- Xcode (1)
- Yammer (3)
- Youtube (2)
- Zen-Coding (6)
- actionscript (9)
- actionscript3.0 (2)
- ad (4)
- adobe (11)
- ajax (4)
- algorithm (1)
- android (33)
- animation (7)
- anime (1)
- api (15)
- app (5)
- as2 (1)
- as3 (34)
- audio (4)
- backbone.js (1)
- background (4)
- bag (1)
- beluga (1)
- benchmark (1)
- between (1)
- bigdata (1)
- bigpipe (1)
- blog (2)
- book (2)
- bookmarklet (3)
- browser (15)
- brush (6)
- bug (3)
- business (17)
- button (2)
- cafe (1)
- cakephp (1)
- calc (1)
- canvas (14)
- cheatsheet (1)
- chrome (7)
- clearfix (3)
- clone (1)
- cloud (1)
- coda (1)
- coding (3)
- cofee (1)
- color (6)
- comic (1)
- commonjs (1)
- communication (3)
- compass (1)
- cooking (1)
- cookpad (1)
- copyright (4)
- cs5.5 (1)
- cs6 (1)
- css (98)
- css sprite (1)
- css sprites (1)
- css3 (50)
- cybozu (2)
- debug (1)
- demo (1)
- design (59)
- dictionary (2)
- direction (2)
- dns (3)
- domain (3)
- dotFes2009 (1)
- dreamweaver (25)
- dropdown (2)
- ePub (3)
- easel.js (1)
- ec-cube (2)
- eclipse (1)
- editor (1)
- enchant.js (3)
- etupirka (1)
- event (9)
- extention (6)
- facebookPage (1)
- fashion (1)
- favicon (3)
- fiddler (1)
- firefox (8)
- flartoolkit (1)
- flash (66)
- float (2)
- font (38)
- font-size (1)
- food (1)
- form (24)
- framework (5)
- free (8)
- functions.php (2)
- gallery (5)
- game (18)
- gamification (2)
- git (1)
- github (4)
- gitlab (1)
- google (7)
- groupware (3)
- gulp (1)
- haXe (1)
- hashdos (1)
- html5 (92)
- iOS6 (4)
- iPad (5)
- icon (2)
- ie (23)
- ie7 (2)
- ie8 (3)
- ie9 (5)
- iframe (3)
- illustrator (2)
- img (4)
- impress.js (1)
- inline-block (1)
- input (1)
- internet (1)
- ios (3)
- iphone (32)
- itunes (2)
- jQuery Mobile (8)
- jQuery plugin (1)
- jasrac (1)
- javascript (110)
- jquery (86)
- jquerymobile (2)
- jquey (1)
- js (57)
- jsdo.it (2)
- jsx (3)
- kansaiun (1)
- kintone (1)
- knockoutjs (1)
- layout (4)
- library (37)
- license (1)
- loader (2)
- logo (2)
- mac (8)
- macosx (1)
- management (3)
- map (1)
- margin (1)
- marketing (6)
- material (19)
- math (1)
- max-width (1)
- media (1)
- menu (5)
- mixi (3)
- mixiチェック (1)
- mobile (30)
- modal (1)
- money (1)
- mooTools (1)
- mt (3)
- music (11)
- mxp (1)
- navi (4)
- navigation (2)
- nginx (2)
- node (1)
- node.js (12)
- novel (1)
- nucleus (1)
- ogp (3)
- open graph (1)
- openFrameworks (1)
- oss (1)
- package for iphone (1)
- papervision3d (1)
- parallax (3)
- particle (1)
- pattern (2)
- performance (10)
- photo (12)
- photoshop (29)
- php (10)
- pinterest (4)
- pjax (1)
- placeholder (1)
- plugin (25)
- pm (1)
- pngfix (1)
- presentation (2)
- processing (1)
- product (1)
- programming (41)
- progression (5)
- project (2)
- prototype (1)
- proxy (1)
- psd (2)
- rails (1)
- recipe (1)
- redmine (1)
- reference (1)
- remote (1)
- research (1)
- responsible (2)
- responsive (8)
- rollover (2)
- sIFR (1)
- sass (2)
- scroll (1)
- search (3)
- security (11)
- seminar (1)
- seo (3)
- server (7)
- shop (1)
- shopping (2)
- sitemap (2)
- slide (2)
- slider (1)
- slideshare (1)
- slideshow (1)
- smartphone (37)
- sns (12)
- social (3)
- socialmedia (1)
- socket.io (1)
- software (4)
- sprites (1)
- svg (1)
- swfobject (1)
- table (4)
- template (5)
- test (2)
- text-overflow (1)
- texture (2)
- three.js (3)
- tips (31)
- tool (34)
- tools (4)
- transform (2)
- travel (1)
- tuning (1)
- tutorial (22)
- tween (3)
- tween.js (2)
- tween24 (1)
- twitter (22)
- typography (2)
- uniqlo (1)
- unity (2)
- usability (2)
- uupaa.js (1)
- validate (2)
- video (1)
- viewport (5)
- vim (1)
- vj (1)
- vps (2)
- web (30)
- web service (7)
- webGL (1)
- webdesign (76)
- webfonts (1)
- webservice (29)
- web制作 (5)
- web制作会社 (1)
- wi-fi (1)
- wiki (1)
- windows (8)
- wireframe (1)
- word-break (1)
- wordBreak (1)
- wordpress (23)
- work (5)
- writing (1)
- xss (3)
- あとで検証 (1)
- あとで読む (55)
- お財布 (1)
- かばん (1)
- しいたけ (1)
- まとめ (12)
- アクセス解析 (2)
- アナログゲーム (1)
- インテリア (7)
- オブジェクト指向 (4)
- カフェ (1)
- ケイス＝ギムラー (1)
- システム開発 (1)
- ジェネレーター (1)
- スタートトゥデイ (1)
- スマートフォン (14)
- ソーシャルメディア (1)
- チュートリアル (2)
- ネタ (2)
- パフォーマンス (2)
- パララックス (2)
- パンくず (2)
- フォント (1)
- フリーランス (4)
- プレゼン (1)
- プロジェクト管理 (1)
- ボドゲ (1)
- マーケティング (3)
- メディア (2)
- リセット (1)
- レシピ (3)
- 三角関数 (1)
- 人生 (1)
- 仕事 (9)
- 企業 (1)
- 保険 (1)
- 出産 (1)
- 勉強会 (3)
- 印刷 (1)
- 即時関数 (1)
- 古ビル (1)
- 名刺 (6)
- 吹き出し (1)
- 大阪 (4)
- 契約書 (1)
- 学習 (1)
- 実体参照 (1)
- 家具 (3)
- 小説 (1)
- 広告 (6)
- 建築 (1)
- 後で読む (1)
- 拡張機能 (2)
- 探索 (1)
- 料理 (3)
- 旅館・ホテル (1)
- 星海社 (1)
- 正規表現 (1)
- 無線LAN (1)
- 照明 (2)
- 生活 (3)
- 白銀比 (1)
- 福祉 (1)
- 秀丸 (1)
- 秋田道夫 (1)
- 税金 (1)
- 紙 (2)
- 素材 (1)
- 組版 (1)
- 経路探索 (1)
- 縦書き (1)
- 複数カテゴリパンくず (1)
- 複数設置 (1)
- 角丸 (5)
- 資料 (14)
- 転職 (2)
- 透過png (1)
- 錯視 (1)
- 錯覚 (1)
- 関西 (6)
- 雑貨 (2)
- 電子出版 (3)
- 電子書籍 (8)
- 革 (1)
- 鞄 (1)
- 黄金比 (1)
- ｌibrary (1)
- javascript (110)
- css (98)
- html5 (92)
- jquery (86)
- webdesign (76)
- flash (66)
- design (59)
- js (57)
- あとで読む (55)
- css3 (50)
codingに関するtomo_pのブックマーク (3)
-
tomo_p 2012/10/12
- Zen-Coding
- Emmet
- coding
リンク -
使えそうなCodaのプラグイン – Kamurogi Blog
ちょっと前からメインのエディターをCodaにしてみました。 Codaの日本語ドキュメントはまだまだ少ない印象がありますが、サードパーティプラグインに着目してみるとそこそこ充実しているようです。 そこでCodaのプラグインの中でほんの一部ですが、使えそうなものを紹介します（アルファベット順）。 last modified（プラグインの追記） ‐ 2012年4月14日 update ‐ 2012年5月24日 Coda 2で標準機能として組み込まれたものもあるようです。 常用中のプラグイン Bookmarker Codaのコードナビゲータにブックマークとして認識されるコメントアウトができるようになります。 ショートカットはcommand + shift + K。 Coda PHP & Web Toolkit PHPの構文の検証 PHP、HTML、CSSのコードフォーマット（プラグイン独自の環境設
-
コーディング前に確認しておきたいこと。 - CSS HappyLife
CSS HappyLife ZERO が移転したのでお手数ですが、消えちゃう前にブックマーク等変更してもらえるととても嬉しいです。 制作会社でコーディングする場合、社内のガイドライン的なのが有ったりデザイナーもある程度固定されてると思うので、毎回似たような事を確認したりとか、このデザインはどういう意図なんだろう？ってのも、何度か同じ人とやってれば見えてくる訳ですが、フリーランスの場合だとデザイナーは毎回違っていたり、当然ディレクションをする人も違うので最初に確認しておきたい事が有ったりします。 って事で、その辺りをまとめてみたり、デザインを渡されたときにこのデザインの意図は？って思う事とかもばーっと書いてみます。はい。 なので、デザイナーさんもコーダーにデザインを渡すときに気をつけて欲しい点とかもわかってしまうすばらしい内容（だと良いな）！ じゃあまずは最初に確認しておきたい基本的なことか
-
1
公式Twitter
- @HatenaBookmark
リリース、障害情報などのサービスのお知らせ
- @hatebu
最新の人気エントリーの配信
処理を実行中です
キーボードショートカット一覧
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
設定を変更しましたx