Swarmで使われている六角形のプロフィール画像はちょっと流行りそう。CSSだけで行えるように考えておくとなんかの時に役に立つはず。難しく考えずに擬似要素で三角形を作るテクニックを反転させて重ねるだけでも良かったけど、CSSグラデーションで重ねた方がフレキシブルに作れた。 Demo: CSS HEX Clip 切り抜きはCSSグラデーションを上に重ねて行うので、何らかの要素で括る必要がある以外には特別なマークアップは必要ない。 .hexclip { display: inline-block; position: relative; line-height: 1; background-image: linear-gradient( 30deg, #fff 0, #fff 18%, transparent 18%, transparent 100% ), linear-gradient(
2014-05-18 私はブラインドタッチが出来ない 私が最初にパソコンに触ったのは1988年頃。 自宅でパソコンを買ったのは1993年頃。それからずっとパソコン通信をやってきた。 インターネットは1997年から、WEBサイトは1998年から、WEB企業には2002年から勤めてきた。 でも、そうやってパソコンを使う生活を送りながらも、どうしても身につかなかったものがある。それはブラインドタッチw 私はキーボードを見ないで文章を打つことが出来ないのだ。 何度かタイピングゲームで試してみたことはある。でも結局、自分の体が覚えなかったし、我流でキーボードを見ながらの方が圧倒的に速く打てた。私はキーボードを打鍵する時も左手はほとんど使わず、右手を高速で駆使する。ちなみに2003年頃までローマ字入力ではなくカナ入力だった。 ちなみにキーボードは、Happy Hacking Keyboard Prof
WEB系の情報セキュリティ関連の学習メモです。メモなので他情報のポインタだけ、とかの卑怯な記事もあります。 ※2020.9 注記:本ブログの解説記事は内容が古くなっております。OWASP ZAPなどのソフトウェアの解説は現行バージョンの仕様から乖離している可能性があります。 mixiの脆弱性報告制度の総括記事を書こうと思い、報告した脆弱性の評価が確定するのを待っていたのだが、最後の一件の評価がなかなか戻って来ないため問い合わせたところ、修正方法を含め時間がかかる、との事だった。 そのため、一件評価が未確定のものが残ってはいるが、評価が出るのを待っていたら遅くなりそうなので、先に今回の脆弱性報告制度に参加した感想を書いてしまおうと思う。 報酬 報告した脆弱性：15件 評価された脆弱性：4件 （評価が確定していないものが1件残っている） いただいた報酬：現時点までの合計 ￥475,000（Am
From Fluentd Meetupに行ってきました これを読んだ時、BigQueryの検索スピードについてちょっと補足したくなった。確かにFluentd Meetupのデモでは9億件を7秒程度で検索していたが、BigQueryの真の実力はこれより1〜2ケタ上だからだ。ちょっと手元で少し大きめのテーブルで試してみたら、120億行の正規表現マッチ付き集計が5秒で完了した。論より証拠で、デモビデオ（1分16秒）を作ってみた： From The Speed of Google BigQuery これは速すぎる。何かのインチキである（最初にデモを見た時そう思った）。正規表現をいろいろ変えてみてもスピードは変わらない。つまり、インデックスを事前構築できないクエリに対してこのスピードなのである。 価格も安い。さすがに120億行のクエリは1回で200円もかかって気軽に実行できなさそうであるが、1.2億
Photoshop has always been my favourite tool ever since I started making websites. It’s always been pretty much the same — open photoshop > make a new document with a grid which is approx. ~1400px wide > and start designing. When the design was done. I would usually print out paper mockups in A3-format and glue it to black cardboards and also upload JPG images to a web server, so the client could s
今までは主にアニメーションGIFで作られていたローディング・アイコンをCSSアニメーションで作るみたいなのが流行っている。面白いとは思うし、ちゃんと作ればスケーラブルなので便利そうでもある。けれどもローディング・アイコンを表示するための空要素が必要になり、かつ後にそれを消さなくてはならない。CSSだけだと面倒くさそうだ。 どういうローディング・アイコンかはこの際問題ではないので、とりあえずmain要素以下に何かしら(仮にサムネイルとする)をロードするまでローディング・アイコンを表示することを考えてみる。普通はJavaScriptでローディング・アイコンの追加→サムネイルのビルド→ローディング・アイコンの削除→サムネイルの追加とやるわけだけど、ローディング・アイコンの追加と削除でDOM操作を伴うのはコストがある気がする。 <main id="result"> <div class="spin
Browser extensions vs your JavaScript What do browser extensions do? From the Chrome Extension Docs... Content scripts are JavaScript files that run in the context of web pages. By using the standard DOM, they can read details of the web pages the browser visits, or make changes to them. JS is running in your app that you didn't put there. Show me proof! DIY JS error logging window.onerror = funct
Adtile Technologies wrote this on Mar 3, 2014 Today, we are open sourcing the JavaScript code and the assets we used to build the above functionality for our new website. The code and examples are hosted on GitHub and can be found from here. There’s a live example too, under our site, give it a spin. Below is a list of some of the features provided: Fixed Nav Features Fixed positioned, always vis
ECMAScript tools composable modules and transpiler infrastructure Yusuke Suzuki (a.k.a Constellation) self introduction ECMAScript engine iv / lv5 (written in C++) owner Esprima committer Escodegen owner Esmangle owner background ECMAScript everywhere ECMAScript is now widely used client side server side databases And ECMAScript tools are also developed widely ECMAScript tools tools UglifyJS closu
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く