「Webサイトの配色で困った！」→「HUE/360使えば良いじゃない」
Webサイト制作で避けて通れない配色の決定。芸術的素養が絶望的にないのでいつも泣いてるゴロドクさんです、どうも。 所詮素人には理論に基づいた配色など無理ゲーです。先日もちょっとしたデザイン的なゴニョゴニョという場面に出くわしましていつものように悩みつつ、なんか配色決定のためのWebサービスないかなーと思って探してたらこういうのを見つけました。 webでの色指定は基本的にRGB値での指定となりますがこれって光の三原色の混色なんですよね。 実際にCSSなんかで数値いじりつつデザインしてると「なんか違うなー」というときにもっと明るくしようとか、もっと彩度上げようってのが感覚的にどの数値をどんだけいじって良いのかってわからないんですよ。 RGB値直接いじって彩度上げようと思ったらくすんじゃった上に色みかわっちゃってオヤオヤ残念なんて日常茶飯事ですよ（いやそのまえにフォトショなりなんなりでデザインカ
もうCSS3で悩まない チートシート/リファレンス系サイトまとめ
先日書いたCSS小ネタまとめのようにCSS3も使えば使うほど味が出て、応用次第で色んなことできて楽しいですよね。私も大好きです、CSS3。 IE非対応云々のためハックがどーこーとかめんどくさいことはありますけど。 というわけでここらで初心者からパワーユーザーまでぜひおさえておきたいチートシートページやリファレンスサイトをまとめておきますので参考にどうぞ。 CSS3の困った/アレが知りたい、はここで調べよう筆者選で7つほど。他にもいろいろあるんですが、読みやすいのメインに挙げてみました。 1.E BISUCOM TECH LAB : CSS3プロパティ＆ブラウザ対応一覧 恐ろしくまとまり過ぎているページ。もともと書籍の巻末付録だったものをWebで公開しているらしいです。各プロパティの対応ブラウザが一目でわかるのがありがたい。 ベンダープレフィックスの要・不要とかまで書いてます。時々更新されて
旭川に来たのに何故行かない!?馬場ホルモンは不思議なお店
なんせ地方に住んでるものですからあんまりローカルのお店の紹介とかしてもしょうがないかな～と思いつつ、め～んずスタジオで「大黒屋」というジンギスカン屋さんが紹介されてまして（ツイログのロプロス（@ropross）さんと会ったらしい）、せっかくご当地に来られるなら次はぜひここにもよっていただきたい、というお店をば。 路地中の昭和なお店ぜひ足を運んでいただきたいのはコチラのお店。 馬場ホルモン(食べログ) 旭川市7条通8丁目の路地中にある昭和のたたずまいのお店。大きな通りに面してないのでちょっとわかりにくいですがコチラです。 大きな地図で見る 七輪でホルモンを焼くド定番のスタイル。ちなみにお店には集煙筒なんて気の利いたものはなく換気扇だけなので来店の際には「炭の煙の匂いがついても構わない」格好で行きましょう。これ重要です。一応冬場はビニール袋とか用意してあるので上着類はそれに入れておいたほうが無
CSSでディスクを回転浮上させるエフェクトのサンプル
CSS演出小ネタ連投です。 【borde-radius】で作った丸型の要素に対し、マウスオーバーでコンテンツを回転させながら浮かび上がらせる方法です。 transformで拡大と回転言葉で説明するのはとっても難しい（けどやってることは全然難しくない）のでさっそくサンプルをご覧下さい。 HTML <p> <span>Shop</span> <a href="#">More info</a> </p> 【p】のなかに【span】と【a】が並んで内包されています。通常時は【span】のみ表示させておいてhoverで【a】を浮き上がらせてこよう、という構想。 p,span,a{ display:block; position:absolute; width:100px; height:100px; border-radius:50%; font-size:16px; text-align:cent
宇宙一わかりやすくタコライスの作り方を解説しますよ
筆者について 【About】 wrote on 2011/09/30 http://blog.56doc.net/about/%E7%AD%86%E8%80%85%E3%81%AB%E3%81%A4%E3%81%84%E3%81%A6筆者について 日々のらりくらりとブログを書いているゴロドクと申します、どうも。 スポンサードリンク 1974生まれ、一児の父。北海道の真ん中あたり在住。普段は何かを作る会社で何かを描いている人ですがリーマン生活はシノギです。幸せになるためにHTML/CSS/PHP/MySqlを勉強中。 甘いものが好きです。ビールも好きです。夏はドライ、冬はコク系を飲み分けますが甘いものは年中なんでも食べます。時々自分で作ったりもします。 ツイッターで私とじゃれ合いたい方はこちらをフォローください。 ゴロドク (gorodoku)さんはTwitterを使っています 使用頻度
年末のお風呂大掃除に欠かせないグッズ7選 | 56docブログ
年末のお風呂大掃除に欠かせないグッズ7選 【雑談ログ】 wrote on 2012/12/17 http://blog.56doc.net/Entry/482/年末のお風呂大掃除に欠かせないグッズ7選 12月も中ほどを過ぎいよいよ大掃除の時期です。一足早くゴロドク家でもお風呂の大掃除に着手しました。 お風呂掃除で厄介なのが鏡面や壁面に着いた鱗状痕。小さなシミ見たいのがポツポツと沢山付いてスポンジと中性洗剤では落としきれない憎いアイツです。 今年のお風呂大掃除ではこの鱗状痕落としのためにいろいろグッズを試してみましたのでそのレビューなどを。 スポンサードリンク 1.クエン酸 ちょっと前にハテブで人気記事になってたクエン酸水溶液パック法。もしくは御酢パックや酸性洗剤パックも基本的には同様の原理。 洗っても落ちない「5大汚れ」をスッキリ落とす裏技【大掃除】 - NAVER まとめ この記事
JSではてブのデータを取得してWebに表示させてみよう！
ちょっとお勉強したことの備忘録。はてなブックマークに登録されたページの情報（タイトル、URL、ブックマーク数、コメントなど）をはてぶのAPIを利用してjavasciptで取得する方法を調べました。 【追記】関連記事書きましたのでこちらも参考にどうぞ。 RSSフィードをJSONとして受け取る方法～Google Feed APIの応用 はてブの情報はJSONではてぶされたページの情報は はてなブックマークエントリー情報取得API – Hatena Developer Center このページの解説にあるようにJSON形式のデータとして取得することができます。 いやちょっと待って、そもそもJSONとはなんぞや？という話ですが JSON（ジェイソン、JavaScript Object Notation）は、JavaScriptにおけるオブジェクトの表記法をベースとした軽量なデータ記述言語である。
宇宙一わかりやすくチョコスコーンの作り方を解説しますょ
材料・道具材料は以下の通り。 薄力粉：200gベーキングパウダー：小さじ2ココア：大さじ2グラニュー糖：40gバター：50gチョコチップ：お好みの量鶏卵：1個牛乳：50cc色々粉系混ぜるので粉ふるいはあったほうが良いです。あと生地練るのにゴムベラ使います。 大きめのボウルに薄力粉・ベーキングパウダー・ココア・グラニュー糖をあわせてふるい落とします。 ふくらみが不均一にならないよう、ふるった後も念のためゴムベラで粉を軽く混ぜておくと安心かもしれません。 卵を別の容器割ってよくほぐしておきます。 バターは電子レンジで軽く温め（600Wで20秒ほど）て軟らかくしておきます。半解けくらいでも大丈夫です。室温で戻しておいたのならばすでに軟らかくなってると思うのであえてチンしなくても良いです。 粉を落としたボウルにバターと卵を入れます。 最初はゴムベラで切るように混ぜ、その後ヘラの平らなところで潰すよ
無料でOCR(光学文字認識)したかったらGoogleDriveを試してみるといいかもね
昨日ツイッターのフォロワーさんがTLで「人を殴ったらかなり痛いくらいの紙書類の束渡されて、一晩で再編集とか死ぬる」とおっしゃってまして、まだまだ紙ベースの業務進行ってありますしPCに取り込んで効率的にさばくにはどうしたらいいだろうなーと思いまして。 調べてみたところ、GoogleDriveでもテキストスキャンした画像ファイルをOCR変換する機能があるらしくちょっとサンプル作って試して見ましたので本日はそのレビューを。 【追記】縦書き版の検証記事も書いときました。あわせて参考にどうぞ。 GoogleDriveOCR、縦書きだったらどうなのよ？ Google Drive OCRの使い方GoogleDrive利用するにはとりあえずGoogleアカウント必要なのでない方はまずそちらのご用意を。GoogleDriveの導入については過去に サービス開始したオンラインストレージ『Google Driv
宇宙一わかりやすくホワイトソースの作り方を解説しますょ
ホワイトソースって手作りする人どれくらいいるのかわかんないけどこれ出来るとシチューとかカレーとかも自由自在なのね。覚えておくと何かと便利だと思います。 材料早速材料から。 バター：15g 薄力粉：おおさじ1.5 牛乳：150cc 塩：少々 こしょう：少々 全部15なので覚えやすいでしょ。基本的に家にあるようなものだけで出来ちゃいます。 作りかた基本フライパン一丁と木べらなので道具類の説明は割愛。 中火でフライパンを予熱しバターを入れます。溶けたら小麦粉も全量入れ、牛乳をほんのちょっと（10CCあるかないか）だけ加えます。牛乳は絶対に入れすぎないように！ バター・小麦粉・牛乳を練るように混ぜます。写真見るとわかると思いますがかなり団子状です。ひとまとまりになったら火を弱火にします。小麦粉の粒っぽさがなくなるくらい均一になるまで練りましょう。先の行程で牛乳を入れすぎるとこれがうまく行かずダマが
宇宙一わかりやすくマシュマロ・カフェモカの作り方を解説しますょ
材料一杯分の材料です。コーヒーメーカーのパッケージに書いてあったのとはちょっと違いまして調整してます。 コーヒー：濃い目に落としたもの200ccマシュマロ：2個板チョコ：4かけ砂糖：大さじ1牛乳：30cc（大さじ2）マグカップは大き目のもののほうがいいです。 マグカップにマシュマロ・板チョコ・砂糖・牛乳を入れます。 濃い目に落としたコーヒーを注ぎいれます。マシュマロ溶かすために冷めないうちに注ぎましょう。 そのままでは溶けないのでスプーンでクルクル回して攪拌します。チョコと砂糖はすぐに混ざりますがマシュマロ（種類にもよりますが）はかなりしぶといのでしつこく回します。勢いよくやるとこぼれるので注意。 スプーンの背でマシュマロを多少潰すと溶けやすいです。 全部溶けたら完成、ちょー簡単だー。 まとめというわけでたった2工程で完成ですｗ ココアの粉っぽさが苦手な人でも美味しくいただけます。溶けたマ
ブログ書くなら『引用の要件』くらいは解っておこう わりと本気で | 56docブログ
WEBの中にどっぷり身をおいているといわゆる「パクリ炎上」事件ってのは定期的にお目にかかる機会がありまして。自分のブログがどこそこのブログに無断転載されたとか、色んなブログのネタかき集めて転載する乞食サービスが始まったとか。 当事者にならないとなかなか著作権とか引用のことについて真面目に考えたりしないですけど、ブログ書いてりゃ他サイトの引用なんて「やらねばならない」ことも日常茶飯事で、そう考えるといつ自分が「権利侵害者」側にまわるかわかりません。 「良識の範囲」でやってれば大抵問題ないんですが、これがまた曖昧模糊としていて個人の解釈が大幅に違ったりするので、具体的な「引用の要件」についていま一度確認しておいたほうがいいですよね、そろそろ。 定義と要件 著作権法の本文は総務省のe-GOVサイトで確認できるので最低限これくらいは流し読みしておいてください。 著作権法 法律上の「引用」の取り扱い
新クラウドサービス「PHP APPS」が最強の無料ブログサービスになりそうな件
無料のブログサービスといえばアメブロやFC2、bloggerなどが有名です。かくいう私も忍者ブログの無料レンタルシステムを利用して当ブログを運営しています。 多くの人がこれらのメジャー系無料ブログサービスを利用していると思いますが、ここへ来て新たな無料ブログサービスが誕生しました。これはもしかしたら最強になるかもしれない。 ネットオウルがphpアプリケーションの無料クラウドサービスを開始まずはニュース記事で概要を。 WordPressなどPHPアプリを無料で利用できるクラウドサービス、ネットオウルが提供開始ネットオウルは2012年10月17日、オープンソースのブログプラットフォーム「WordPress」などのPHPアプリケーションを無料（広告表示付き）で利用できるクラウドサービス「PHP APPS」（写真）を提供開始した。サーバー構築や運用の知識を必要とせず、簡単なフォームを埋めるだけです
宇宙一わかりやすく電子レンジでプリンを作る方法を解説しますょ
ひっさびさの宇宙一わかりやすいレシピシリーズ、今日はプリンの作り方を。お鍋は使いません、電子レンジだけで作っちゃいましょうという「ホントにできるの？」みたいな雰囲気がなくもないですけど、やってみたら結構簡単なもんです。 材料・道具 元レシピはクックパッドの 電子レンジで簡単！マグカッププリン+α by パパンダシェフ を参考にしていますが、失敗しないように若干のアレンジが必要そうなのでその辺は変更しています。 さて今回は小さめの容器8個分くらいの材料です。自宅にあるもの使うでしょうから出来上がりの数量は容器にあわせて調整ってことで。 砂糖（カラメル）：おおさじ4 砂糖（プリン）：おおさじ6 卵：3個 牛乳：400cc バニラエッセンス：数滴 道具は特別なものはなんにも要らないです。 プリンを入れるための容器：100c～150ccくらい入るもの 泡だて器 小さめのお玉 ボール 計量カップ 計
商用・無料で利用できる国内フリー写真素材24サイト 2012年10月版 | 56docブログ
定期的にチェックしてないとリンク切れとかあるんでその辺の確認かねて国内の無料画像素材まとめておきます。定番サイトも多いですが未読のものがあれば参考に。 利用条件の概要について併記しますが、実際に利用するにあたっては各サイトにていま一度確認してからお願いいたします。
宇宙一わかりやすくクレープの作り方を解説しますょ
宇宙一わかりやすいレシピシリーズも3記事目です。全然シリーズ化するつもりなかったんですが、なぜかスウィーツ作りが続きまして、せっかくつくるなら写真とって記録残そうと思いまして。 今回はクレープ作りです。若干慣れの必要な工程もありますが何度かやればすぐにコツがつかめるようになると思いますよ。では参りましょう。 材料・道具 まずは材料。クレープ生地（直径24～25cm程度）で7～8枚、薄く焼けるようになったら10枚ほど作れる材料です。 薄力粉：150g 卵：2個 牛乳：450cc バター：40g ビール：大さじ2 バニラエッセンス：少々 塩：少々 続いて必要な道具類。今回も粉篩以外は普通に家庭にありそうなものばかりですね。 粉篩（ふるい） 泡立て器 大ボール1 計量カップ 計量スプーン おたま フライパン フライ返し 菜箸 生地作り 粉もの定番粉篩から。 大ボールに粉ふるいで薄力粉全量を篩いま
CSSのみ画像不要の吹き出しの作り方を若干丁寧に解説してみる
WEBページの演出で吹き出しの中にテキストが入ってるのをよく見かけますが、あれのやり方をかなり最近まで知らなかったゴロドクさんです、どうも。 CSSのbefore/after擬似要素の説明で吹き出しのサンプル紹介してるんですけど、今回はそれについてもうちょっと詳しく書いておこうかな、と。 吹き出しの矢はボックスのボーダーで描画します ベースとなるHTMLは以下の1行のみです。 <p class="balloon">ゴロドクさんイケメン過ぎて泣けた！</p> クラス指定なので１つCSS定義しておくと同じ演出を繰り返し使えますね。 divタグネストとかでも同様のこと出来るんですが、HTMLソースがスッキリするのでbefore/after擬似要素を利用します。ご存じない方は事前に 劇的！（でもない）before after 擬似要素の使い方まとめ | 56docブログ を読んでおくと分かり良いと
漢字も使える日本語フリーフォント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ページを開く
