[CSS]CSS3の効果的な使い方と陥りやすいワナ
CSS3で何ができるのかという「CSS3で何ができるの？ という時にみておきたいサイト集」という記事をとりあげました。 今回は、そのCSS3を実際どのように使うのか？ ウェブページに効果的に使用した例、陥りやすいワナとその対処方法をWeb Design Wallから紹介します。 CSS3 Examples and Best Practices 下記は各ポイントを意訳したものです。 はじめに テキストのエンボス効果 繊細な角丸とシャドウ アニメーションで回転するDVD 半透明のバー 角丸 微妙なテキストのシャドウ 陥りやすいワナと対処方法 はじめに CSS3の人気はいっそう高くなっています。実際CSS3の新しい機能はウェブに多くの新しい可能性をもたらします。 しかしながら、CSS3はまだ完全にすべてのブラウザにサポートされていないので、あまり興奮しないでください。 だからといって、CSS3を
マクニール「世界史」はスゴ本
800ページで世界史を概観できる名著。 「シヴィライゼーション」という文明のシミュレーションゲームがある。暇つぶしのつもりで始めたのに、暇じゃない時間まで潰されてしまう危険なゲームだ。マクニール「世界史」もそう。それからどうなる？なんでそうなる？に次々と答えてくれる本書は中毒性が高く、読むシヴィライゼーションといってもいい。 ゲームのように面白がれないが、ゲームのように熱中して、マクニール「世界史」の最新完訳版を読む。世界で40年以上にわたって読み続けられており、blog/twitter/tumblr でスゴいスゴいと噂には聞いていたが、たしかに素晴らしい。何が良いかっていうと、「眠くならない歴史」であるところ。 話は少しさかのぼる。流行に乗っかって教科書開いたはいいが、あれだね、睡眠導入剤として最適だね、山川世界史。パブロフのなんちゃらのように、開いた途端、急速に眠くなる。「メソポタミア
料理がもっと楽しくなる！初心者のための「包丁の研ぎ方」 - はてなニュース
料理をしている時、包丁の切れ味が悪くてイライラしたことはありませんか？料理をする人でも、意外と知らないのが包丁の研ぎ方。そこで今回は、砥石の選び方からプロによる実演動画まで、「包丁の研ぎ方」を一から学べるエントリーを集めました。 ■砥石選び＆基本の研ぎ方を知ろう まずは包丁を研ぐのに必要な「砥石」と、研ぎ方の基本から見ていきましょう。砥石にも種類があるのをご存知ですか？ ▽包丁の研ぎ方 | YOSHIKIN ▽包丁の研ぎ方｜堺和包丁・堺刀司オンライン ▽包丁の築地・正本（マサモト） - 研ぎ方・お手入れ・砥石について（研ぎ方） ▽刃物の研ぎ方 包丁、ナイフ選びの達人 : watanabeBlade.com 渡辺刃物製作所 包丁を研ぐのに必要な「砥石」には、大きく分けて次の3種類があります。 荒砥石（粒度 ＃200〜＃600のもの。少し欠けた包丁を研ぐのに使う） 中砥石（粒度 ＃1000程度
上手に描くコツはどこに？プロのマンガ家に学ぶ「絵の描き方」 - はてなブックマークニュース
はてなブックマークでも度々注目を集めるのが「絵の描き方」についてのエントリー。絵が上手な人は、同じものを描く場合でも一体どんなところに注意して描いているのでしょうか？今回は、プロのマンガ家やイラストレーターが教える「絵の描き方」についてのエントリーを集めました。 ■ササッと「似顔絵」を描くコツは？ 本格的に絵を描くまではいかなくても、自分や友達、有名人などの似顔絵を短時間でササっと描けると楽しいですよね。まずはそんな時に参考にしたいこちらのエントリーです。 ▽@nifty：デイリーポータルZ：絵が苦手でもイラストを描く方法 こちらは絵が苦手だという筆者が、べつやくれいさんら3人のイラストレーターに似顔絵を描くコツを教わるという企画。どうやら、イラストレーターの人たちの絵には次のような特徴があるようです。 すっきりと見やすく描いている。 特徴を見ようとしている。 大きな特徴さえ押さえれば他は
少女のレモネードスタンドから学ぶ9つのマーケティング術
2013年3月23日 マーケティング フリーランスのコピーライター・マーケティングコンサルタントであるJim Lodico氏の記事が、昨年Web Designer Depotというブログに紹介されていました。あの記事面白かったなーと突然思い出したので、Walter氏の了承のもと意訳してみます。元記事は“9 Marketing Tips from a Six-Year Old’s Lemonade Stand”です！ ↑私が10年以上利用している会計ソフト！ ある日、うちの娘ソフィアがレモネードスタンドをしたいと言ってきました。 レモネードを売るために週末をつぶすのは本当に嫌だったので、レモネードミックスを買ったりカップを用意したりするのにどれほど費やさなければならないかを娘に説明しました。 努力もむなしく、娘の意思を曲げることはできませんでした。彼女はどうしてもそれをやりたかったようで、彼
フリーで商用可のハイクオリティなネットショップ用アイコンセット「E-Commerce Icon Set」＆モバイル用アイコンセット「Mobile Icon Set」
「Web Icon Set」からのタレコミによると、オンラインストアやネットショップ、電子商取引などのために無料で使用できる「E-Commerce Icon Set」と電話やメール、無線LAN、地図、カレンダーのイメージを含んだ「Mobile Icon Set」をリリースしたとのこと。いずれもPNG形式で、サイズは「E-Commerce Icon Set」が32×32・48×48・64×64・128×128の4種類、「Mobile Icon Set」48×48・64×64・128×128の3種類が同梱されているため、いろいろな使い方ができるようになっています。 個人用途だけでなく、商用利用も可能と明記されており、今回も非常に使やすいアイコンセットに仕上がっています。 ダウンロードは以下から。 E-Commerce Icon Set | Web Icon Set http://www.web
HTML5と関連仕様、言語リファレンスが公開 | Web標準Blog | ミツエーリンクス
HTML WGより3月4日付で、新しいHTML5の草案を含めた6つの文書が公開されました。 HTML5 HTML Canvas 2D Context HTML Microdata HTML+RDFa HTML: The Markup Language HTML5 differences from HTML4 HTML5 differences from HTML4の日本語訳も、いつもの通り更新しています。 HTML5 における HTML4 からの変更点 変更点 昨年の草案からの変更点から、いくつか気になるものを挙げてみます。 ひとつは、会話文を表現するdialog要素が削除されました。専用のマークアップを用意する必要性や、表現力に乏しいといった懸念が寄せられたことによります。 また、figure要素とdetails要素について内容モデルの変更がありました。これらの要素はキャプションにlab
Google App Engineを使って無料で自宅用プロキシを運用 | ライフハッカー・ジャパン
自宅用のプロキシをセットすれば、自由にプロキシを操作し、会社や学校にバレずにネットのできる抜け道が作れます。米ライフハッカーでは一ヶ月前にセットの仕方を、ライフハッカー日本版でも過去に『FreeProxy』をご紹介しています。ホームネットワークをいじっている間に、SSH SOCKSプロキシをセットしてリモートトラフィックを保護（リンク先英語）、安全にしていくこともお忘れなく。 PCの電源を入れっぱなしにしておきたくない、そして自宅ネットワーク以上の速度をお求めの方は、Gooogle Apps Engineを通して、ホームネットワークから独立したプロキシへ接続、ブラウズするのがオススメです。他の大ざっぱなプロキシに頼る必要はありません。Googleアカウントをとれば、Apps Engineを通して、無料で自分専用のプロキシを運用できます。デジタルテクノロジーブログ、「Digital Insp
自分で作ればローコスト！大人気インテリアDIYのススメ - はてなニュース
3月に入り、新生活に向けて引越しが本格化するシーズンになりました。部屋のレイアウトを空想して、あそこにはベッドを置いてシェルフはここで、なんてイメージを膨らませるのは楽しくても、実際にインテリアショップや雑貨店に足を運ぶと、その値段の高さにガッカリしてしがち。でも、あきらめないでください。予算オーバーで買えなければ、自分で作ってしまえばいいんです！今日は、低予算で楽しめるインテリアDIYを紹介します。 ■DIY、これさえ知れば完璧！ ＜DIYとは？＞ ▽DIY - Wikipedia DIYは、Do It Yourselfの略で、業者に任せずに生活空間を作り上げること。その中でも、家具や雑貨などを手作りすることをインテリアDIYと言います。いわいる日曜大工ですね。 ＜DIYの基礎知識＞ ▽失敗しないＤＩＹ家具講座(作り方)｜自作・DIYを応援！ STORIO DIYの基礎知識を知りたい方は
最強最速アルゴリズマー養成講座：アルゴリズマーの登竜門、「動的計画法・メモ化再帰」はこんなに簡単だった (1/5) - ITmedia エンタープライズ
動的計画法とメモ化再帰 今回は、非常によく用いられるアルゴリズムである、「動的計画法」「メモ化再帰」について説明します。この2つはセットで覚えて、両方使えるようにしておくと便利です。 なお、メモ化再帰に関しては、第5・6回の連載の知識を踏まえた上で読んでいただけると、理解が深まります。まだお読みになっていない方は、この機会にぜひご覧ください。 中学受験などを経験された方であれば、こういった問題を一度は解いたことがあるのではないでしょうか。小学校の知識までで解こうとすれば、少し時間は掛かるかもしれませんが、それでもこれが解けないという方は少ないだろうと思います。 この問題をプログラムで解こうとすると、さまざまな解法が存在します。解き方によって計算時間や有効範囲が大きく変化しますので、それぞれのパターンについて考えます。 以下の説明では、縦h、横wとして表記し、プログラムの実行時間に関しては、
「足して９になる数字」が四則演算すべての検算を驚くほど加速する理由
Author:くるぶし（読書猿） twitter:@kurubushi_rm カテゴリ別記事一覧 新しい本が出ました。 読書猿『独学大全』ダイヤモンド社 2020/9/29書籍版刊行、電子書籍10/21配信。 ISBN-13 : 978-4478108536 2021/06/02 11刷決定 累計200,000部（紙＋電子） 2022/10/26 １４刷決定 累計260,000部（紙＋電子） 紀伊國屋じんぶん大賞2021 第３位 アンダー29.5人文書大賞2021 新刊部門 第１位 第２の著作です。 2017/11/20刊行、４刷まで来ました。 読書猿 (著) 『問題解決大全』 ISBN:978-4894517806 2017/12/18 電書出ました。 Kindle版・楽天Kobo版・iBooks版 韓国語版 『문제해결 대전』、繁体字版『線性VS環狀思考』も出ています。 こちらは１０刷
フリーのWordPress用テーマがPSDファイル付きでたくさん配布されている「WordPress Theme Designer」 - GIGAZINE
「WordPress」は日本でも2006年から急激にシェアを増やし始め、ついにはMovable Typeをも駆逐しそうな勢いのオープンソースで無料のブログ・CMSプラットフォームとなっており、その勢いはとどまるところを知りません。 オープンソースで開発されているため無料で利用できるという特徴以外にも、サイトのデザインである「テーマ」を切り替えることによってカンタンに変更できるというのも特徴のひとつで、かなりデザイン的に秀逸なものが無料で多く公開されています。しかし自分好みにカスタマイズしようと思うと、やはり少し物足りないテーマが多いのも事実。 そこで使えるのがこの「WordPress Theme Designer」で公開されている無料のテーマ集。なんとPSDファイルが同梱され、非常にカスタムしやすくなっており、公開されているテーマファイルとPSDファイルを組み合わせれば、それっぽいデザイン
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Studying HTTP
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP