CSS3のセレクタ全42種 まとめておさらい使い方リファレンス | WP-E (仮)
こんにちわ。WP-Eイクラこと@ampersand_xyzです。 CSS3のセレクタ、ちゃんと覚えてる？ 普段使わなかったりするようなセレクタって、すっかり脳みそから抜け落ちてしまい、適用されているスタイルを確認したときに あれ？コレなんだったっけ？ というセリフを何度心のなかでつぶやいたか分かりません。 また、場面によって必要に応じたセレクタを使えてるかどうかというところも気になるところ。どんなセレクタがあるのかを覚えておけば、たとえばDOMの動的生成をするときに無駄な分岐処理をしてstyle適用とか、JSでゴリゴリスタイル付与とかしなくてよくなるはずです。 おさらい用チートシート作成を兼ねて、Selector Level3 のSelectorsについて、セレクタの記法と使い方のgistつけてまとめていきたいと思います。 なお、仕様書の日本語訳は以下のページをご参照ください http:/
どっちのベクターSHOW!! SVG vs Webフォント を比較する | WP-E (仮)
こんにちわ@ampersand_xyzです。ごきげんうるわしゅう。 どこまで行くんだ解像度 最近はディスプレイの進化速度が目覚ましいですね。とても小さい画面でも、物凄い解像度を誇る端末がどんどん出てきており、人間の目の認識可能レベルなんか知るか！技術的にやれるとこまでやったるんや！という気概を感じております。 こういうのは大変ワクワクするのですが、それにともなってWEB制作者としては画像がぼやけるであるとか、想定してたより小さく見えてしまう等、結構悩ましい事態も増えることとなり頭を抱えたことがあるという人も少なくないのではないでしょうか。 ベクター画像を使おう さて、そんな進化と変化をし続ける解像度に対応することができるのがベクター画像です。 （ベクター画像とは何？という方はこちらをご参考にしていただければと思います→ベクター画像とラスター画像の違いと利点） ウェブフォントを利用したアイコ
ビューポートを単位にした CSS でスマホ向けのコーディングがハッピーになった話 | WP-E (仮)
vw, vh, vmin, vmax という単位があるのをつい最近知りました。 随分昔からあったものらしいですが、大変便利なものだったので書いておこうと思います。 上記4つの単位はそれぞれブラウザのビューポートに対する (割合) パーセンテージを指定する単位です。具体的な定義は次の通りです。 単位 説明 vw ビューポートの幅に対する割合 vh ビューポートの高さに対する割合 vmin vw と vh の小さい方に対する割合 vmax vw と vh の大きい方に対する割合 活用例 iPhone6 を例にするとビューポートの幅が375px。このとき100vw が 375px、1vw は 3.75px 相当のサイズになります。 画面サイズ幅一杯の正方形な要素が作りたい時とか { width: 100vw; height: 100vw; } であったり、画面いっぱいのモーダルも、親要素に影響さ
sublimeかわいいよsublime(；´Д｀)【Sublime Textの（初期）設定環境を晒す】 | WP-E (仮)
最近周りで禁煙者が増加していることより、今月からショートホープのパッケージデザインが変わったことの方が微妙な心持ちのショートホープです。 Web制作の仕事をしているならば、何かしら「エディタ」を利用していることと思う。最近かなりのシェアで利用されていると思われるのがSublime Textだ。動作が軽い、便利機能がてんこ盛り、パッケージをインストールしてさらなる機能追加が容易で拡張性に富む、などメリットは大きい。MacとWinどちらでも使えることを知って飛びついたが、実はショートカットのキーの組み合わせが全く違っていた(´・ω・｀) 調べてみたらもう1年半以上使っていた（使い始めたのはこの勉強会に参加した日から）ものの、最初にあれこれ設定したあとはほぼその設定のまま来てしまっていたので、ここらでちょっと自分の設定を見直しがてら使っている設定状況を晒してみようと思う。 2015.1.16 追
『「Github」のアカウントは登録するけど「Github」にはちっとも触らない』ちょっとおバカなGithub「超『超』入門」 | WP-E (仮)
『「Github」のアカウントは登録するけど「Github」にはちっとも触らない』ちょっとおバカなGithub「超『超』入門」 いまさらだけどGithubなにそれおいしいの？ 先日のWP-D主催のMeganeFesでは煙草係でしたショートホープです。 巷で耳にすることが非常に多くなった「Git」と「Github」。まだ使っていないけれど気になる、という方は多いのではないだろうか。あるいは「アカウントを作ったけどそれっきり…」という人もいるだろう。 僕らWP-E（仮 内でもWP-Dのこんな記事をきっかけに『「Git」「Github」の入門から実際までやってみたい！』という声が多くあがっている。かく言う自分自身も勉強の途中で止まったまま…orz 更にこの記事を読むに至って俄然やる気になってきた。是非この後に連載予定の記事を楽しみにして欲しい（と丸投げ ところで、釣りっぽいタイトル通り『「Git
WordPressはメンテナンスが大事！改ざんされたサイトを復旧させるまでの道のり - WP-E (仮)
はじまりはGoogleの通告から 知り合いの制作者さん経由で、ある日私のところにこんなメールが届きました。 差出人は、個人でWordPressブログを書いている方です。 メールの内容は以下。 実は、少し前から気になっていたのですが、私のブログをグーグルで出そうとすると、 「このサイトは、第三者にハッキングされている可能性があります」と表示されます。 普段、自分では、ブログへはブックマークから入りますので、たまにしか目にしないので放置してしまっていましたが、 今日、また見て、HPの他のページには表示されないのに、ブログにだけ表示されるのが、非常に気になります。 「非常に気になります」なんて呑気に言ってる場合じゃないでしょ・・・ なんですぐ対処しなかったの！と叫びたい気持ちを抑えて、まずはサイトのソースを見てみました。 ソースコードを見てみると・・・ なんじゃこりゃー！！ 海外の薬品販売サイト
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
