calc()が効かない？: 中の演算子の間にはスペースが必要です - Qiita
.example{ width:300px; height:100px; top:100px; left:calc(50% - 300px / 2); /*値と演算子の間にスペースが必要*/ } はい、演算子との間にはスペースが要るんです。 他ファンクションでどうなるかは不明。 ===== 【追記】2015-04-08 だいぶ前の記事ですが割と見て頂いてびっくりです。 Twitterで言及されていたのですが、 +, -には スペースが必要 で、*,/ には スペースが不要 なのだそうです。 参考： 1. https://twitter.com/terkel/status/553464271862902785 2. http://www.w3.org/TR/css3-values/#calc-syntax Note that the grammar requires spaces aroun
これでよくない？ レスポンシブテーブルの話 | ダーシマ・ヱンヂニヤリング
レスポンシブテーブルという言葉をご存知でしょうか。テーブル（表組み）に対してレスポンシブデザインを適用する手法のことです。既存のものとは少し違った手法を考案したので記事を書きました。 レスポンシブテーブルは一般的に難易度の高いものとされています。沢山の人がいろいろな方法を考案していますが、どんな表組みにも使える汎用的なレスポンシブテーブルの枠組みはまだ登場していません。第一、表組に入る内容はほんとうに様々なので、汎用化という考え方に限界があることは明白なのです。 いくつかの実装パターンは「レスポンシブWebデザインでテーブルを使う時の小技」という人気記事で紹介されています。この記事で紹介されているものの多くは、CSSのdisplayプロパティの値を上書きすることで表組みからリスト形式に組み替えたり、行と列を逆転してスクロールさせて見られるようにしたりといった、ある種、大道芸を見せられている
Chrome 42 ベータ版: プッシュ通知、[ホーム画面に追加] のおすすめ、ES6 Class
.app 1 .dev 1 #11WeeksOfAndroid 13 #11WeeksOfAndroid Android TV 1 #Android11 3 #DevFest16 1 #DevFest17 1 #DevFest18 1 #DevFest19 1 #DevFest20 1 #DevFest21 1 #DevFest22 1 #DevFest23 1 #hack4jp 3 11 weeks of Android 2 A MESSAGE FROM OUR CEO 1 A/B Testing 1 A4A 4 Accelerator 6 Accessibility 1 accuracy 1 Actions on Google 16 Activation Atlas 1 address validation API 1 Addy Osmani 1 ADK 2 AdMob 32 Ads
![Chrome 42 ベータ版: プッシュ通知、[ホーム画面に追加] のおすすめ、ES6 Class](https://cdn-ak-scissors.b.st-hatena.com/image/square/2e46cf6ba6ea60cf7d20c0fdd909b1610184547a/height=288;version=1;width=512/http%3A%2F%2F4.bp.blogspot.com%2F-fWEPzhrhdqk%2FWKbYSrN1_8I%2FAAAAAAAATXE%2Fm2-ZgsirkMYKc_YhcehEb0iUdyGtLs8KACK4B%2Fs1600%2Flockup_google_developers_horizontal_knockout_wht.png)
月間1000万PVを支える「UIの言葉選び」のためのチェックリスト - クックパッド開発者ブログ
クックパッド ダイエット事業室の田中です。昨年５月からスタートした「クックパッド ダイエット」にリリース当初から携わり、デザインやダイエットニュースの編集を担当しています。 現在クックパッドダイエットのサイトは月間1000万ページビューを超え、「ダイエットといえば『クックパッド ダイエット』」と言われるような世界を目指して、日々、運用・改善に取り組んでいます。 今回紹介するのは、クックパッドダイエットのUIをデザインする時の「UIの言葉選び」の具体的なチェックリストです。 最高のレイアウトでも言葉がイマイチだと台無しに みなさんは、UIの中の「文言（言葉）」をどのようなプロセスで決定していますか？ UIのレイアウトや遷移の方法について熟考する姿勢を持っている方は多いと思うのですが、文言の検証方法については確固たる視点を持っていない方もいらっしゃるのではないかと思います。 UIで王道のレイア
Medium を使うわけ
いわゆるIT系の会社で、社内の技術情報共有をどうしたらもっと効率的にできるか考えてきた。同じ業務で同じテクノロジーを必要としているメンバーは、だいたい同じことをGoogleに聞いているのをみて、いっそのこと、一般に公開されたブログで技術情報を共有してしまえば良いのではと思い、Tumblr をしばらく使ってきたが、ブログの性質上最近のものは見つけやすいが、過去のものが見つけづらいし、メンバーそれぞれが、いろんなジャンルや他のサイトのリンクやオリジナルのTipsなどを一つのブログに集約することになるので、かなり雑多な感じになってしまう。やっと見つけた記事も、重要な関連している情報もあるかもしれないのに、それも見つけることは困難。 こんな状況を解決してくれそうなのが Medium です。Medium は、Twitterの共同創業者、エヴァン・ウィリアムズが立ち上げた、１４０文字より長い文章で、よ
初めてのHTTP/2サーバプッシュ | GREE Engineering
前回はWebサイトをHTTP/2に対応するためにリバースプロキシを検証した記事を書かせていただきました(HTTP2を試してみる)。 あれから幾つかの議論を経てHTTP/2の仕様も大分安定してきており、HTTP/2を実装したクライアントや実験的にHTTP/2を有効にしているサービスもあるので実際に試すことも出来ます。 そこで今回は応用編としてHTTP/2のサーバプッシュについて、その仕組と実際に試したことについて書かせていただきます。 余談ですが、 現在の仕様では "HTTP2.0" ではなく "HTTP/2" もしくは "HTTP2" が正しい名称になります。 HTTP/2概要 まず、軽くHTTP/2の概要に触れておきます。 HTTP/2は2012年の末頃より、HTTP/1のセマンティクスを維持したままパフォーマンスを改善する目的で議論が開始されました。 Googleの考案したSPDYと言
2014年9月画面解像度シェア累積ヒストグラム - しらいとブログ
StatCounter GlobalStatsで公開されている画面解像度シェアのデータから、2014年9月のデータを抜き出して分析しました。 最小値の目安になるように、『横幅○○px以上は○○%』という形式でグラフにしています。 （このようなグラフを累積ヒストグラムと呼ぶらしいです。） ※Flash Playerが必要です。無ければスクリーンショット画像を表示します。 使い方 種類（PC、モバイル、タブレット）と向き（縦幅、横幅）を変更するとグラフが切り替わります。 グラフの頂点にカーソルを乗せると詳細が表示されます。 下の表示制限にチェックを入れると、ランキング上位だけを表示することができます。 感想 過去のデータと比べても特に大きな変化は無さそうです。 特筆すべきことといえば、ついに横幅1280px以上が90%を超えたことでしょうか（日本のPC）。 過去の記事 2014年6月画面解像度
livedoorをかたる偽サイトに注意 メール経由で誘導、ID・パスワード盗む
livedoorのログインページに似せた偽サイトからlivedoor IDとパスワードを盗まれたという報告が複数のユーザーがから寄せられているとし、運営元のLINEが11月13日に注意を呼び掛けた。 livedoorをかたってユーザーを偽サイトに誘導するメールが届き、ID・パスワードを入力させるという。偽サイトは一見livedoorのログインページに見えるが、URLが正規の「http://member.livedoor.com/」とは異なるという。 関連記事 「Yahoo！検索」の広告に偽サイト、名古屋銀行・WebMoneyも ヤフー「審査強化する」 「Yahoo！検索」の検索連動広告に、名古屋銀行とWebMoneyの偽サイトへのリンクも掲載されていたことが分かった。 「Yahoo!メール」偽サイトが出現、情報搾取が狙いか Yahoo! JAPAN IDやパスワードを入力させようとするフィ
著作権侵害で訴訟沙汰になり反省したBuzzNewsがとった奇策
バイラルメディアと被害者 SNSでの伝染性に特化した会話のネタになりそうな記事を量産する"バイラルメディア"が少し前から広まっているが、ごく一部の善良なサイトを除いて大半が他の人間が創りだしたコンテンツを盗用ないしは単なる紹介をする形で記事を量産している。写真や文章を丸ごとコピーし、引用の要件を満たしておらず、大半が著作権侵害だ。 端的に言えば人の褌で相撲を取るような連中なのだが、著作権侵害で訴えようにも運営会社が公開されていなかったり、被害が少額で裁判を起こしにくいために泣き寝入りする人が大半だった。 そんな中で、フリーライターのヨッピー氏がYahoo!スマホガイドで「悪質バイラルメディアにはどう対処すべき？ BUZZNEWSをフルボッコにしてみた」という記事を書いた。非常に力の入った素晴らしい記事なので、ひとまず読んで欲しい。 この記事では、悪質なバイラルメディアであるBuzzNews
ARIA Validatorを利用したWAI-ARIAの検証 | アクセシビリティBlog | ミツエーリンクス
WAI-ARIAを使ってアクセシブルなコンテンツを作成したいと考えていても、WAI-ARIAの指定方法に問題がないかどうか不安、という方も多いと思います。そのような場合には、まずはWAI-ARIAの仕様に従っているかどうかを確認すると良いと、私は考えています。というのも、明白なミスを防ぐことができる制約がWAI-ARIAの仕様にはいくつか定められているためです。この記事では、ARIA Validatorを使った検証方法とWAI-ARIAの仕様で定められている制約のいくつかを紹介します。 ARIA ValidatorはページがWAI-ARIAの仕様に従っているかどうかをチェックするGoogle Chromeの拡張機能です。記事執筆段階での最新版は0.10です。 現時点ではまだベータ段階とのことですが、閲覧中のページに対して様々な検証を行うことができます。ただし、ARIA Validatorは
Twitpicサービス終了の裏で「 #yfrogは死ね 」大喜利が流行中 - IRORIO（イロリオ）
Twitter上で写真や画像を共有できるサービス「Twitpic」は9月25日(現地時間)にサービスを終了すると発表した。 ユーザーがTwitpicを使って投稿してきた画像と動画はすべてリンク切れになる。 原因はTwitter社からの圧力 Twitpicのノア・エベレットCEOは公式ブログで「数週間前、米Twitterから商標登録出願を取り消さなければAPIへの接続を失うことになると通告された」と説明。 通告に対し「残念ながら我々にはTwitterのような大企業に対抗して、商標を維持するだけの豊富なリソースを持ち合わせていない」と、Twitpicがサービスを終了する経緯をコメントしている。 バックアップについては、数日中に画像と動画をエクスポートするツールが公開される。 Twitpic終了を惜しむ声が続々 TwitterにはTwitpic終了を惜しむ声や、Twitter社への批判の声が続々
Google I/O 2014 ── ServiceWorker でネイティブアプリとの差を縮めよう
Google I/O 2014 ── ServiceWorker でネイティブアプリとの差を縮めよう 矢倉 眞隆（myakura） 今回お届けするのは、Jake Archibald氏とAlex Russell氏によるServiceWorkerのセッション「Appy Times with ServiceWorker – Bridging the gap between the web and apps」です。 Alex氏はService Workers仕様のEditorで、古くはDojoやChrome Frameに携わっています。TC39やW3CのTAGのメンバーとしても活動し、Extensible Web構想を推し進める一人です。 Jake氏はService Workers仕様の「ゴーストオーサー」だそうです。とても面白い人で、今回も彼のユーモアが炸裂、笑いに包まれた楽しいセッションとなり
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
カプコン、フィーチャーフォン向け公式サイトの閉鎖を決定
ANA Webサイトを4月にリニューアル、スマホ・タブレットでも便利に 他社運航便のシートマップ表示も可能
成田空港:ホームページ改ざんされ閉鎖 - 毎日新聞
/blog/2015/02/poodle-2015-4-internet-explorer-11-ssl-3-0/
JAL、オンラインチケット予約販売の不正取引を監視・検知へ
はてな
ウェブサイトの攻撃兆候検出ツール iLogScanner | 情報セキュリティ | IPA 独立行政法人 情報処理推進機構
ggsoku.com
