タグ

ブックマーク / blog.56doc.net (4)

  • Notepad++とEmmetでサクサクコーディング

    以前の記事で紹介したNotepad++、大変便利で私もブログライティングやコーディングのデフォルトエディタとしてありがたく使わせてもらってます。 最新のNotepad++ではデフォルトプラグインでEmmetが入っているらしく(もちろん旧バージョンにあとから入れることもできます)、これはちょっと便利だなぁ、と感じましたのでEmmetの基あたりを備忘録兼ねて紹介しておきます。 Emmetってなにさ? Webコーディングに携わってる方はご存知の方が多いかもしれない、Zen-Coding。独自の記法でHTMLCSSを記述し、それを展開することでコーディングが楽チンになるというものです。 EmmetというのはそのZen-Codingの次期バージョンです。 Zen-Codingの次期バージョン、Emmet について Sergey Chikuyonok氏のGithubを見に行ったら、”Emmet (

    Notepad++とEmmetでサクサクコーディング
  • 「Webサイトの配色で困った!」→「HUE/360使えば良いじゃない」

    Webサイト制作で避けて通れない配色の決定。芸術的素養が絶望的にないのでいつも泣いてるゴロドクさんです、どうも。 所詮素人には理論に基づいた配色など無理ゲーです。先日もちょっとしたデザイン的なゴニョゴニョという場面に出くわしましていつものように悩みつつ、なんか配色決定のためのWebサービスないかなーと思って探してたらこういうのを見つけました。 webでの色指定は基的にRGB値での指定となりますがこれって光の三原色の混色なんですよね。 実際にCSSなんかで数値いじりつつデザインしてると「なんか違うなー」というときにもっと明るくしようとか、もっと彩度上げようってのが感覚的にどの数値をどんだけいじって良いのかってわからないんですよ。 RGB値直接いじって彩度上げようと思ったらくすんじゃった上に色みかわっちゃってオヤオヤ残念なんて日常茶飯事ですよ(いやそのまえにフォトショなりなんなりでデザインカ

    「Webサイトの配色で困った!」→「HUE/360使えば良いじゃない」
  • もうCSS3で悩まない チートシート/リファレンス系サイトまとめ

    先日書いたCSS小ネタまとめのようにCSS3も使えば使うほど味が出て、応用次第で色んなことできて楽しいですよね。私も大好きです、CSS3。 IE非対応云々のためハックがどーこーとかめんどくさいことはありますけど。 というわけでここらで初心者からパワーユーザーまでぜひおさえておきたいチートシートページやリファレンスサイトをまとめておきますので参考にどうぞ。 CSS3の困った/アレが知りたい、はここで調べよう 筆者選で7つほど。他にもいろいろあるんですが、読みやすいのメインに挙げてみました。 1.E BISUCOM TECH LAB : CSS3プロパティ&ブラウザ対応一覧 恐ろしくまとまり過ぎているページ。もともと書籍の巻末付録だったものをWebで公開しているらしいです。各プロパティの対応ブラウザが一目でわかるのがありがたい。 ベンダープレフィックスの要・不要とかまで書いてます。時々更新され

    もうCSS3で悩まない チートシート/リファレンス系サイトまとめ
  • はてぶなど縁遠いブログが急にはてぶられてわかった記事拡散の11の過程

    先週思いがけずはてぶを沢山もらって一瞬アクセスが伸びた56docブログのやるきない管理人、ゴロドクです、どうも。だるい。 はてぶを沢山頂く記事なんてとてもとても狙って書けるもんじゃないですが、たまたま先週当たった記事2のアクセス動向その他観察してみて気付いたことなどをつらつらと書いてみたいと思います。 記事拡散の過程はメディア横断的であるその記事がコチラの2。 さっそくレビュー、ツイッター公式「埋め込みタイムライン」の使い方 ブログに華を添える画像を…そんな時は「ブログ用の写真検索さん」で【使えすぎて泣けた】 繰り返しになりますがこの2がはてぶ延びたのは偶然です。当然狙って書けたわけじゃありません。埋め込みタイムラインのが58users、写真検索さんのが49はてぶほど頂きました(2012/09/10現在)。IT系はてぶ常連さんにとってはカスみたいな数字かもしれないですけど、当ブログで

    はてぶなど縁遠いブログが急にはてぶられてわかった記事拡散の11の過程
  • 1