4月から新しく社会人になった新入社員のみなさん、仕事に慣れてきましたか? まだ始まったばかりなので、研修や挨拶回りでそれどころじゃないですよねw 最近では、仕事でもパソコンを使うことが多いと思いますが、上司からこんな依頼がくることがあります。 「◯◯についてインターネットで調べて、必要そうな記事をピックアップして印刷したものを◯◯のミーティングに持ってきてほしい」 会社にもよると思いますが、URLだけメールで送ってくれればいいという場合もありますが、紙に印刷しなければいけないシーンも必ず出てきます。 そんな時に、印刷したページのレイアウトが崩れていて読みにくかったり、途中で切れていたり、変な広告が写っていたりすると、上司からの印象はあまりよくありません。 せっかくなので、ホームページの記事の部分だけを崩さずに綺麗に印刷したいですよね! 「えっ?ブラウザで印刷ボタンを押すだけじゃダメなの?」
CSS3を使うにあたっていつも問題になるのが Internet Explorer(IE)です。CSS3への対応が遅い上に、旧バージョンを使い続けているユーザーも結構いますので、CSS3を使うことに躊躇する人も多いのではないでしょうか? ということでCSS3を使うにあたって知っておきたいIE対策を紹介します。 1. CSS3の対応状況を確認する まず、IEのバージョンごとでCSS3にどこまで対応しているか知っておく必要があります。個人的によく使っているのはこのサイトです。 CSS3 & HTML5 Browser Support CSS3で追加されたプロパティ、セレクタについてブラウザごとの対応状況が分かりやすく表示されています。 2. CSS3セレクタに対応する セレクタはSelectivizr.jsだけあれば簡単に対応できます。「CSSセレクタって何?」「CSS3セレクタってどういうもの
Flashのエンジニアとして著名なGrant Skinner氏が開発している、「CreateJS」の公式サイトがオープンしました。 http://www.createjs.com/ CreateJSはHTML5を介してリッチなインタラクティブコンテンツの制作をサポートする、JavaScriptライブラリとツールのスイートです。CreateJS SuiteにはEaselJS、TweenJS、SoundJS、PreloadJS、とZoeのツールがあります。 私のブログでもEaselJS、TweenJSを使ったインタラクティブコンテンツのデモを幾つか制作して紹介してきましたが、Flashで培われた技術がそのまま利用できる点で非常に使い勝手のいいツール群だと思っています。 EaselJSとTweenJSでテキストエフェクト EaselJSを使った流体パーティクル入門 今回は公式サイトで明らかになっ
テキストで実装した見出しなどを画像に置換するテクニックで「-9999px」が有名ですが、そのパフォーマンスを改善するテクニックを紹介します。 Replacing the -9999px hack (new image replacement) [ad#ad-2] 画像置換:-9999px 改善したテクニック 画像置換:-9999px -9999pxを使った画像置換のテクニックは、下記のようになります。 HTMLは見出し要素で実装します。 HTML <h3 id="sample06">見出しのテキスト</h3> 「text-indent:-9999px;」でテキストを見えない位置にし、見出しとなる画像を背景画像として表示します。 #sample06{ width:300px; height:50px; background:url('bg-01.gif') no-repeat 0 -250p
「Meteor」は、JavaScript/HTMLで開発するリアルタイムWebアプリケーション基盤。何が起きているのかすぐに分からないほどすごい 「Meteor」は、Webアプリケーションを開発するためのフレームワークと実行環境を提供しています。アプリケーションはすべてJavaScript、HTML、CSSで記述できるため、サーバ側でRubyやPerlやJavaなどのプログラミングをする必要はありません。 TechCrunchの記事では、JavaScript/HTML/CSSだけでWebアプリケーションが開発できる点にフォーカスが当たり話題になりましたが、公開されたデモンストレーションのスクリーンキャストを見たところ、Meteorにはそれ以上に新しい仕掛けが盛り込まれていました(スクリーンキャストはこの記事の末尾に埋め込んであります)。 それは「リアルタイムなWebアプリケーションを構築す
テキストボックスに比較したい文章をコピペしてボタンを押すだけで2つの文章でどこが変更されたのか、差分の確認ができるネットサービスが「difff(デュフフ)」です。名前はちょっとネタっぽいですが、実用性は高く、日本語のテキストでもOKです。 difff - デュフフ http://altair.dbcls.jp/difff/ サイトの見た目はこんな感じ、テキストボックスが2つ上下に並んでいるので、変更前の文章と変更後の文章をそれぞれ貼り付け、最後に「比較する」ボタンを押すだけ。 結果はこんな感じで変更前が左、変更後が右に表示されます。段落が左右で揃っていて、変更部分はハイライト表示されるので、どこが異なっているのかが一目で確認できます。 ぱっと目で見ただけではどこが変わっているのかわからないようなものでも…… このツールであれば確認できます。このケースだと、カッコが半角から全角に変わっていま
Instagram がどこに買収されたとかは他のニュースサイトにお任せして、Django アプリケーションを正攻法でスケールして "成功" してるのがとても興味深いです。現時点で Instagram Engineering で紹介されていることと TechCrunch にも掲載されたスライドから個人的なメモとしてまとめてみました。 Instagram の哲学は シンプルであること オペレーション負荷を最小化すること すべて装備 とのこと。 Instagram は以下の OSS, サービスで構築されているようです。 >>> OS / ホスティング Ubuntu Linux 11.04 を Amazon EC2 にホスティング。以前のバージョンは高トラフィックになると固まる問題があったようです。運用は 3 人。EC2 にホスティングしている理由は、調査結果によるものではなく、"まだ進化途中だか
NoSQLデータモデリング技法.markdown #NoSQLデータモデリング技法 原文:NoSQL Data Modeling Techniques « Highly Scalable Blog I translated this article for study. contact matope[dot]ono[gmail] if any problem. NoSQLデータベースはスケーラビリティ、パフォーマンス、一貫性といった様々な非機能要件から比較される。NoSQLのこの側面は実践と理論の両面からよく研究されている。ある種の非機能特性はNoSQLを利用する主な動機であり、NoSQLシステムによく適用されるCAP定理がそうであるように分散システムの基本的原則だからだ。一方で、NoSQLデータモデリングはあまり研究されておらず、リレーショナルデータベースに見られるようなシステマティック
笠原料理長レシピ 画像提供:レシピブログ ウチゴハンでおなじみの「賛否両論」笠原料理長。笠原流で有名なのが黄金比率ですよね。和食の基本は「出汁」「醤油」「みりん」のようで、この三つを使割れている笠原流料理!今回はそんな笠原流のレシピを集めてみました。 笠原流お料理 画像提供: レシピブログ 笠原さんの里芋サラダ。ツナと粗引きコショウがポイント!これで味が全然違うんだとか。お子さんの箸がすすむサラダですよ♡ 画像提供: レシピブログ 笠原将弘シェフのきんぴらゴボウ。和食の心ですね!簡単美味しいきんぴらゴボウで女子力UP♪ 画像提供: レシピブログ 笠原シェフとろとろ豚の角煮。おふくろの味の一つ!とろとろの角煮で男子の胃袋をget♪ 画像提供: レシピブログ 煮込まない!笠原将弘流ブリの照り焼き。作れるようになりたい定番料理ですね♪ 画像提供: レシピブログ 笠原さんのしっとりロール茹で鶏 。
4月に入り忙しい日々を過ごしていらっしゃる方も多いのではないでしょうか。そんな時は、紅茶でゆっくりティータイムはいかがですか。世界中で消費されるお茶の約8割を占める紅茶。どうして紅茶は、こんなにも世界中の人々に愛され続けているのでしょうか。実は紅茶は昔、中国で紅茶は“不老長寿の霊薬”として、イギリスでは“万能に効く東洋の秘薬”として重宝されていたほど、“万能ドリンク”として価値があるのです。今回は、そんな紅茶の嬉しい効能をご紹介しましょう。 ■紅茶の驚くべき効能10個(1)抗酸化防止効果で美肌と健康を手に入れる!活性酸素(フリーラジカル)を除去する“テラフラビン”や“紅茶フラボノイド”を含む紅茶は、私達に美肌と健康を与えてくれます。体内で活性酸素が増えると肌トラブル(老人性シミの発生・メラニン色素の増殖)や生活習慣病(ガン・高血圧・脳卒中・糖尿病など)を引き起こしてしまいます。そんな活性酸
ちょっと気が早いですが、そろそろGWの計画を立てたい時期。GWみたいなまとまった休みにやりたいことの一つが以下。 Web漫画を読む! 先日話題になってた裏サンデーもWeb漫画作家さん主体で、いよいよ4/18から開始される予定ですね。 てことで、これから熱くなってきそうなWeb漫画ですが、一年前に整理した以下の内容を整理しつつ、新たなWeb漫画を追加したりしてみました。 GWだからこそiPadで読みたいWeb漫画を100選してみました オススメWeb漫画リスト まずは個人的に面白かった漫画から。 ワンパンマン戯画バイト読解アヘン真実の魔法少女発狂するエラーのび太の人類補完計画「震災7日間」/「槻月 沙江」の漫画 [pixiv]DUDS HUNT オーシャンまなぶ(伝説のきりかぶ) ヒトクイWeb漫画 胎界主toyblog:ドラゴンボールAF漫画ENOKIX(琴浦さん漫画) by enoki
Webデザインで使えるフリーシームレステクスチャ... / グランジテクスチャー30個 | 30 Usefu... / 布風テクスチャー | A Collection ...他...全4件
いまこの記事を読んでいるモニタのサイズは何インチだろうか? iPhone、アンドロイドOS搭載スマートフォン、iPad、ネットブック、ノートPC、デスクトップPCと数年前なら思いもよらなかったモニタ/スクリーンサイズでユーザはウェブサイトを閲覧し始めている。 今後もさらに解像度が異なる環境が増えていくことは間違いない。 ではそのサイズのモニタごとに、スクリーンごとにデザインを作り、HTML/CSSを書き足していくのか? その疑問への1つの回答がレスポンシブウェブデザイン(Responsive Web Design)。 多くの場合、CSS3で利用が可能になる予定のMedia Queriesを活用して、モニタ/スクリーンのサイズに合わせて最適なデザインを供給するデザイン/コーディング手法がレスポンシブウェブデザインと呼ばれている。 レスポンシブウェブデザインの例 Simon Colliso
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く