Grid “fallbacks” and overrides - rachelandrew.co.uk
The layout for this cheat sheet uses CSS Grid Layout. It looks like your browser doesn't support it yet. Find out about support for CSS Grid Layout. Defined in the CSS Grid Specification are the ways in which grid interacts with other layout methods. These definitions mean that as soon as an item becomes a grid item, other behaviour that you may have used for older browsers is overwritten. This me
年に6000万円以上稼いでいる方に、「お金を稼ぐためにはどうすればいいのか？」と尋ねてみた話 - あべべーのシティろぐ
過去、ベンチャー企業にインターンシップをしていて、その会社の社長と話をする機会が何度かあった。 大学生という立場で仕事をしていると、そういったベンチャー系の社長さんは結構、親身になって勉強になる話を聴かせてくれたりする。 色々なタイプの社長がいるが、皆総じて個性が強い。そして持っているバックグラウンドも異色だった。 その中でも、特に面白いと感じた人の話があるので紹介したい。 その人は、「大学卒業後、証券会社に勤め、個人投資家になり年に6000万円以上稼ぎ、その後会社を設立した。」というとんでもない背景を持つ人だった。 お金を沢山稼ぐためにはどうすればいいのか？ たまたま、その社長さんとお話をする機会があったので、僕はここぞとばかりに聞きたかったことを聞いてみた。 「社長、沢山お金を稼げるようにはこれから何を勉強すればいいんでしょうか？」 社長はしばらく考え込む。我ながら抽象的でバカな質問を
Dragscroll demo
every area on this page can be scrolled by dragging with the mouse Event horizon In general relativity, an event horizon is a boundary in spacetime beyond which events cannot affect an outside observer. In layman's terms, it is defined as "the point of no return", i.e., the point at which the gravitational pull becomes so great as to make escape impossible. An event horizon is most commonly associ
webpackを使い倒す - Thujikun blog
本エントリーJavaScript Advent Calendar 2014 7日目の記事になります。 webpackとは 概要については最近いろんな方が書いてるいるのでそちらを参考にしていただければつかめるかと。 全部のせRequireJSっぽいWebpackを使ってみた。 RequireJS等はもう古い。WebPackとは？ ようはナウいフロントエンドの依存解決ツールですね。 っていうネタで書こうと思っていたら、昨日yutaponさんが既に書いていたりするので（gulp.jsを使ってフロントエンドのビルドをする【webpack, stylus】）、いいところはパクリ参考にしつつ、もうちょっとwebpackに突っ込んだ内容を書いてみようと思います。 Options entryとoutput 簡単に試すときはentryは1ファイルだけ指定できればよいですが、実際にプロジェクトで使うとなると複
Stronghold
/* ALL（共通） */ .box{width: 200px; height: 200px; line-height: 200px; text-align: center; position: relative;} .bd div{background: #000; position:absolute;-webkit-transition:all 0.3s;transition:all 0.3s;} .bd div.bdT{width: 100%; height:2px; top:0; left:0;} .bd div.bdB{width: 100%; height:2px; bottom:0; right:0;} .bd div.bdR{height:100%; width :2px; right:0; top:0;} .bd div.bdL{height:100%; width :2
HTML5のCanvasに描かれる「アートスクリプティング」とにかく美しいJavaScript表現のまとめ28個！
動くぞ！きれいだぞ！ ﾍ(･_･ﾍ) とにかく痩せたい、HTMLファイ部のほんだです。 jsdo.it、nakamap、Paberish、HTML5実力テストといった自社運営Webサービスの HTML5エンジニアを担当している者です。 jsdo.it、ユーザー数 5万人突破！ 手前味噌ですが、このたび弊社運営のHTML5コード共有コミュニティ「jsdo.it」が、 ユーザー数 5万人を突破しました！（わーい！） 今回の記事では、jsdo.itのユーザー5万人を記念して、 HTML5 Canvas に芸術的な動きを表現しているJavaScriptコード「アートスクリプティング」を特集します！ あまり一般的ではないようですが、「アートスクリプティング」という言葉でくくってみました。 Canvasアートスクリプティング特集！ 説明不要！ 気になったコードは是非のぞいてみてください！
この発想がすごい！次世代表現のヒントがいっぱいのWebサイト
IKEA | TRY ON A NEW SOFA... / uniqlo undercover / TIERRA | 福岡市中央区平尾の美容室 ティ...他...全5件
Node.JS Module Patterns
Using Simple Examples Darren DeRidder / @73rhodes Modules for n00bs Node.JS - a Common.JS Module Implementation Your code uses require to include modules. Modules use exports to make things available. Common.JS An ecosystem for JavaScript outside the browser Modules Promises Binary Filesystem Console System Testing Kevin Dangoor, What Server Side JavaScript Needs "What I’m describing here is not a
Free online mp4→webm
Video converter to convert to the WebM format (VP8) This free online converter lets you convert your video to the WebM format. The WebM format and the underlying VP8 codec have been developed to become the new video standard. With the help of HTML5 there is no need anymore to install extra codecs to see a WebM video. To convert a file to WebM, you can either upload a video file or provide a link t
[Android] ブラウザ上でのJSログをPCの画面で確認する - YoheiM .NET
こんにちは、@yoheiMuneです。 Androidに取り組むことを決意！！特にAndroidブラウザやChromeに対する知識を深めて、開発やデバッグを行いやすいようにしたいと思います。 今日は、adbを使ってAndroidブラウザーのJSログを、PCで表示する方法を書きたいと思います。 Special Thanks to http://flic.kr/p/bkDxsm この記事で伝えたいこと この記事では、Android端末をPCと接続して、PCでAndroidブラウザのログ（console.logなど）を確認する方法を説明します。 Androidはなかなかデバッグしづらいなぁと感じる毎日です。同じ思いを感じる人々に、自分の学んだデバッグ手法をお伝えできればと思います。 ブラウザ上でJSログを確認する一番簡単な方法 一番簡単な方法は、ブラウザのURL欄に「about:debug」と入
![[Android] ブラウザ上でのJSログをPCの画面で確認する - YoheiM .NET](https://cdn-ak-scissors.b.st-hatena.com/image/square/f33d01cd9fc0eb88142c413fac63e96710b5c603/height=288;version=1;width=512/https%3A%2F%2Fwww.yoheim.net%2Fimage%2F320.jpg)
Roll.js Demos
roll.js A tiny javascript library to track scrolling and stuff. Current step Current step progress Current position Total progress Steps Viewport height Roll height Padding between steps100px Jump to step 2 step 4
Creating a Film Grain Effect with CSS3 | Viget
We’re a full-service digital agency that’s been helping clients make lasting change since 1999. Contact Us We were thrilled to work with the Wildlife Conservation Society on 96elephants.org. The site tells the story of ivory poaching through maps, infographics, and photos, urging users to take action on the behalf of elephants. The site turned out beautifully, partly thanks to the stunning high-re
[JS]サイズが不明な画像を指定したエリアにフィットさせたり、配置を調整できるスクリプト -Image Scale
画像の長い辺に合わせて、フィット Image Scaleの使い方 Step 1: 外部ファイル head内にjquery.jsと当スクリプトを外部ファイルとして記述します。 <head> ... <script src="jquery.js" type="text/javascript"></script> <script src="image-scale.js" type="text/javascript"></script> </head> Step 2: HTML 大きさを調整したい画像に「class=scale」を加えます。 <div class="image-container"> <img class="scale" src="img/example.jpg"> </div> さらに、画像の位置などを設定する場合はdata属性を加えます。 <div class="image-c
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Conversion of lat/lng coordinates to pixels on a given map (with JavaScript)
A horizontal scrolling navigation pattern for touch and mouse with moving current indicator
CodePen - Modern Tabs Design with pure CSS
jsdo.it
https://github.com/bmcmahen/canvas-image-cover/blob/master/index.js
Glitch CSS 404
Canvas film grain