GoogleとAdobeのフォントNoto Sans（Source Han Sans）の画期的なところ
2014年7月16日に、Google と Adobe がリリースした Noto Sans（Adobe からは Source Han Sans という名称でリリース）というオープンソースのフォントファミリーは「日本のWebデザイン史上に残る画期的なフォント」だと思ったので記事にしました。 これまでの問題 ウエイトの不足 普段Webデザインなどの仕事をされている方でないとあまり気にすることはないかもしれませんが、たとえば Android は、アプリによっては下記のように日本語部分と英数字部分で大きくウエイト（フォントの太さ）が異なることがありました。 ※この画像は、Nexus 7（Android 4.4）で Twitter 公式アプリを表示した時のものです。 Nexus 7 では Chrome ブラウザーなどでは日本語・半角英数字ともに丸ゴシックで表示され、ウエイトもおかしくないのですが、アプ
『Fuckの意味といろいろな使い方：使用は控えて意味だけ分かっておきたい』
では、まず、fuckの本来の意味は「セックスをする」「性交する」です。 「セックスをする」という意味を持つ英語表現の中で fuck は最も下品で卑猥（ひわい）な言い方です。 日本語で言えば、「やる」に近い言葉になります。 例えば、 Did you guys fuck last night? 夕べ、君たちはやったの？ Fuck me. 私をおかして。 ●「セックスをする」のいろいろな表現 「セックスをする」という表現は「きれいな」言い方から「汚い」言い方まで、いろいろな表現があります。それぞれ、つぎのようなニュアンスがあります。 make love to ：きれいな言い方。「愛があって、セックスをする。」 例：I made love to my wife last night. have sex (with)：普通な言い方。「～とセックスをする」 例：I had sex with her l
WebエンジニアのためのWebサービスデザイン実践講座
DeNA 社内勉強会に呼んでいただいて、お話させていただきました。 Reviewに登場していただいてるサービスはこちらです。 動く小説投稿サイト Denkinovel by @katryo さん http://denkinovel.com/ ご協力ありがとうございました( ˘ω˘)
[フロントエンド] ブラウザレンダリングの仕組みを理解して、ブラウザに優しいJavaScriptを書こう - YoheiM .NET
[フロントエンド] ブラウザレンダリングの仕組みを理解して、ブラウザに優しいJavaScriptを書こう こんにちは、@yoheiMuneです。 ブラウザのレンダリングの仕組みはHTML5 RocksやHow browsers workで詳しく解説されてきました。しかしそれらはとても詳細で、読破して理解するのは大変です。 今回のブログでは手軽にレンダリングの概要を理解できるように心がけました。またより詳しく学べるようなリンクも記載しました。 そしてブラウザのレンダリングの仕組みを理解した上で、どのようなJavaScriptを書くべきかについても記載しました。 目次 ブラウザのレンダリングの仕組み この章では、HTMLとCSSが読み込まれてから画面に表示されるまでの間に、ブラウザがどのような処理を行っているかを説明します。 ファイル読み込みから表示までの一連の流れは以下図の通りです。 [1]
![[フロントエンド] ブラウザレンダリングの仕組みを理解して、ブラウザに優しいJavaScriptを書こう - YoheiM .NET](https://cdn-ak-scissors.b.st-hatena.com/image/square/705cdef7654f2f96a242f9a2834ce643b78de75c/height=288;version=1;width=512/https%3A%2F%2Fwww.yoheim.net%2Fimage%2F336.jpg)
ScaleOut | Supership
2024年4月1日より、Supership株式会社は親会社であるSupershipホールディングス株式会社に吸収合併されました。 合併に伴い、存続会社であるSupershipホールディングスは社名をSupershipに変更し、新たな経営体制を発足しました。本件に関する詳細は、プレスリリースをご確認ください。 2024年4月1日より、Supership株式会社は親会社であるSupershipホールディングス株式会社に吸収合併されました。 合併に伴い、存続会社であるSupershipホールディングスは社名をSupershipに変更し、新たな経営体制を発足しました。 本件に関する詳細は、プレスリリースをご確認ください。
Above the foldとは
この記事では、サイトのデザイン、レイアウトについて考えてみます。 「Above the fold（アバブ・ザ・フォールド）」という言葉を聞いたことがありますか？ Above the foldとは、スクロールしないで見ることができる画面の領域です。 上の図はGoogleの検索結果です。 太い赤線の上の領域がスクロールしなくても見える範囲、太い赤線の下の領域がスクロールしないと見ることができない範囲だとすると、上側の領域が「Above the fold」になります。 このAbove the foldの何が重要かというと、大切なコンテンツ、つまり訪問者に見てほしい・読んでほしいコンテンツはAbove the foldの中に収めるべきなのです。 訪問者は、訪れたページが自分にとって必要か不必要かを「３秒で決める」なんていうのはよく言われることです。 （誰が計ったんでしょう？（笑）） 訪問者を逃さず
Touch/pointer events test results
Some of the more interesting data points from running my various touch/pointer tests on a variety of devices/browsers. All tests carried out manually, trying to get the cleanest possible results (e.g. getting a “clean” tap without any finger movement). Most testing carried out against this simple event listener test. Some of these results first appeared in my presentation Getting touchy - an intro
Sharrre - A plugin for sharing buttons
Make your sharing widget! Sharrre is a jQuery plugin that allows you to create nice widgets sharing for Facebook, Twitter, Google Plus (with PHP script) and more. Create your own sharing buttons All sharing buttons are different, with Sharrre you can create uniform buttons to integrate with your designs. Improve your loading page With Sharrre, the API buttons are called on demand and once, regardl
Sassだとrgbaでの色指定に16進数カラーコードが使える
感動しました…Sassのファンになります CSSのrgba(r,g,b,a)、背景を透過させたい時とかに便利。ただ、rgbaで色書くのが面倒。Sassとか使ってる人だったら色を変数に入れるとかやってると思うけど、#00ffffみたいな16進数のカラーコードだと、パッと見rgba()には使い回せず書き直すしかなさそうに思える。 が!!!!!いけるみたいです!!!!! ここに書いてありました。 .hoge { background-color: rgba(#00ffff, 0.5); } と書くと、 .hoge { background-color: rgba(0, 255, 255, 0.5); } と出力してくれます!!!!ヤバいですね!!!!! ということは、変数が使えるということ。 $color: #00ffff; .hoge { background-color: rgba($col
Gruntで開発用と公開用のディレクトリを分ける
前々回前回Grunt、相変わらずちょいちょい弄って便利になるようにやってる。触り甲斐があって面白い。 今回は、開発用と公開用でディレクトリを分けるっていうのをやります 参考にさせていただきましたGruntで効率化！ リリース前の面倒な作業をまとめる | MONSTER DIVE【モンスターダイブ】grunt.js - grunt-contrib-connectでのルートフォルダ指定 - Qiita [キータ]ほぼ上記お二人の書き方丸パクリです!!!すみません!!!!ありがとうございます!!!!! この2記事と前回前々回とやって来たものを組み合わせた感じになっている。 やりたいこと開発時フォルダ監視Sass/Compassのコンパイルファイル保存時にブラウザを自動リロード公開時公開用ディレクトリにファイルをコピーHTMLのminifyCSSのプロパティを整理CSSのMedia Queries
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Gitでブランチを作るのを忘れてmasterにコミットしてしまったときの対処法 - Qiita