Notepad++とEmmetでサクサクコーディング
以前の記事で紹介したNotepad++、大変便利で私もブログライティングやコーディングのデフォルトエディタとしてありがたく使わせてもらってます。 最新のNotepad++ではデフォルトプラグインでEmmetが入っているらしく（もちろん旧バージョンにあとから入れることもできます）、これはちょっと便利だなぁ、と感じましたのでEmmetの基本あたりを備忘録兼ねて紹介しておきます。 Emmetってなにさ？ Webコーディングに携わってる方はご存知の方が多いかもしれない、Zen-Coding。独自の記法でHTMLやCSSを記述し、それを展開することでコーディングが楽チンになるというものです。 EmmetというのはそのZen-Codingの次期バージョンです。 Zen-Codingの次期バージョン、Emmet について Sergey Chikuyonok氏のGithubを見に行ったら、”Emmet (
「Webサイトの配色で困った！」→「HUE/360使えば良いじゃない」
Webサイト制作で避けて通れない配色の決定。芸術的素養が絶望的にないのでいつも泣いてるゴロドクさんです、どうも。 所詮素人には理論に基づいた配色など無理ゲーです。先日もちょっとしたデザイン的なゴニョゴニョという場面に出くわしましていつものように悩みつつ、なんか配色決定のためのWebサービスないかなーと思って探してたらこういうのを見つけました。 webでの色指定は基本的にRGB値での指定となりますがこれって光の三原色の混色なんですよね。 実際にCSSなんかで数値いじりつつデザインしてると「なんか違うなー」というときにもっと明るくしようとか、もっと彩度上げようってのが感覚的にどの数値をどんだけいじって良いのかってわからないんですよ。 RGB値直接いじって彩度上げようと思ったらくすんじゃった上に色みかわっちゃってオヤオヤ残念なんて日常茶飯事ですよ（いやそのまえにフォトショなりなんなりでデザインカ
もうCSS3で悩まない チートシート/リファレンス系サイトまとめ
先日書いたCSS小ネタまとめのようにCSS3も使えば使うほど味が出て、応用次第で色んなことできて楽しいですよね。私も大好きです、CSS3。 IE非対応云々のためハックがどーこーとかめんどくさいことはありますけど。 というわけでここらで初心者からパワーユーザーまでぜひおさえておきたいチートシートページやリファレンスサイトをまとめておきますので参考にどうぞ。 CSS3の困った/アレが知りたい、はここで調べよう筆者選で7つほど。他にもいろいろあるんですが、読みやすいのメインに挙げてみました。 1.E BISUCOM TECH LAB : CSS3プロパティ＆ブラウザ対応一覧 恐ろしくまとまり過ぎているページ。もともと書籍の巻末付録だったものをWebで公開しているらしいです。各プロパティの対応ブラウザが一目でわかるのがありがたい。 ベンダープレフィックスの要・不要とかまで書いてます。時々更新されて
新クラウドサービス「PHP APPS」が最強の無料ブログサービスになりそうな件
無料のブログサービスといえばアメブロやFC2、bloggerなどが有名です。かくいう私も忍者ブログの無料レンタルシステムを利用して当ブログを運営しています。 多くの人がこれらのメジャー系無料ブログサービスを利用していると思いますが、ここへ来て新たな無料ブログサービスが誕生しました。これはもしかしたら最強になるかもしれない。 ネットオウルがphpアプリケーションの無料クラウドサービスを開始まずはニュース記事で概要を。 WordPressなどPHPアプリを無料で利用できるクラウドサービス、ネットオウルが提供開始ネットオウルは2012年10月17日、オープンソースのブログプラットフォーム「WordPress」などのPHPアプリケーションを無料（広告表示付き）で利用できるクラウドサービス「PHP APPS」（写真）を提供開始した。サーバー構築や運用の知識を必要とせず、簡単なフォームを埋めるだけです
無料でOCR(光学文字認識)したかったらGoogleDriveを試してみるといいかもね
昨日ツイッターのフォロワーさんがTLで「人を殴ったらかなり痛いくらいの紙書類の束渡されて、一晩で再編集とか死ぬる」とおっしゃってまして、まだまだ紙ベースの業務進行ってありますしPCに取り込んで効率的にさばくにはどうしたらいいだろうなーと思いまして。 調べてみたところ、GoogleDriveでもテキストスキャンした画像ファイルをOCR変換する機能があるらしくちょっとサンプル作って試して見ましたので本日はそのレビューを。 【追記】縦書き版の検証記事も書いときました。あわせて参考にどうぞ。 GoogleDriveOCR、縦書きだったらどうなのよ？ Google Drive OCRの使い方GoogleDrive利用するにはとりあえずGoogleアカウント必要なのでない方はまずそちらのご用意を。GoogleDriveの導入については過去に サービス開始したオンラインストレージ『Google Driv
宇宙一わかりやすく電子レンジでプリンを作る方法を解説しますょ
ひっさびさの宇宙一わかりやすいレシピシリーズ、今日はプリンの作り方を。お鍋は使いません、電子レンジだけで作っちゃいましょうという「ホントにできるの？」みたいな雰囲気がなくもないですけど、やってみたら結構簡単なもんです。 材料・道具 元レシピはクックパッドの 電子レンジで簡単！マグカッププリン+α by パパンダシェフ を参考にしていますが、失敗しないように若干のアレンジが必要そうなのでその辺は変更しています。 さて今回は小さめの容器8個分くらいの材料です。自宅にあるもの使うでしょうから出来上がりの数量は容器にあわせて調整ってことで。 砂糖（カラメル）：おおさじ4 砂糖（プリン）：おおさじ6 卵：3個 牛乳：400cc バニラエッセンス：数滴 道具は特別なものはなんにも要らないです。 プリンを入れるための容器：100c～150ccくらい入るもの 泡だて器 小さめのお玉 ボール 計量カップ 計
商用・無料で利用できる国内フリー写真素材24サイト 2012年10月版 | 56docブログ
定期的にチェックしてないとリンク切れとかあるんでその辺の確認かねて国内の無料画像素材まとめておきます。定番サイトも多いですが未読のものがあれば参考に。 利用条件の概要について併記しますが、実際に利用するにあたっては各サイトにていま一度確認してからお願いいたします。
宇宙一わかりやすくクレープの作り方を解説しますょ
宇宙一わかりやすいレシピシリーズも3記事目です。全然シリーズ化するつもりなかったんですが、なぜかスウィーツ作りが続きまして、せっかくつくるなら写真とって記録残そうと思いまして。 今回はクレープ作りです。若干慣れの必要な工程もありますが何度かやればすぐにコツがつかめるようになると思いますよ。では参りましょう。 材料・道具 まずは材料。クレープ生地（直径24～25cm程度）で7～8枚、薄く焼けるようになったら10枚ほど作れる材料です。 薄力粉：150g 卵：2個 牛乳：450cc バター：40g ビール：大さじ2 バニラエッセンス：少々 塩：少々 続いて必要な道具類。今回も粉篩以外は普通に家庭にありそうなものばかりですね。 粉篩（ふるい） 泡立て器 大ボール1 計量カップ 計量スプーン おたま フライパン フライ返し 菜箸 生地作り 粉もの定番粉篩から。 大ボールに粉ふるいで薄力粉全量を篩いま
漢字も使える日本語フリーフォント98種類まとめ [サンプル書体付き] 56docブログ
フリーフォントまとめエントリはいろんなブロガーさんがまとめてらっしゃって私もちょいちょい参考にさせてもらってますが、サイト移転などでリンク切れがあったりするので2012年2月版としてあらためてまとめました。 今回まとめた分は現時点でのリンクチェックとダウンロード可能であることを確認しております。せっかくですので比較できるようにサンプル書体画像も作成しましたので参考にどうぞ。 【追記】ウェブフォント絡みでGoogle web font APIの記事書きました。興味があればコチラも参考にどうぞ。 Google web fonts APIで自由なテキストデザインを 日本語フリーフォント一覧 フォント使用に当たって 今回紹介する分は基本的に無料でダウンロード可能な、漢字の使える日本語フォントにしぼりました。 個人利用は原則制限のないものですが、一部フォントについては商用不可であったり再配布・改変な
![漢字も使える日本語フリーフォント98種類まとめ [サンプル書体付き] 56docブログ](https://cdn-ak-scissors.b.st-hatena.com/image/square/5199b7bf14bad177c606b17811be90ad76390f2e/height=288;version=1;width=512/https%3A%2F%2Fblog.56doc.net%2Fwp-content%2Fuploads%2F2019%2F06%2Ffontex001.jpg)
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
