CSS Grid for UI Layouts – Mozilla Hacks - the Web developer blog
CSS Grid is a great layout tool for content-driven websites that include long passages of text, and it has tremendous value for a variety of traditional UI layouts as well. In this article I’ll show you how to use CSS Grid to improve application layouts that need to respond and adapt to user interactions and changing conditions, and always have your panels scroll properly. CSS Grid builds website
UIViewをくり抜く – morizotter blog
UIViewがuserInteractionEnabled = trueの時は、レスポンダーチェーン的にそこでチェーンが止まり、その下にあるビューにタップが伝わらない。そこで、UIViewの一部のタップを無効にしてその下にあるビューにタップを伝えたい。どうすればよいか？ タップ無効領域を作る UIViewのhitTest:withEvent:というメソッドを作って、タップ反応領域はselfを返す。タップ無効領域はnilを返すということで、簡単にUIViewをくり抜くことができます。ちなみに、今回、タップ無効領域はUIBezierPathを使って作成しています。UIBezierPathはcontainsPoint:というメソッドを持っていて、領域判定にこちらを使うとかなり便利です。 import UIKit class HollowView: UIView { override func h
20 amazing examples of WebGL in action
WebGL is a JavaScript API based on the well-known OpenGL 3D graphics standard, and it gives JavaScript plugin-free access to the graphics hardware, via the HTML5 canvas element. It's thanks to WebGL that we can include real-time 3D graphics in web pages. Apple are supporting the standard too, so we can (hopefully!) expect to see it cropping up in Safari on Macs, iPhones and iPads sometime (though
25 cool CSS animation effects and how to create them
It might seem like CSS animation is rather limited as a resource, but that can also be one of its advantages. In fact, it's that simplicity that makes some of the good CSS animation examples we've seen on websites and apps work so well. CSS can be used to create smooth 60fps animations, and best of all it's relatively easy to use
全8サイト！SNSのカウント取得方法まとめ 2014年6月版
ソーシャルシェアボタンをオリジナルデザインにしたかったり、いいね！数のデータを元にランキングシステムなどを作りたい場合に役立つ「ソーシャルカウントの取得方法」をまとめました。取得方法はサーバーサイド(PHP)、クライアントサイド(Javascript)の両パターンを取り上げています。よろしければ参考にしてみて下さい！なお、Twitterのカウントは2015年11月20日以降、取得できなくなりました。
Animatable: One property, two values, endless possiblities
box-shadow ◀ ▶ From: 0 0 black To: 0 150px 10px -50px rgba(0,0,0,.5) Author: @leaverou Tweet
Examples of Creative Contact and Web Form Designs - Designmodo
With Postcards Email Builder you can create and edit email templates online without any coding skills! Includes more than 100 components to help you create custom emails templates faster than ever before. Free Email BuilderFree Email Templates Text field, Password field, Telephone number field, Date field, Checkboxes, Radio buttons, Lists, Drop-downs, Multiple line text fields and others. As for t
新しくなったdotcloudでnode.jsのHello Worldを動かしてみたよ。 - 小さい頃はエラ呼吸
はじめに 最近新しくなったdotcloudでnode.jsのアプリケーションをデプロイして、動かしてみました。 このエントリを書くにあたり、以下のエントリを参考にさせていただきました。 Node.js+expressアプリをDotCloudにデプロイするまで - ksk_kbysの日記 DotCloud Documentation はじめてのNode.js -サーバーサイドJavaScriptでWebアプリを開発する-posted with amazlet at 13.05.07松島 浩道 ソフトバンククリエイティブ 売り上げランキング: 13,641 Amazon.co.jpで詳細を見る dotcloud（ドットクラウド） dotcloudはnode.jsやRubyを動作させることができるプラットフォームを提供しているクラウド環境です。 Platform as a Service=Paa
vimrc展示会場 - VimWiki
ﾌｩｰｲｾｫﾓ遧Cﾐｵﾖﾆﾔ�ﾓﾐﾏﾞｹｫﾋｾ｣ｨﾔｭﾌｩｰｲ蜻下僂ﾐｵ輯｣ｩﾒﾀﾍﾐﾌｩｰｲﾌｩﾉｽｽｯ僂ﾐｵﾖﾆﾔ�ﾓﾐﾏﾞｹｫﾋｾﾘSｸｻｵﾄﾉ峵aﾙYﾔｴｳﾉﾁ｢,ｾﾟﾓﾐ20ｶ狷�ﾖﾆﾔ�嘛ﾊｷ�����｣ｬﾊﾇﾖﾐ�峵a蜻下僂ﾐｵ���｡｢ﾒｱｽCﾐｵｵﾄ献露ﾖﾆﾔ�ｹｫﾋｾﾖｮﾒｻ ﾌｩｰｲｾｫﾓ遧Cﾐｵﾖﾆﾔ�ﾓﾐﾏﾞｹｫﾋｾ ﾂ苫ｵﾈﾋ｣ｺ┐ｿ� ﾊﾖ僂｣ｺ15605385156 13793807682 �間張ｺ0538-8560687 �譽ｺ0538-8560686 濔ｾ璽ｺ271000 ｵﾘﾖｷ｣ｺﾌｩｰｲﾊﾐﾌｩﾉｽﾇ犇ｺ�祷I饑ｰl�^
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
CSS Custom Properties
April '11 Geektool Desktop
Smooth Scrolling without jQuery (Example)
AMP by Example
https://github.com/hokein/electron-sample-apps/tree/master/webview/browser
SVG Loaders - Sam Herbert
https://artminister.com/lab/facebook-timeline-html-css
Tween.js / graphs
Hackery, Math & Design — Acko.net
Theming of the sidebar / General forum / Sublime Text 2
Yahoo! Weather - Akita, JA