CSS3を扱う上でベンダープレフィックスの話題は外せません。 そのベンダープレフィックスの順序について書いてみます。 ベンダープレフィックスとは ベンダープレフィックス(vendor prefix)は、ブラウザが独自の拡張機能を実装、勧告候補前の仕様を先行実装する場合に、 将来的に仕様が変更されるリスクに備えて、プロパティや値につけられる識別子のことです。 その識別子は、ベンダー識別子(vendor identifier)によってブラウザの種類が付けられています。 主要なブラウザのベンダープレフィックス -webkit- Google Chrome、Safari、(Opera) -moz- Firefox -ms- Internet Explorer -o- Opera ただしCSS3などの仕様が勧告候補になった場合には、ブラウザベンダー側がベンダープレフィックスを外すことが推奨されていま

Google AdSenseだけで家族を養ってきた僕が、今までやってきたブログ運営術をガチで解説するよ 2013.02.05 | 収益化 | 文章術 | 考える。 収益化担当なのに、最近、収益化に関する記事書いてないけどネタ切れなんじゃないのという視線を各所からひしひしと感じているゴールドです。ネタが無いわけではなくて、本腰を入れて書くととんでもなく長くなりそうなので今まではなるべく避けてたんですが、仕事が一段落付いたので一度まじめに書いてみようかなぁと。 あぁ、そうそう、タイトルは半分釣り要素が入っているので過度の期待をされても泣いちゃうので、はじめに謝っておきます。うわ、やめろ、空き缶投げんな(´д⊂)‥ﾊｩ –追記– 期待してこの記事を読んでくれている（検索エンジンから訪れてくれている）方向けに、2018年11月現在、最新のGoogle AdSenseで収益を上げるための情報を網羅し

(個人的な)Graceful Degradationへのシフト webcre8はこれまでIE対応の必要な環境で仕事をしていた為あまりIE6,7で使えない技術には興味が湧かなかったんですが、(ずっと進んでない)ブログのリニューアルのことを考えていると、やはりどうしても擬似要素や過去ブラウザを無視(ざっくり対応)した形でのCSS3の使い方に魅力を感じてしまうわけです。 つまりプログレッシブ・エンハンスメント→グレースフル・デグラデーション的な考え方に気持ちがシフトしているんですね。そしてどうせCSS3を使用してディティールに凝るのなら、「空divや重ね使いで無理矢理作っていたものをさっくり作れる」ことに驚くより、「フォールバックを意識したコーディングをして過去ブラウザにはあっさりコンテンツを見せる」方がやっぱりいいなーと感じているわけです。 とりあえず擬似要素で そこで今回は自分が擬似要素を使

本日深夜0時(日本時間)、カナダのRIM(Research In Motion)社が、社名を「BlackBerry」に変更することを発表しました。海外のライブ中継で、 Thorsten Heins最高経営責任者が自ら登壇、満を持しての発表です。 同時に発表されたのは、フルタッチパネルのBlackBerry Z10と、BlackBerry Q10です。 Z10は既報通りのデザイン。価格は二年契約の実質価格で$199程度になる見込み。4.2インチHDディスプレイ、8MPカメラ。 Q10は、NシリーズやXシリーズと呼ばれていた、物理QWERTY搭載モデルです。もちろんタッチパネルも備え、快適に操作できているように見えます。 これらの端末は一新されたモバイルOS「BlackBerry 10」を採用しています。 また、取り扱い事業者はPocketnowによればAT＆T, Verizon, Sprin

このブログの見出しはシンプルなんですが、CSSの「:before」や「:after」など擬似要素を使えば色々と装飾ができますので今回は8つのサンプルを紹介します。 HTMLはすべてHタグだけです。特に意味はありませんが今回のサンプルはh4タグを使っています。 「:before」「:after」やボーダーで表現する三角形の使い方など慣れない方もいるかもれませんので、その都度簡単に解説していきます。「:before」「:after」疑似要素はIE7以下は非対応ですのでご注意ください。 今回のサンプルは別サーバにアップしていますのでご覧ください。 それでは今回8つのサンプルを紹介していきます。 1. 吹き出しのような見出し1 吹き出しの下の部分を:after擬似要素で作っています。三角形はボーダーで作っています。下の画像を見ると何となくイメージできるでしょうか。今回の場合は上の赤い部分のみ色を付

調べる。 備忘録としてwebやデザインについて調べたり 新しく知ったことなどを書き残していくカテゴリです。

