スマートフォン向けサイトという言葉も下火となったが、良くないテクニックが蔓延しているのでこの記事を書いた。 そのテクニックとは次のようなもの。 window.addEventListener("load", function() { setTimeout(function() { scrollTo(0, 1); }, 100); }, false); ページが読み込まれたあとに縦方向にスクロールすることで、本来ユーザがスクロールして隠れるアドレスバーを強制的に隠すやり方。 Web 上を検索すると多数の記事が見つかる。 スマホサイト制作:URLバーをページ読込み完了時に引っ込める方法 iPhone向けWebページで、アドレスバーを隠す - サンフラットの開発日記 - くらげのChangeLog Android/iPhoneのURLバーを隠す - tweeeetyのぶろぐ的めも iPhoneサ
iOS Safari(mobile Safari)には「ホーム画面に追加」機能があります。 「ホーム画面に追加」に追加したアイコンをタップして起動させた場合はmetaタグを追加でフルスクリーン表示が可能です。 描画エンジンはSafariの様なのですが通常(のSafari)とは違う表示が可能です。 ステータスバーもロケションバーもないアプリのようなフルスクリーン表示が可能です。 <meta name="viewport" content="width=device-width , initial-scale=1.0 , maximum-scale=1.0 , user-scalable=no"> <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"> <meta name="apple-m
風が心地よい季節、朝晩は少し寒かったりするのでTシャツに上着をはおりました。 まだ半ズボンだけど。 iOS 7登場して数週間。 iPhone 5S, 5Cを既に手にした人も多いかと… 新しくなった mobile Safari ちょっと気になったことを書き留めておく。 mobile Chrome と同じような仕様に変わちゃった。 Android ChromeのURL barは消せないと知った絶望感 *requestFullscreenを使う方法もあるようなので、追記してます。通常の閲覧でフルスクリーンをユーザーにしいるのはかなりアレなので使うことはないと思いますけど。videoとかだったらアリでしょうけど。 URLバーって書いたけどAppleの呼称は URL text field です。 Safari Web Content Guide これの iOS 7 版ってどこだろう。 Chrome
この記事はBEM Advent Calendar 2013の22日目の記事です。 こちらの記事を読んで、初めてBEMを知りました。 BEMという命名規則とSass 3.3の新しい記法 - アインシュタインの電話番号 ほー。そのうち調べてみよう。と思ってても人間必要に迫られないとやりません! Advent Calendarに参加することでやらなきゃいけない理由をつくるライフハック。 とりあえずよく使っているBootstrapをBEMで記述するとどうなるかを考えてみました。 よくあるあるヘッダーでBEMる Components - Navbar / Bootstrap bootstrapのコードはこう <nav class="navbar navbar-default" role="navigation"> <div class="navbar-header"> <a class="navba
検索から来た人へ: ここに書かれている情報は古いので、最新の書籍やドキュメントを読むことを強くおすすめします。 (最終更新日:2013/12/19) Ruby on RailsでちょっとしたCMSを作ろうとしていて、単純なブログ程度の機能はとりあえず作れました。ここらで使ったものやら何やらをまとめておきます。少しずつ書いていきます。 下書きにしておくとだるくなって書かなくなるので最初から公開しておきますが、一段落ついたらTwitter(@gaaamii)で通知します。はてブ付けてくれるとモチベが上がって更新が早くなるかもしれません。 書き終えました。 Ruby on Railsの導入 こちらでまとめました。2013/10/13時点での情報です。何かあれば修正しますのでお知らせください。 はじめてのRuby on Rails インストール(VagrantとCentOSとrbenvとRuby
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く