【CSS】とにかく読みにくいページをつくってみた！pointer-events でイベントを制御する
こんにちは、R&D 部の青野です。 「読者視点で見やすくて読みやすいページを作りましょう」とよく言われてますが、たまには見づらくて読みにくいページがあってもいいんじゃないか。 ということで、読みにくいページを作りました。 と言っても、デザイン、ページ構成的にというわけではなく、ただ暗いだけのページです。 仕組みとしては暗く描画した canvas タグをページの上に重ねているだけとなっております。 また、このページはモバイルとPCでは見え方が少し違いますので、モバイルで見ている方はPCでも見てみてください。 （さすがに暗いままだと記事が読みにくいので、ページを明るくするボタンを付けました。ご利用ください。） ON OFF 通常 canvas 要素や img 要素などが上に重なっている場合、その下にある要素は選択できなくなります。しかしこのページではまっ暗な状態でも上にある[ON][OFF]の
くまがモチーフになっているブランド – 癒やしさと可愛さ
くまのグッズは、アクセサリーを始めキーホルダー・ストラップ・ぬいぐるみのほか、バッグも高い人気を得ています。
スマホ対応の参考に。JavaScriptでウェブページがどのくらい拡大されているのかを取得する方法。
こんにちは。開発担当の林です。 iPhone / iPad のウェブブラウザでページを見ているとき、けっこうな割合でピンチイン・ピンチアウトすると思いますが、それがどのくらい拡大されているのかを取得する方法を書きます。 また、応用でピンチイン・ピンチアウトされても、見た目のサイズを維持するにはどのくらい拡大すれば良いかということにも触れたいと思います。 広告バナーなんかでよく使われてるアレの仕組みです。何かのお役に立てれば幸いです。 ウェブページがどのくらい拡大されているのかを取得する // ページの幅 ÷ 表示されている幅（この行だけでいいかな） var zoomer = document.body.clientWidth / window.innerWidth; // 以下で拡大率を目視できるでしょう alert( zoomer ); // 小数点がたくさんつくので、第二位までに丸め込
リッチに見せるデザインテクニック。美しいぼかしで魅せる 『MAX 塗り』のすすめ。
こんにちは、イメージ担当の長谷川です。 今回は 1px にこだわったリッチな Web や UI デザインを更に立体的で奥行きのある雰囲気にする『MAX 塗り』を取り入れたグラフィック作成手法をご紹介します。 ところで『MAX 塗り』ってご存知ですか？ガンプラなどが好きな方はピンと来たと思いますが、プラモデルなどに興味がない人は全く分かりませんね。 『MAX 塗り』とはプラモデルに立体感を出すためにエッジから中央に向かってぼかしていく、昔からある「ぼかし塗り」や「グラデーション塗り」の技法です。 この技法で塗装されたプラモデルは単純に塗装したものより格段に迫力や存在感が上がります。プロモデラーの MAX 渡辺さんが良く使うプラモデルの塗装技術として通称『MAX 塗り』と呼ばれています。 Web や UI にこの『MAX 塗り』を取り入れる方法は簡単です。 作ったボタンや背景などのグラフィック
＆nbsp; は半角スペースではないというお話 (フェンリル | デベロッパーズブログ)
いかがでしょう？ WEBブラウザにもよりますが、結構実際の見た目も違うように思います。 で、冒頭の「半角スペースと 」の件ですが、ちゃんと意識しておかないと「あれ？」と思うことがあります。 「 を半角スペース (0x20) に置き換える」プログラムがあるように、「 を半角スペースに置き換えず、nbsp (0xC2A0) に置き換える」プログラムもありますから、WEB ブラウザのように 0xC2A0 を表示できる場合はいいですけど、表示できないプログラムだと困りますよね。 冒頭の画像は、わが愛するテキステエディタ Emacs だとこんな感じになります、というサンプルでした おまけとして、 を 0xC2A0 に置き換える例を。雰囲気をお楽しみください。 use HTML::Entities; use Encode; use Data::Dumpe
フェンリルがソーシャルアカウント一覧ページを開設した理由と参考にしたサイト
こんにちは。今日のランチはお好み焼き（の予定）。 プロモーション担当の坪内です。 フェンリルがソーシャルアカウント一覧ページを開設しましたので、そのお知らせと、ソーシャルアカウント一覧ページを作成するに当たって参考にしたサイトをご紹介します。 もし、皆さんがソーシャルアカウントの一覧ページを作成する必要に駆られたときは、参考にしてください。 ■ アカウント一覧ページのお知らせ フェンリルのアカウント一覧ページは以下になります。 フェンリルソーシャルアカウント一覧ページ 公開後、しばらく時間が経過していますので、既にお気づきの方も多いかもしれませんが、フェンリルのほとんどのページのフッターに「ソーシャルアカウント一覧」というリンクが設置されており、そこからアクセスすることが出来ます。 ■ なぜアカウント一覧ページを作ったのか そもそも、なぜフェンリルはアカウント一覧ページを作ったのか。 プロ
Facebook でシェアしたサイトを Evernote で管理すれば素敵なオンラインブックマークの出来上がり
最近、巷では Facebook が盛り上がってきたので、フェンリルでも Facebook をもっと活用したい！ ということで、個人的にも Facebook を使い始めたプロモーション担当の坪内です。SPGRA だけを担当しているわけじゃありません。はい。 とりあえず、Facebook ユーザーの方は、下記いいね！ボタンを押してみてください。 はい。 いいね！いただきました。 特にエントリーの内容とは関係ありません。すみません。 さて、これまで、私はプライベートでも役立ちそうな WEB サービスや気になったブログエントリーなどは、ブックマークレットを使って、Gmail から Evernote にメールして、Evernote 上で管理していました。 HeartRails Caputure のブックマークレットでキャプチャを撮って、Gmail 本文に貼りつける、という一手間が加わっていたので、ち
コーポレートサイト | WORLDコーポレートサイト
ワールドから新ブランド「AUBRIOT（オブリオ）」が2024年春夏デビュー 2月16日（金）オフィシャルサイトとファーストコレクションをローンチ
エキサイト、「ポータルサイトとしての原点回帰」で再建へ
2期連続で営業赤字を計上したエキサイトは、再建に向けて“原点回帰”に取り組む。ポータルサイトという原点に立ち戻り、「Excite」トップページを改修するなどメディア事業を強化するほか、「エキサイトフレンズ」などコミュニケーション事業に注力して立て直しを図る。 5月8日に発表した2009年3月期の連結決算は、売上高が前期比2.6％減の128億2600万円、営業損益が4億7200万円の赤字（前期は2億400万円の赤字）、純損益が23億600万円の赤字（同19億6900万円の赤字）だった。 09年3月期はFX事業やクレジット事業から撤退するなど整理・再編を行い、選択と集中を進めてきた。今後は、同社の原点でもあるポータル「Excite」を中心としたメディア事業と、「エキサイトフレンズ」「エキサイト恋愛結婚」などコミュニケーション事業に注力し、黒字化を図る。 2007年3月期は売上高の約半分をメディ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
フリーFTPソフト『FFFTP』に、8080系のマルウェア感染と同時にID・パスワードを取得される危険性があるそうです : ライフハッカー［日本版］, 仕事も生活も上手くこなすライフハック情報満..