米Googleは4月3日（現地時間）、ChromiumプロジェクトのWebレンダリングエンジンを従来のWebKitからフォークしたオープンソースの「Blink」に切り替えると発表した。 WebKitは、Google Chromeの他、米AppleのSafariやノルウェーのOperaが採用しているオープンソースのレンダリングエンジン。GoogleはWebKitプロジェクトの中心的な存在だ。 GoogleはBlinkへの切り替えの主な理由として、ChromeでWebKitベースの他のWebブラウザと異なるマルチプロセスアーキテクチャを採用していることが、WebKitとChromiumの双方のコミュニティーの複雑さを増加させる原因になっており、イノベーションのスピードを減速させてきたことを挙げた。 また、Blinkの目標の1つはWebアプリの高速化を可能にすることという。Googleは、かつて
Unlike Light’s older phones, the Light III sports a larger OLED display and an NFC chip to make way for future payment tools, as well as a camera.
NW.js (previously known as node-webkit) lets you call all Node.js modules directly from DOM and enables a new way of writing applications with all Web technologies. New way of writing native applications using web technologies: HTML5, CSS3, and WebGL Full support for the features in browser Complete support for Node.js APIs and all third party modules Call Node.js modules directly from the DOM and
講演動画：https://youtu.be/EwTd1Olg1jc 2019年10月6日に行われた「UNREAL FEST EAST 2019」における「UE4における大規模レベル実装ワークフローとブループリント活用事例」の登壇資料です。 ●公式サイト https://unrealengine.jp/unrealfest/ === 今回講演をさせて頂くプロジェクトではブループリントを広い範囲で活用していました。レベル実装においても例外ではなくブループリントによる仕掛けの実装やゲーム進行制御を行っています。本講演ではレベル実装のワークフローとレベルブループリントの活用方法などのご紹介を通して、ブループリントと上手く付き合うための知見の共有や意見交換の場にできればと思います。
WebKit on GitHub!
On June 23rd, the WebKit project froze its Subversion tree and transitioned management and interaction with our source code to git on GitHub. Why git? git’s distributed nature makes it easy for not just multiple developers, but multiple organizations to collaborate on a single project. git’s local record of changes makes moving commits between branches or reverting changes simple and quick. git’s
LDRizeのOpera、WebKitへの移植版です。SITEINFOファイルは定期的に更新されているので、適当にアップデートしてください(Windowsの場合、バッチでどうぞ)。 for Opera http://ss-o.net/userjs/0minibuffer.js http://ss-o.net/userjs/0LDRize.SITEINFO.js http://ss-o.net/userjs/xldrize.user.js http://ss-o.net/userjs/ldrize.opera.js http://ss-o.net/userjs/minibuffer.opera.js for Google Chrome2, GreaseKit(Safari3+) http://ss-o.net/userjs/0minibuffer.user.js http://ss-o.ne
Boeing’s Starliner spacecraft has successfully delivered two astronauts to the International Space Station, a key milestone in the aerospace giant’s quest to certify the capsule for regular crewed missions. Starliner…
最近、自分としては、いろいろとネット環境に変化が生じ初めているんですが、Autopagerizeも従来のネットサーフィン(死語?)を変えた偉大なツールです。 最近、FireFoxユーザーからは、なにはなくともAutopagerizeが無いと生きていけないみたいな発言をよく耳にしてたんですが、俺はSafariだから関係ないぜーと、あまり興味を示してませんでした。でも、先日、SafariでもAutopagerizeが動くという情報を見つけて、試してみたら、こりゃびっくり。世界変わりました。Autopagerizeは、特定のサイトにjavascriptを適用して、サイトの構造を変えてしまうというツールですが、例えば、Googleでは、検索結果ページで検索ページの最下部に到達すると、次のページに遷移することなく、次のページの情報が追加されたり、Flickrでも、ページ遷移が不要になります。説明難し
※本エントリーはWindows環境（Win7 Professional x64）での話になります。 （透過機能はMacやLinuxでも使えます、後述するマニュアルを参照ください。） また、Windows環境では、デスクトップウィンドウマネージャーが有効である必要があるため、 Aero機能が使えない（もしくは無効化にしている）環境ではお試しいただくことができません。 準備 まずは試してみましょう。 前回Blog執筆時の最新バージョンは 0.10.3 でしたが、ウィンドウ透過は去年11月26日にリリースされた 0.11.2 でサポートされました。 起動の仕方などは前回の記事にも書いてありますので、初めて触る人はそちらもご参照ください。 node-webkit配布元のDownloadsから目的の環境に合わせたファイルをダウンロードします。 私の場合はWindowsの64bitですね。 「v0.1
CSS3 Transitions Collection 30
CSS3 Transitions Collection 30 Safari4で閲覧してください。Chromeは3Dがきかないので対応してないのもあります。Firefox, IE, Operaなどでは閲覧できません。
Image:Koshiro K/Shutterstock.com GoogleのChromium（ChromeのベースとなるオープンソースのWebブラウザ）開発者が、アップルのApp Storeガイドラインに反するiOS向けブラウザに実験的に取り組んでいることが明らかとなった。 現在、iOS向けのウェブブラウザについては、サードパーティであれ、アップル純正のブラウザエンジンWebkitの使用が義務づけられている（App Store Reviewガイドライン2.5.6）。macOSやWindows向けChromeはChromiumベースだが、iOS版はWebkitを使わざるを得ず、アップル製のSafariと似た挙動となっている。 そんな中、もっかChromium開発者が取り組んでいるものは、GoogleのBlinkエンジン（iOS以外のChromeやMicrosoft Edgeに使用）を使っ
またアニメーション... ボタンなどのUIにGPUアクセラレーションが効いたアニメーションをつけたとき、iOSにおいてはiPhone4か4SのWebViewあたり、Androidにおいては….まぁ機種依存的(げんなり)に、アニメーションの立ち上がりが遅いことがあります。 その辺を調査していたところ、position: relativeの指定による、意図しないレイヤー生成＆GPUアクセラレーション巻き込みによって、何かしら合成レイヤー周りでオーバーヘッドが発生してしまっているんではないかな、という憶測に行き着いた次第。今回はその辺りを見ていきます。 GPUアクセラレーションが効いたアニメーションは、CSS Animations、CSS Transitionsのほか、特殊なプロパティ（transform3d: scale(1,1)とか）で強制的にGPUアクセラレーションを効かせたCanvasア
ZendEngine勉強会で「拡張ライブラリでなるべく簡単に構文を追加する方法」というタイトルで喋ってきました
ご無沙汰しております、アシアル笹亀です。 ブログを書くのは、大変久しぶりになります。実はアシアルでは最近、noteもはじめております。アシアルの仕事の取り組み方、考え方、様々なメンバーについて知ることができます！是非、ご興味があるかたはこちらも一読いただけますと嬉しいです。 https://note.asial.co.jp/ 久しぶりにiPhoneアプリをアップデート申請をするときありますよね？ iPhoneのアプリを継続的に保守管理をしていると、申請作業をクライアント様におまかせして、あまりエンジニア自身で長い間、アップデート申請をしてこなかった方々は何気に多いのではないかとおもい（自分もその１人）、ブログにも残しておこうとおもいました。 こまめに改修などを加えており、その度にアップデートの申請をされている場合には、あまり実感はないかもですが、１年振りとかにアップデートの申請をしたりする
Koala - a gui application for LESS, Sass, Compass and CoffeeScript compilation.
Koala is a GUI application for Less, Sass, Compass and CoffeeScript compilation, to help web developers to use them more efficiently. Koala can run in windows, linux and mac.
Join the official community for Google Workspace administrators In the Google Cloud Community, connect with Googlers and other Google Workspace admins like yourself. Participate in product discussions, check out the Community Articles, and learn tips and tricks that will make your work and life easier. Be the first to know what's happening with Google Workspace. ______________ Learn about more Goo
最初からブラウザに設定されているスタイルシートを、「User Agent Style Sheets」といいます。(以下、UA Style Sheets) ここ数年でUA Style Sheetsに変化があり、どのような変化があるのか知っておくと、リセットCSSの見直しなどに役立ちます。 UA Style Sheets の margin p要素に定義されているUA Style Sheetsを例にすると、IE8などは私たちがいつも利用しているmarginによって指定されています。しかしGoogle ChromeやFirefoxなどのUA Style Shteetsでは、margin-start, margin-endなどの論理プロパティが利用されています。 IE8: p要素のUA Style Sheets p { display: block; margin: 1em 0; } Webkit:
スマートフォンなどに対応したレスポンシブデザインに関するCSSスタイル（font size自動調整をきるなど） - くらげだらけ
前にも一度、同じような問題に直面して調べて解決したような気がしたのですが、今回もおそらくその時と同じくGoogleで調べて解決したので、メモって忘れないようにしておこう。 font size自動調整をきる 最近ではレスポンシブデザインでいろんなデバイスに対応したりしますが、私もそんな感じの仕事をしていたわけです。最初はPC Chromeでwindowを伸び縮みさせながら作っていたわけですが、ある程度できた所でiPhone Mobile Safariでチェックしていたのです。Portrait mode（縦向き）では問題なく閲覧していたのですが、Landscape mode（横向き）にしたときにどうも文字サイズが変になります。 最近はiPhoneもリモートでWeb inspectorで見れたりしますから、細かく調べてみても数値的には問題無さそう。おかしいなってことで調べた後に、iPhoneでは
WebRTC Meetup Tokyo #23の資料です。Amazon Kinesis Video Streams WebRTC のブラウザ用SDKを使ってみた話、シグナリングチャネルの作り方など
Opera Logo with CSS The Opera logo, rendered only with CSS, no images. Compare it with the real deal. Alas, best viewed in Firefox 3.6, Safari 4, or Chrome 5. Aside from another shameless plea for attention, this demonstration gives me a chance to look at some CSS3 properties across browsers. Border Radius In all the tutorials and hubbub over CSS3, elliptical border radius is one of those features
本題に入る前に、Web2.0の概念を最初に提唱した文章の原題には「Design Patterns and Business Models for the Next Generation of Software」という副題が付いてます。次世代ソフトのデザインパターンとビジネスモデル、というような感じ。つまり、Web2.0というのは「技術トレンド、情報モデル、そしてそれらに伴うビジネスモデルの変化を扱う総称」だ、とも言えるわけです。 「Web2.0とは結局、一体、何なのか？」と「Web2.0の条件4つ」を読んで、これはものすごく妙な解釈だな、これはおかしいんじゃないのか？と感じた人はWeb2.0を技術トレンドとして解釈しているということ。まぁ今までの説明は賛否両論っぽいかな？と感じた人は情報モデルっぽい解釈をしているということ。最後に、ああこういう考え方の方がわかりやすいかも？と感じた人は割と
AppleがiOS 17.4でWebkit以外のブラウザエンジンを許可し、ChromeやFirefox、OperaなどSafari以外のブラウザを完全に動作させることを可能にしたことが明らかになりました。これはEUのデジタル市場法(DMA)施行を受けての対応で、EU圏のユーザーにのみ適用されます。 Apple announces changes to iOS, Safari, and the App Store in the European Union - Apple https://www.apple.com/newsroom/2024/01/apple-announces-changes-to-ios-safari-and-the-app-store-in-the-european-union/ Update on apps distributed in the European U
ページ全体を角丸のボーダーで囲み、そのページがスクロールするくらい長くても全体を囲むスタイルシートのテクニックを紹介します。 Body Border, Rounded Inside Step 1: ページ全体を角丸で囲む（スクロール非対応） Step 2: ページ全体を角丸で囲む（スクロール対応） Step 3: ページ全体を角丸で囲む（スクロールバーを変更） Step 1: ページ全体を角丸で囲む（スクロール非対応） まずはシンプルなスタイルシートで、ページ全体を角丸のボーダーで囲んでみましょう。 基本的な考え方は、body要素にborder-imageを使い、4つの角を角丸にします。使用するのは下記の画像です。 角丸用の画像 コードを見てみましょう。 HTML HTMLは、bodyだけで構いません。 <body> <h1>Rounded inside body border</h1>
WidgetKit Widgets are becoming even more powerful in even more places. Now you can use WidgetKit to build support for interactivity and animated transitions, so people can take action right in your widget. Users can now place your widgets right on the desktop, interact with them with just a click and, through the magic of Continuity, access the extensive ecosystem of iPhone widgets right on their
クロスブラウザな css3 linear-gradient が面倒になりそうな件について - ほむらちゃほむほむ
2012 年の 4月に CR(勧告候補) になった，CSS Image Values and Replaced Content Module Level 3 とそこで規定されてる，Linear Gradients: the ‘linear-gradient()’ notation の幾つかのブラウザでの対応具合が面倒な事になってるなぁってお話． 経緯とか 最初期 もともと，グラデーションだーと提案された頃には，WebKit の独自実装としてこんな感じの書式だった．(cf. Introducing CSS Gradients) background: -webkit-gradient(linear, left top /* 始点 */, left bottom /* 終点 */, from(#000) /* 始点の色 */, to(#FFF) /* 終点の色 */); 途中にもっと色を挟むと
コンポーネント満載のスマフォ向けWEBサイト作成フレームワーク「ChocolateChip-UI」 2011年04月06日- ChocolateChip-UI コンポーネント満載のスマフォ向けWEBサイト作成フレームワーク「ChocolateChip-UI」 ダウンロードしたサンプルにはかなりの量のiOSアプリ風のUIが含まれていて、これスマフォサイト用のインタフェース作成には困らないんじゃないかという感じです。 リストのUI 読み込み画面 アイコン付きテーブル ちょっとUIを変えてみる例 サムネイル付きリスト ちょっとデザインを変える 普通のリストも。 デザインを変えたリストも ラベルつきのリスト ボタンや、ON/OFFも スライダーも 背景の模様も自由に変えられます ボタンも豊富 ツールバーデザイン。アイコンを入れたり色々 更にカラフルなボタンやアイコンのみのボタンも。 タブも作れます
[CSS]Safariで見かける角丸のにじみを解消するスタイルシート
Webkit系ブラウザのSafariでよく見かける、角丸のにじみを解消するスタイルシートを紹介します。 Fixing the background 'bleed' Safariでborderとborder-radiusを使用した際に背景色が角丸の箇所でにじむのを解消するには、下記のスタイルシートを該当箇所に追記します。
WKWebViewについてわかったこと。iOS 8.1.0の時点での情報です。 StackOverflowやDeveloperForumsからの情報と、私がOhajiki Web Browserを開発する過程で得た知識を短めにまとめてみました。 これ以外にもまだまだ細かい部分があるかと思いますが、より良い方法や補足などがありましたらコメント欄で是非とも教えていただければ幸いです。 iOS 9での変更点はこちら: iOS 9 WKWebView 主な変更点をざっくり tmpフォルダ以外は file:/// を使ってアクセスできない iOS8.0.2からtmpディレクトリ以下のファイルに fileプロトコルでアクセスすることが可能になりましたが、それ以外のディレクトリからのアクセスは無効となっています。WKWebViewが普及しない一番の要因はこれではないでしょうか。 こちらで試すことが出来ま
Designing Websites for iPhone X
The section below about safe area insets was updated on Oct 31, 2017 to reflect changes in the iOS 11.2 beta. Out of the box, Safari displays your existing websites beautifully on the edge-to-edge display of the new iPhone X. Content is automatically inset within the display’s safe area so it is not obscured by the rounded corners, or the device’s sensor housing. The inset area is filled with the
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
WebKit - Wikipedia
この記事は更新が必要とされています。 この記事には古い情報が掲載されています。編集の際に新しい情報を記事に反映させてください。反映後、このタグは除去してください。（2019年9月） WebKit（ウェブキット）は、Appleが中心となって開発しているオープンソースのHTMLレンダリングエンジン群の総称である。HTML、CSS、JavaScript、SVG、MathMLなどを解釈する。 WebKitは、元々AppleのmacOSに搭載されるSafariのレンダリングエンジンとして、LinuxやBSDといった、Unix系用のレンダリングエンジンであるKHTMLをフォークして開発された。現在はその他の多くのプラットフォームに移植されている。 ライセンス[編集] WebKitのWebCoreおよびJavaScriptCoreライブラリはGNU Lesser General Public Licen
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
Need a cool hover effect for something on your site? Look no further! We’ve created several custom examples that you can view live for inspiration. If you like the effect, steal it! We’ve got the CSS ready and waiting for you to copy. 2 Million+ Digital Assets, With Unlimited Downloads Get unlimited downloads of 2 million+ design resources, themes, templates, photos, graphics and more. Envato Elem
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1, maximum-scale=1"> * { word-break: break-all; -webkit-touch-callout:none; -webkit-tap-highlight-color:rgba(255,255,0,0.4); -webkit-text-size-adjust:none; } word-break: break-all; URLなどの文字列の強制改行。ただし句読点なども先頭にくるため要検討。 -webkit-touch-callout:none; 長押しした際のとび先URL非表示。ただし画像リンクをタップした際のハイライトがおかしくなる。aタグ要素にdisplay: block ;を指定す
jQuery Mobileを使ったスマートフォン向けHTML5フレームワーク·The-M-Project MOONGIFT
The-M-ProjectはiOSやAndroidといったスマートフォン向けに特化したWebアプリケーションフレームワーク。 The-M-ProjectはJavaScript/HTML5製のオープンソース・ソフトウェア。Webアプリケーションが本格的に取り入れられるようになっている。AjaxなどによるWebアプリケーションの操作性向上に加えて、JavaScriptで実現しうる機能が増えていることに要因があるだろう。 サンプルのTodoアプリ そしてもう一つがHTML5の存在だ。PCブラウザ向けにはまだ全面採用は難しいものの、スマートフォンであれば採用できるだろう。そんなスマートフォン向けのWebアプリケーションを開発する際に使えるフレームワークがThe-M-Projectだ。 The-M-ProjectはHTML5を採用したWebアプリケーションフレームワークだ。iOSはもちろん、Andr
Android WebView を使う
公式リファレンスはこちら "WebView | Android Developers" ・AndroidManifest.xml にパーミッションの設定を忘れずに！ <uses-permission android:name="android.permission.INTERNET" /> ・onCreate でインスタンスを作る WebView webview = new WebView(this); setContentView(webview); ・layout xml で定義する setContentView(R.layout.main); webview = (WebView) findViewById(R.id.webview); main.xml <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:androi
WebKitとBlinkのスタンスの違い
Life with Web Browser Engine (Gecko, WebKit and etc), Mobile and etc. 最近WebKitとBlinkの実装が異なってることでいろいろ困っているんですが、その話はさておき、WebKitのスタンスが明確にわかるようなメールスレッドが最近あった。 Web NFCのエディタのFrançois Beaufort (Google)がWebKitサイドへWeb NFCについての意見を聞きたいということで、webkit-devにメールを投げたのだけど、そのお話。 メールスレッドはこれ。 https://lists.webkit.org/pipermail/webkit-dev/2020-January/031006.html 事実上WebKitトップのMaciejが、 We do not believe a permission prom
Sencha TouchはJavaScript製/HTML5対応のオープンソース・ソフトウェア。iPhoneやAndroidはネイティブアプリが魅力の一つだが、WebKitによるHTML5の高性能化によってWebアプリケーションも見逃せない存在になっている。 多数のサンプルが用意されている ネイティブアプリはインストールさえされればアクセスが非常に容易になるのがメリットだが、そのインストールまでは壁が高い。サイトのターゲットによっても違うが、ネイティブアプリよりモバイル最適化サイトの方がメリットが高いと判断したらSencha Touchを使ってみよう。 Sencha TouchはかつてExt JSと呼ばれたWebアプリケーションフレームワークがSencha（煎茶）とネーミングを変え、そのモバイル向けに提供されるフレームワークだ。Webアプリケーション用なので最適化されたHTMLデザインだけ
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Google、WebKitに代わる新レンダリングエンジン「Blink」を発表
TechCrunch | Startup and Technology News
NW.js
ニコニコ動画iOSアプリの UX・マネタイズ・技術の話
OperaとSafariでLDRizeとMinibuffer - 0x集積蔵
TechCrunch | Startup and Technology News
Drift Diary12: SafariでAutopagerize : Webブラウジングが変わる
透過がサポートされたnode-webkit（NW.js）でガジェットを作ろう
Google、アップル規約違反のiOSブラウザを開発中 | Gadget Gate
GPUアクセラレーションとposition: relativeによるレイヤー生成について
福島ラビット - Google
ここ数年のブラウザのデフォルトスタイルシート。縦書きとかHTML5とか。 - kojika17
WKWebViewとUIWebView
Opera Logo with CSS · David DeSandro
【西田宗千佳のRandomTracking】 開発責任者に聞く「PlayStation Vita/Suite」の正体
http://www.htmlfivewow.com/slide1
Web2.0のビジネスモデル その1「ロングテール」 - GIGAZINE
AppleがついにChromeとFirefoxのフルバージョンをiPhone上で動かすことを許可
[CSS]ページが長くても、ページ全体を角丸のボーダーで囲むスタイルシートのテクニック | コリス
sips(1) Mac OS X Manual Page
コンポーネント満載のスマフォ向けWEBサイト作成フレームワーク「ChocolateChip-UI」:phpspot開発日誌
WKWebViewで躓いた10つのまとめ - Qiita
はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知
はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知
msto.jp - it転職 リソースおよび情報
5 Cool CSS Hover Effects You Can Copy and Paste
iPhoneサイト向けCSSサンプル（CSS3）｜ConneLog｜ConneCre
HTML5対応のモバイル向けWebアプリケーションを構築するなら·Sencha Touch MOONGIFT