Apple has a private CSS property to add Liquid Glass effects to web content
I have an incredibly boring summer hobby: looking at the changelog for the WebKit Github repo. Why? Because I spend a chunk of my professional life working with webviews inside mobile apps and I like to get an early peek into what's coming in the next version of iOS. Since Tim Cook has yet to stand up at WWDC and announce "one more thing... Service Worker support in WKWebView, provided you add the
GitHub - style-dictionary/style-dictionary: A build system for creating cross-platform styles.
See documentation Style once, use everywhere. A Style Dictionary uses design tokens to define styles once and use those styles on any platform or language. It provides a single place to create and edit your styles, and exports these tokens to all the places you need - iOS, Android, CSS, JS, HTML, sketch files, style documentation, etc. It is available as a CLI through npm, but can also be used lik
Scroll Bouncing On Your Websites — Smashing Magazine
In this article, William Lim describes the effect of scroll bouncing and how it works on different web browsers. It contains reviews of several different solutions that are suggested on the web that can be used to prevent scroll bouncing. The CSS property, overscroll-behavior, which was implemented in Chrome on December 2017 and in Firefox on March 2018, is also described here. A good understandin
Webプログラマから見たiOS9 Safari9のCSS/JavaScriptなどの新機能解説 - Qiita
iOS9がリリースされ、iPhone6sも発売され、iOS9 Safari9で使える新機能をWebプログラマ目線で使ってみたいものをいくつか試してみました。iOSはアップデートの進捗がわりと良いので、新機能でもモバイルサイトであれば積極的に使える…はず。デスクトップ版の方は…お察しください。 ぶっちゃけ今回はそこまで目玉機能はなく、地味です。地味ですが、SafariでWebアプリを作れるようになりそうな気配がどことなくするようなしないような感じの内容です。残念ながらServiceWorkerには対応していないので、それに対応してくれたらもっとアレなんですが。 iOS Safari9の新機能（OSX版含む） CSS系 backdropフィルタ対応 新し目のiOSやOSXとかのメニューバーが半透過されるあれが作れます。要は背景要素に対してフィルタがかけられるプロパティです。綺麗で良いですね。
Touchstone JS – What’s Coming for This UI Framework
TouchstoneJS – Creating Your Visual Interaction People have the habit of checking their smartphones every few minutes, but they rarely think about how the app interface is made. Software-developing specialists utilize a variety of programming tools for the applications themselves, however, when it comes to making that part of the application that users interact with, developers use UI (user interf
“There Are More Bugs In Mobile Than… Particles In The Universe!” — Smashing Magazine
If you run into technical problems in mobile, then you’ll know how annoying fixing them can be. We have all been there. But no, mobile isn’t actually dark matter, but it does require you to learn a few new things, some of which are quite confusing. That’s why we’ve teamed up with Peter-Paul Koch to create The Mobile Web Handbook, our practical new guide to dealing with front-end challenges in mobi
iOS 8 and iPhone 6 for web developers and designers－firt.dev
next evolution for Safari and native webapps by Maximiliano Firtman Twitter @firt About Newsletter Published 12 years ago (17 Sep 2014) About 14 min reading time #ios #safari #webview iOS 8 is finally here while the new iPhone 6 and iPhone 6 plus will appear in a few days. New APIs appears on scene, as well as new challenges to support the new screen sizes. I’ve been playing with the final version
yidev@渋谷勉強会 で「iOS で CSS スキニング」について発表してきました
6/22 に渋谷で開かれた yidev@渋谷勉強会 第一回 で発表してきました。 主催の @takayama さん、参加者のみなさんお疲れ様でした。とても楽しかったです そして発表資料の公開がおそくなってすみません。 以下、資料です。 ちょっと日本語が変だったりしたので少し修正したのをあげました。 NUI は使っていて結構便利なんですけど、いかんせんそれぞれのインスタンスで nuiClass を指定するのがちょっとめんどくさいですね。 コメントアウトと CSS でいうところの font-family 的なフォントの指定機能は欲しいので時間あるときにでもパッチを書こうかなとおもってます。 ではでは。
jsdo.it
We’re getting things ready Loading your experience… This won’t take long.
NimbusKitでiPhone画面デザインがCSSでできるというのを試してみた | エンジニア開発記
GoogleMapがiPhoneでリリースされて、それにはNimbusKitが使われてるらしい！ NimbusKitではCSSでViewの外見が設定できるらしい！ って噂を聞いたので、噂のNimbusのサンプルをいじってみました NimbusKitでできること サンプルには三種類のプロジェクトが入ってて、その中はサンプルがいっぱい入ってて・・・という普通の構成でした。 機能としては大きく分けると２つ、「みんなが使ってたもののコードが簡単にかけるようになったよ」というものと「Nimbusだからこそこれができるよ！」というものに勝手に分けました。 まず、「みんなが使ってたもののコードが簡単にかけるようになったよ」は、見ててもあんまし面白く無いので省略。 ちょっとだけ書くと、UILabelの拡張やらNavigationBarの色変更、ネットワーク経由の画像表示などです。 それぞれ個人で工夫してク
CSSライクにUIKitをスタイルできるNUIがおもしろい！ - yaakaito.org
こんにちは！うきょーです！ Objective-Cアドベントカレンダー2012 6日目の記事です。 AppCodeのことを書こうと思っていたのですが、今日 NUI というライブラリを見つけて、今僕の中でアツいので紹介しようと思います。 サンプルも書いていたのですが、アドベントにカレンダーできなさそうなので、今回は紹介だけです。 NUIって何 NUIはCSSライクにUIKitのスタイルを指定できるライブラリです。 READMEからの引用ですが、こんな感じに定義することができます。 @primaryFontName: HelveticaNeue; @secondaryFontName: HelveticaNeue-Light; @primaryFontColor: #333333; @primaryBackgroundColor: #E6E6E6; Button { background-co
iOS6でtransitionアニメーションが少し遅れて開始する問題
iOS6でtransitionアニメーションが少し遅れて開始する問題 よくあるスワイプギャラリーを作成しているとiOS6でアニメーションが少し遅れて開始する問題にぶつかりました。 どういった感じかというとスワイプ終了時に以下のようにしてtransitionを利用して規定位置までアニメーションさせようとすると一拍あいてから動き出す。iOS5だとちゃんと動作します。 $("#carouselInner") .css("-webkit-transition","-webkit-transform 600ms ease") .css("-webkit-transform","translate3d("+x+"px,0,0)"); 色々調べていると以下のページに行き当たりました。 iOS6 html hardware acceleration changes and how to fix them
MiniApps UK: Boost Productivity with Top-tier Apps
Keep up with emerging trendsWant to improve your knowledge? Mini Apps is here for you! Coins Obtaining cryptocurrencies is different from obtaining physical currency. Instead of getting shares or physical money, you get the digital coins instead. READ MORE Mini Apps MiniApps is a visual editor with plugins that make it very easy to come up with a chatbot. You do not need to have any special skills
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - IjzerenHein/autolayout.js: Apple's Auto Layout and Visual Format Language for javascript (using cassowary constraints)
Classy
iOS6 html hardware acceleration changes and how to fix them | indiegamr
Happy fun iOS-inspired feelgood funtime popup CSS3