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 10 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
Best Website Builders [2024]
If you’re a beginner who’s a bit intimidated by the whole “website creation” thing, the best website builders provide a great option for getting your website up and running without having to mess with a bunch of technical settings or learning how to code. But in 2020, there are a TON of website builders to choose from to make your pro website. How do you know which one’s best for you? That’s exact
![Best Website Builders [2024]](https://cdn-ak-scissors.b.st-hatena.com/image/square/3a0c15862b6f8e1a9d166a2227ddbc8153b911cd/height=288;version=1;width=512/https%3A%2F%2Fe8y8n8b5.rocketcdn.me%2Fwp-content%2Fuploads%2F2019%2F08%2Fbest-website-builders-makers-creators.jpg)
Google Glass Browser－firt.dev
HTML5 and Responsive Web Design in your head by Maximiliano Firtman Twitter @firt About Newsletter Published 11 years ago (02 Jul 2013) About 5 min reading time #android #google glass #retro Google Glass has included a web browser. That means a new device factor for web development and Responsive Web Design. In this post, I’ll make a review of the browser and the HTML5 compatibility in the first v
Create a Responsive Web Design with Media Queries
Home » Tutorials » Create a Responsive Web Design with Media Queries Line25 is reader supported. At no cost to you a commission from sponsors may be earned when a purchase is made via links on the site. Learn more If you’ve yet to get your hands dirty with media queries, now is your chance to create your first responsive website design. In this tutorial we’ll look at converting one of my previous
What does scale really mean to a mobile browser? With pictures.
What does scale really mean to a mobile browser? With pictures. Within the past few weeks, A List Apart came out with an article about the pixel identity crisis. There’s a lot of buzz around the hardware pixel vs the device specific reference pixel and whether or not CSS media queries and device-pixel-ratio can help. I read through that article and realized that it did a really good job at explain
【スマホ用ページ】低解像度、高解像度端末のどちらでもくっきり綺麗に表示しつつ、幅ぴったりにする HTML テンプレート。
こんにちは、ウェブ開発の林です。 スマートフォン向けウェブページを作る際、横幅ぴったりにしたいと思いませんか。 meta viewport というタグを使えば表示サイズを調整することができます。 ただそれを使ったとしても、Android / iPhone は端末により横幅が違うため個別に最適化するのは面倒です。 スマホ端末ごとにコードを分けることなく常に幅ぴったりにする HTML テンプレートを作りました。 こちらを参考に組んでみてはいかがでしょうか。 HTML テンプレートコード（ヒント付き） こちらの HTML コードを丸っとコピペして修正していくと楽だと思います。 追記： ライセンスフリーです。自由に使ってください。 <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title></title> <!--
todya-only.net
Bing Mapsの基礎〜応用 某GのmapのAPIを利用するのにクレカ登録が必須となったので、Bing Mapsでどのくらいまでいけるのか試してみた。 主な使用技術 Bing Maps API、JavaScript、CSS、レスポンシブ 詳しく見る Youtube APIを使用したサンプル YouTube Data API (v3)を使用し、JavaScriptにてユーザーチャンネルの動画を取得するプログラムを作成。 主な使用技術 YouTube Data API、JavaScript(jQuery)、CSS、レスポンシブ 詳しく見る ポケモンGO図鑑 Githubに公開されている「Pokemon-DB」を元にページを生成 主な使用技術 JavaScript(jQuery)、CSS、レスポンシブ、Photoshop（タイプのドット絵を作成） 詳しく見る
続：Androidブラウザでviewportのwidth指定
続：Androidブラウザでviewportのwidth指定 １年ほど前にAndroidブラウザでviewportのwidth指定という記事を書いたのですが、１年間いろんな端末や状況に対応しているうちに今は結構違うスクリプトを利用しています。 var portraitWidth,landscapeWidth; $(window).bind("resize", function(){ if(Math.abs(window.orientation) === 0){ if(/Android/.test(window.navigator.userAgent)){ if(!portraitWidth)portraitWidth=$(window).width(); }else{ portraitWidth=$(window).width(); } $("html").css("zoom" , por
vw, vh, vm(vmin)という単位についての覚え書き
「CSS Values and Units Module Level 3」のViewport-relative lengths（または Viewport-percentage lengths）についての覚え書きです。 これは新しく追加された長さの単位です。 CSS Values and Units Module Level 3 - 5.1.2. Viewport-relative lengthsCSS Values and Units Module Level 3 - 5.1.2. Viewport-percentage lengths上は2011年9月6日版のWorking Draftの仕様へのリンクで、下がEditor’s Draftの最新版へのリンクです。 Editor’s Draftの方は2011年12月13日版を参考にしていますが、ページが見つからないので最新版へのリンクにしてあ
Sizing with CSS3's vw and vh units
CSS3 introduces a few new units. (Oh wait, I've said that before.) So, you've heard about px, pt, em, and the fancy new rem. Let's look at a couple more: vw and vh. Often times, there are certain elements within our design that we'd like to ensure can fit into the viewport in their entirety. Normally, we'd have to use JavaScript to do this. Check the size of the viewport and then resize any elemen
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - tysonmatanich/viewportSize: Get the size of the CSS viewport using JavaScript.
GitHub - pbakaus/viewporter: Meta viewport done right.