Sketch for Beginners: Design a Login Form Interface | Envato Tuts+
Sketch, made by the nice folks at Bohemian Coding, is an excellent program for interface design. This beginner-level tutorial will introduce you to designing with Sketch. You won't need any previous experience with the program, just some free time to spend learning something new. I will show you how to setup a simple artboard, how to create shapes using basic tools, boolean operations, the Inspect
A more robust equal heights library
matchHeight makes the height of all selected elements exactly equal (2014) Modern browsers This library was developed before related functionality became available in the browser. Therefore it's now strongly recommended to use more modern CSS techniques in place of this library. For some alternatives see CSS Flexbox and CSS Grid. Features match the heights for groups of elements automatically use
Making SVGs Responsive with CSS | Codrops
An article on how to make embedded SVGs cross-browser responsive. We’re going to cover embedding techniques, how to apply the “Padding Hack” and how to use inline media queries to make SVGs adaptive. An SVG can be embedded on a web page in many ways; one of which is embedding it inline in an HTML5 page using the <svg> tag. The other commonly used techniques include embedding it as an image using t
Sketch Resources — ustwo Learn
Plugins & AppsSketch Toolbox → A super simple plugin manger for Sketch *MUST HAVE*Sketch Commands [NEW] → A Sketch port of Orange Commands for Fireworks Paparazzi (Paparazzi download here) → Import any website into to Sketch as an editable fileGenerate ICNS → Generate an Apple Icon ImageSync Plugins → Sync local plugins with their master version at GitHubClear Styles → Clear all style properties f
JavaScriptはいかにしてprototypeを捨てクラスベース継承を得るのか - なんたらノート第三期ベータ
きっかけは、prototype と constructor と __proto__ の関係を再確認していたときでした。JavaScriptはこうだけど、これって、AltJSな言語の継承はどうなってるんだろうと思って試したくなりました。 ちょっと気持ち的に、なんだか宗教に入ったみたいに俺は JavaScript がわかったって声高に言う人、だいたいみんな、プロトタイプチェーンによる移譲がクラスベースの継承に束縛されていた思考のブレイクスルーなんだぜ、みたいに言うんだけど、いったいそれがどれほど素晴らしいものなんだろうと考えてしまい... もしプロトタイプチェーンがそんなに素晴らしいんなら、npm にあるほとんどのライブラリがチェーンを活かして作られてない理由が説明できない。もしかしたら、仕組みがいくら面白くても、実際のメンタルモデルにフィットせず、実は使い物にならないんじゃないか ----
VCファンディングの基礎
VCファンディングについてのノウハウをまとめました。 以前、Samurai Startup Islandで行ったセミナーの資料をベースにしています。 なお、これに近い内容のプレゼンをした時の動画が、以下のサイトにアップされています。 http://globis.tv/movie/?e=1582 Pre-money, Post-moneyなどの概念が理解しにくいという方は、動画をご覧になることをお勧めします。Read less
デキるプログラマだけが知っているコードレビュー7つの秘訣
SonicGarden Study #11で放送された資料から一部スライドを抜いたものになります。 http://sonicgarden.doorkeeper.jp/events/13229 ----- 優れたプログラマだけが優れたソースコードを書くことができます。 では優れたプログラマになるにはどうすれば良いでしょうか。 自分の書いたコードを、優れたプログラマに指摘してもらうことが一番の近道です。それがコードレビューです。たった一人でコードレビューも受けずに、ただ書き続けてもクソコードはクソコードのままなのです。 そこで今回は、良いコードが書けるプログラマになるための、コードレビューを上手に実践する秘訣を話します。Read less
fluentdで集約したerror_logをslackに流すと捗る - UNIX的なアレ
nanapiでは社内のチャットツールに、Slackを導入しています。Slackの便利なところはintegration周りで、要するに他のツールとの連携が非常にし易いんですね。そういった、Chatを中心にした業務効率化を最近ではChatOpsと呼んだりします。 http://nanapi.co.jp/blog/2014/07/24/nanapi_chatops/ ChatOpsの重要な点はコンテキストを共有できる点ですよね。「○○ってエラーログが出てるよ」みたいな情報を直接誰かに伝えるのではなく、ログが出ているという状態をChatを経由して同じものを見ることで、説明が非常にラクになります。 ほかにもデプロイをHubot経由で指示したり、ステータス取得をしたりなど様々な使い方がありますがやはり重要なのは同じ画面を皆が見ているということですね。そういった点がChatOpsの大きなメリットとしてあ
おサイフケータイすら不要になる、PayPal Beaconを徹底まとめ。未来はBLEによるクレジットカード決済の時代なのかもしれません。 - クレジットカードの読みもの
おサイフケータイのように専用端末に携帯電話を近づけなくても、モバイル決済のようにクレジットカードを取り出して処理してもらわなくても、クレジットカードで簡単に支払いが出来る…。 そんな夢のようなサービスがiPhone6発売とともに広がりを見せそうなので、先取りして記事しておきますね。これを読んだらみなさんも、『確かにおサイフケータイ、不要になっちゃうかも…』と思うこと、間違いなしですよ。 PayPal Beaconを徹底まとめ： iBeaconはBluetooth通信を利用した機能： ざっくりiBeaconを説明： 通常のiBeaconの使い方： もっとiBeacon機能を知りたい方に： これを支払いに適用したのがPayPal Beacon： 動画の中では携帯１つで買い物をしている： iBeaconを利用すれば支払いがもっと楽になる： コンビニでの支払いもハンズフリー： PayPal Bea
「Vim Bootstrap」を使っておけば、なんちゃって Vimmer も幸せになれる - 大学生からの Web 開発
なんちゃって vimmer （自分）。 つい先ほどこんな記事を書いたばかりなのに Your configuration generator for NeoVim and Vim - Vim Bootstrap を見つけて、どんどん拡張していってる。 最近導入した vim プラグイン をまとめる - 大学生からの Web 開発 Vim Bootstrap は 自分の使用する言語に合わせた .vimrc を提供してくれるサービス。多く使われている設定、プラグインが入ってておすすめできる。 使い方 Your configuration generator for NeoVim and Vim - Vim Bootstrap にアクセスして自分の使う言語を選択して generate する。 vimrc というファイルがダウンロードされる。 $ mv ~/Downloads/vimrc ~/.vim
Dynamic Heatmaps for the Web
heatmap.js Dynamic Heatmaps for the Web heatmap.js is a lightweight, easy to use JavaScript library to help you visualize your three dimensional data! Use it to add new value to your project, build a business based on it, study and visualize user behaviour, or why not build something completely crazy/awesome? Whether you want to have an aggregated overview of your users behaviour, or look at thous
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
PDF 2 SVG Converter
コマンドによる「負荷」の原因切り分け
東京メトロ、列車の在線位置など全線オープンデータ化、車両の所属会社も