タグ

JavaScriptとWebに関するplansetのブックマーク (3)

  • iOSでウェブサイトをフルスクリーン表示させる | mawatari.jp

    iOSでウェブサイトをフルスクリーン表示させる方法をメモしておきます。言葉で説明するより、画面を見てもらうのが早いと思います。 iPhoneのSafariで、ウェブサイトを閲覧すると、通常は、上図左のような画面になりますが、上図右のような画面表示にするための方法です。Safariのアドレスバーや、ナビゲーションバーが表示されませんので、使える場面は限られますが、以下のような使い方ができるのではないでしょうか。 Google Maps等のFull JavaScriptのWebアプリを広いスクリーンで表示するいわゆるハイブリッドアプリ(ネイティブアプリ中身がHTML)を作る過程での簡易確認制御ボタンもHTMLで作って、Webアプリだけど、ネイティブアプリっぽく見せる1. と 3. は、ほぼ同義ですね。既に存在しているWebアプリを広い画面で使うか、自分で作るかの違いです。 Google Map

    iOSでウェブサイトをフルスクリーン表示させる | mawatari.jp
  • Welcome!

    Python. Client Side. Skulpt is an entirely in-browser implementation of Python. No preprocessing, plugins, or server-side support required, just write Python and reload. import turtle t = turtle.Turtle() for c in ['red', 'green', 'yellow', 'blue']: t.color(c) t.forward(75) t.left(90) Run Help, or examples: 1 2 3 4 5 6 7 8. Ctrl-Enter to run. The code is run entirely in your browser, so don't feel

  • レスポンシブ対応サイトを作成する超軽量のスクリプト -skel.js | コリス

    スタンドアローンで動作する19KBの超軽量スクリプト。 さまざまなレイアウトに対応できるグリッド。 表示サイズごとのブレイクポイントの設定も簡単。 resetやbox-modelなどの有用なCSSのショートカットを用意。 プラグイン機能も備えているので、拡張にも対応。 skel.jsのデモ デモはシンプルな構成のページが表示が用意されています。 まずはデスクトップサイズとして、幅1200pxで表示してみます。 デモページ:幅480pxで表示 skel.jsの使い方 jQueryや他のスタイルシートなどを用意せずに、すぐに利用できます。 Step 1: 外部ファイル 当スクリプトを外部ファイルとして記述します。 <script src="skel.js"></script> jQueryもスタイルシートも他のファイルは必要ありません。 Step 2: スクリプトのセットアップ スクリプトのセ

  • 1