筆者のJohn Goerzen氏はプログラマー、フリーOS「Debian」の開発者、そして2児の父親でもあります。彼は以前より「子どもとPC」との引きあわせ方について考えてきました。その結果、愛する息子たちに与えたのは、GUIの一切ないコマンドライン方式のPCでした。彼はなぜ、WindowsやMacを渡さなかったのでしょう？ 私は2年前、当時3歳だった息子のJacobと一緒に、彼にとって初めてのコンピューターをつくりました。『Debian』はインストールしましたが、グラフィカルユーザーインターフェース（GUI）はいっさい入れませんでした。つまり、コマンドライン方式のマシンです。そのマシンはこの2年間、折に触れてたくさんの楽しみを提供してくれています。「うちの息子は3歳のときから『Linux』シェルに自分でログインできたんだよ」と、至極当然のように説明したときに相手の顔に浮かぶ驚きの表情は、

ノートを自分好みに作れると聞いたら、あなたに興味を持って頂けるでしょうか。いや、きっと気に入るはずです。 数十種類ある表紙や中紙などを選んで、自分だけのオリジナルノートを作れる。そんな、文具好きには堪らないお店「カキモリ」をご紹介します。 文房具屋「カキモリ」とは？ 「カキモリ」では、自分だけのオリジナルノートを作ることができます。 やることはカンタンで、店内に数多く並んでいる「表紙」「中紙」「留め具」「リング」から好きなものを選び、組合せる。後はそれを店員さんにお願いし、製本してもらうだけ。 こんなにカンタンに、自分だけのオリジナルノートが作れてしまう、とても素敵なお店なのです。 しかも、店内には色んな文房具や小物が揃っています。万年筆やボールペンなどの筆記具に始まり、クラフト調の封筒やブックマークなどの小物が並ぶ。ワクワクが止まらないお店でした。 ▼「カキモリ」の公式HP たのしく書く

2011年7月にMacBook Airを購入して約1年半。 職場でもメインPCをWindowsからMacにして頂けたこともあって 段々と扱いに慣れてきた霙(@xxmiz0rexx)です。 今回はそんな私の「Windowsでできたアレ、Macではできないの？？」 という購入当初の疑問とその答えをまとめます。 まだMacに慣れていない人、もしくはこれから購入を考えている人はチェックしてみてください！ 1.保存しますか？「はい」「いいえ」をキーボードで WindowsではYとNでできたアレ。Macではどちらのキーを押してもうんともすんとも言いません。 おまけにタブキーを押しても無反応。 解決法 Macにもショートカットキーがありました！ 保存しない→⌘D キャンセル→esc 保存する→return これずっと悩んでいたので解決した時のスッキリ感がやばかったｗ 例えるなら「スゲーッ 爽やかな気分だ

MS Office カテゴリ MS Office (105) 関連タグ Access (45) Excel (92) OfficeScripts (2) PowerPoint (8) Python (2) VBA (92) YouTube (6) イラスト (44) 入門 (38) Web カテゴリ Web (85) 関連タグ facebook (4) jQuery (10) linux (3) Photoshop (18) PHP (24) tips (22) twitter (10) WordPress (76) YouTube (6) アプリ (29) イラスト (44) デザイン (15) ブログ (39) 入門 (38) 分析 (20) Adobe カテゴリ Adobe (28) 関連タグ facebook (4) Fresco (2) Illustrator (8) JavaS

丁度去年の今頃『 今更聞けない？！WEBデザイナーなら最低限知っておきたい有名フォントの数々』という記事を書かせて頂きました。この時の記事は、有名フォントばかりをご紹介させて頂いたのですが、『ほぼ全部有料やん？！』っていう突っ込みもあり、『フリーフォント版を所望する！』というご要望も頂きましたので、今日はフリーフォントに限って、尚且つ僕の好み優先でご紹介させて頂ければと思います！ 僕自身、いつかまとめてしまおうと思っていた記事でもありますので、半分は備忘録的な感じで書かせて頂きますね。一応フリーをうたってる物ばかりですが、念のためライセンス確認はご自身でよろしくお願いいたします！ 普段SNSにUPしていってる物も含めてご紹介させて頂きますので、もしよろしければ Facebookの方も合わせてよろしくお願いします！まぁ、完全に個人の趣味全開のご紹介で恐縮ですが。。。 ではでは。行ってみましょ

便利なんだけどあまり使われてないような気がするので。 ご存じだったらごめんなさいよ。 ウェブサイトに設置する favicon.ico ですが、 用意した画像を favicon ファイルに変換するの Mac だとものすごく簡単にできます。 画像を「プレビュー.app」で開く デフォルト設定なら普通に開けばプレビューで開かれると思います。 (必要なら)サイズを変更する 「ツール」→「サイズを調整」で16 px 四方のサイズに。 別名で保存 「ファイル」→「別名で保存」を選ぶ。 別のファイルにするんだから当たり前といえば当たり前。 「フォーマット」で「Microsoft アイコン」を選ぶ この表現がわかりにくいんだけど、要するに favicon です。 （Mac OS 10.7 Lion 以降でのやり方は後述） Favicon はもともと Internet Explorer 独自の仕様だったから