Introducing CSS Grid Inspector
CSS Grid Layout is a web-standard layout system used to define a grid structure of rows and columns in CSS. HTML elements can then be distributed to the resulting grid cells to achieve a flexible and predictable layout. This layout system is highly capable, but using it requires a shift away from the mental models of the past. When the grid definition itself is not visible (only its effects on the
Full Third-Party Cookie Blocking and More
This blog post covers several enhancements to Intelligent Tracking Prevention (ITP) in iOS and iPadOS 13.4 and Safari 13.1 on macOS to address our latest discoveries in the industry around tracking. Cookies for cross-site resources are now blocked by default across the board. This is a significant improvement for privacy since it removes any sense of exceptions or “a little bit of cross-site track
CSS Filters
Demo showing CSS Filter Effects 1.0, specifically the filter functions, which are being implemented in Webkit. In Webkit, filters can be applied to hw accelerated content ( e.g. img { transform: translateZ(0); } ). Support: Chrome 18.0.976.0, Webkit nightly -webkit-filter: none; blur grayscale drop-shadow sepia brightness contrast hue-rotate invert saturate opacity reset Animations: blur grayscale
Chromeに「CSS Filter Effects」が実装
Google Chrome runs web pages and applications with lightning speed. 6月4日(米国時間)のChromium公式ブログにおいて、「CSS Filter Effects」が紹介されている。「CSS Filter Effects」は、W3Cが3月末に公開したドラフト仕様である「Filter Effects 1.0」を、ChromiumのWebKitに実装したもの。最新のChromium 19で利用できる。 Chromiumに実装された「CSS Filter Effects」は現在、グレースケール[grayscale()]、セピア[sepia()]、彩度[saturate()]、不透明度[opacity()]、輝度[brightness()]、コントラスト[contrast()]、ぼかし[blur()]、反転[hue-rotate
15 Fresh And Free Download GUI Kits for Android Developers
According to wikipedia Android is a Linux-based operating system for mobile devices such as smartphones and tablet computers , developers are increasingly interested in this platform that’s why today’s post you will find a fresh collection of Android GUI kit for developers , Chech Out them. ! Android: elegant FM
SRWare Iron - The Browser of the Future
Simplicity Nobody likes bloatware. We provide you a clean peace of software which only installs and does what you want. Security and Privacy SRWare Iron is the browser which can be totally 'quiet'! That means: Your private sphere will stay private! You only give that informations away from which you really want it.
iScroll 4 – Matteo Spinelli's Cubiq.org
iScroll finally received a complete rewrite. Now it’s smoother than ever and adds some new important features: pinch/zoom, pull down to refresh, snap to elements and more custom events for a higher level of hackability. Download Screencast Live Demo GitHub Forum Project info Last code update: 2012.07.14 – v4.2 Device compatibility: iPhone/Ipod touch >=3.1.1, iPad >=3.2, Android >=1.6, Desktop Webk
【javascript】webkitのデスクトップ通知のデモ:</gecko>：げことじ。：日常からWEBまで：
さっそく試行錯誤したデモを作ってみました。 http://gecko.hp2.jp/chrome_notify/ サポートの有無 if(window.webkitNotifications){ $("#webkit").html("webkitNotificationsをサポートしている"); }else{ $("#webkit").html("webkitNotificationsをサポートしていない"); } 通知の許可をさせるにはクリックなどユーザーの動作が必要っぽい。 $("#request-permission").click(function(e) { e.preventDefault(); window.webkitNotifications.requestPermission(function(){ if(cb){ cb(window.webkitNotificatio
Tom Giannattasio | Designer + Founder
I lead a team working on design tools at InVision. I founded and built Macaw, which was acquired by InVision in 2015. I also worked at nclud designing products for Apple and Oracle. In 2012, I went to Twitter by way of an acquihire. I left shortly after to help MIT design and launch edX. I also speak, teach and write about design. I live with my beautiful wife and three kids outside DC. I design t
CSS3 グラデーション WebkitとFirefoxが同じに！
2011年1月14日の Webkit.org の Surfin Safari にて CSS3 のグラデーションの記述が変更になったことが紹介されました。CSS3 グラデーション は、Webkit が2008年に最初に紹介した CSSのプロパティです。今回、この記述方法に変更がありました。 現在は、Safari4+、Chrome、Firefox3.6+ でサポートされています。 今まではWebkit系の Safari4とChromeの CSS3 グラデーションの記述方法と、Firefoxのそれでは大幅に違いました。 いままでの記述方法 Safariとchromeの場合 background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.39, rgb(108,218,3)), color-stop(0
CSS3 Animated Bubble Buttons | Tutorialzine Demo
Looks best in Safari & Chrome, degrades gracefully in the rest.
Convert HTML to PDF in PHP (libwkhtmltox extension) | Perplexed Labs
A common problem when developing a web application is having producing a high-quality PDF out of an existing layout/view/template. Perhaps for a reporting engine, an invoice, a receipt, or any number of other situations. Often this involves using somewhat cryptic output primitives and creating the PDF by hand. Wouldn't it be nice if there were a way to re-use all that beautiful HTML, CSS, and mayb
[CSS]iPhoneでsubmitボタンのテキストがずれた時の対応方法
submitボタンのスタイルがiPhone(Mobile Safari)で、テキストがずれたり、「border-radius」の角丸が期待より丸くなってしまった際の対応方法を紹介します。 Styling Submit Buttons for Mobile Safari デモページ キャプチャの元画像：協力（@sparrowSeven） この現象はデスクトップ用のブラウザ（Safari, Firefox）では起きませんでした。また、iPhoneのシミュレーター（iBBDemo2）でも確認できませんでした。iPhone4固有の現象のようです。 原因と思われるのはpaddingの値が正常に適用されていないような感じで、未対応時、対応時のスタイルシートは下記の通りです。 未対応時のスタイル HTML HTMLは非常にシンプルです。
webkitTransitionEndでCSS3の-webkit-transitionにコールバック関数を設定: JavaScriptメモ
CSS3のアニメーションメソッド｢-webkit-transition｣のアニメーション終了時のイベントは｢webkitTransitionEnd｣で設定が出来る。 $(this).bind('webkitTransitionEnd', function() { //コールバック関数 }) 便利ですわ。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
HTML 5 Notification - Xpert Developer
http://mofmof-js.googlecode.com/svn/trunk/0.1/test/showcase/particle/30000.htm
SoHaya.com is for sale | HugeDomains
Admiral
WebKit HTML 5 SQL Storage Notes Demo
http://bradshawenterprises.com/tests/formdemo.php