SASS(SCSS)の基本のほ

今日は前回に引き続きSassのお話です。 前回はインストールまでやりました。 今日は実際の使い方の基本的なところについて、見ていきたいと思います。 1.セレクタをネストする 例えば以下のようなHTMLがあったとします。 このとき、ulタグやliタグに対しスタイルを適用する場合は、 という風に、書きますね。 今の例だと単にulとかliだけでもいいですが、適用範囲を限定するための親要素から指定すること...

Read more

SASS(SCSS)の基本のき

クリスマスが終わると一気に年末っぽくなりますね。 洋から一転、和な雰囲気になりますね。 今日はSASS(SCSS)について紹介したいと思います。 いっとき話題になったのでご存知の方も多いかとと思いますが、思ったほど使われてないのかな〜という感じもしています。 僕の周りに使っている人が少ないだけなのでしょうか。 とても便利なので、まだ使ったことない方は是非一度試してみてください。 1.Sassって何...

Read more

HTML5/CSS3/Javascriptのニュースまとめ[12/17〜12/23]

メリークリスマス! 新井です。 今日は先週のニュース・ブログのまとめです。 CSS3は特に目ぼしいものがなかったので割愛しています〜 1.HTML5 W3CがHTML5仕様策定完了を発表、相互運用性テストおよびパフォーマンス向上へ ついに来ましたね〜 確定して欲しい仕様は他にもありますが、まずは一段落という感じですね。 [HTML5]遊びながらタグを覚える「HTML5KARUTA」を作りました 新...

Read more

Webアプリをネイティブアプリっぽく見せる方法【iPhone編】

今年も残りわずか。早いもんですね。 さて、今日はWebアプリをネイティブアプリっぽく見せる方法について紹介したいと思います。 1.Viewportを設定する 何はともあれViewportですね。 これは有名なので知っている方も多いでしょうか。 スマートフォンでは、Viewportという概念があって、デフォルトだと横幅が980pxとして扱われます。 iPhoneの場合だと320pxですし、Andro...

Read more

HTML5/CSS3/Javascriptのニュースまとめ[12/10〜12/16]

今日は天気が悪くて嫌ですね〜 先週のニュース・ブログのまとめです。 1.HTML5 HTML5向けゲームエンジン「echant.js」を利用したMobage「マジック&ドラゴンズ」が12月11日より配信 最近enchant.jsのニュース多いですね〜 HTML5のCanvasに描かれる「アートスクリプティング」とにかく美しいJavaScript表現のまとめ28個! Canvas綺麗ですね〜 Wii...

Read more

HTML5/CSS3/Javascriptのニュースまとめ[12/3〜12/9]

こんばんは、新井です。 土曜に駅伝に出たので筋肉痛です。階段降りるのつらいです、、、 今日は先週のニュースやブログ記事のまとめです! 先週はHTML5系はあまりないですね〜 1.HTML5 GoogleがChrome OS用のカメラアプリを発表–HTML5アプリ開発用の高度なツールを使用 こういうデバイスとの連携は面白いですね! HTML5推進派のFinancial Times、ネイティブアプリに...

Read more

HTML5/CSS3/Javascriptのニュースまとめ[11/26〜12/2]

12月になり街はすっかりクリスマスモードですね〜 今日は先週のニュース、ブログ記事のまとめです! 1.HTML5 UEI、HTML5向けゲームエンジン「enchant.js」ベースのハードを開発 enchant.jsベースのハードってどんなんでしょうね。想像つかないですね。 テレビ向けHTML5アプリに大きなビジネスチャンス Operaさんのお話です。HTML5が動く環境が増えるのはいいですね。 ...

Read more

PhoneGapでOS別、バージョン別に処理を書く方法

こんばんは、新井です。 今日で11月も終わりですね。2012年も残すところあと1ヶ月。早いものですね。 さて、今日はOS別、バージョン別に処理をかき分ける方法について紹介したいと思います。 Phonegapはワンソースマルチプラットフォームを実現するためのフレームワークではありますが、とは言ってもOS別、バージョン別に処理を書き分けたいこともでてきます。 1.OSの判別 まずは、OS判定です。 P...

Read more

PhoneGap 2.1.0 から 2.2.0 へバージョンアップするときの注意点(iOS)

最近色々あって、MacBook Air 2台並べて作業してるんですが、案外楽しくていいですね。 デュアルディスプレイにしてるわけでもなく、単純に2台並べてるだけなんですけどね。 とまぁそれはさておき、今日はPhoneGap2.1.0から2.2.0へバージョンアップするときの注意点を紹介したいと思います。 iOSのお話です。 まず、バージョンを上げる方法ですが、公式ドキュメントが用意されています。 ...

Read more

HTML5/CSS3/Javascriptのニュースまとめ[11/19〜11/25]

3連休が終わってしまいましたね。次の連休は年末クリスマス前ですね〜 今日は先週のニュース・ブログ記事のまとめです。 1.HTML5 HTML5対応のオープンソースのゲーム開発エンジンechant.js(エンチャント・ジェイエス)がWindows 8に対応!「Windows 8対応記念 8Days Challenge」を開催 いいですね!他の既存のツールもどんどんWindows 8 対応して欲しいで...

Read more

Categories

Recent News

HTML5/CSS3/Javascriptのニュースまとめ[8/19〜8/25]

先週のニュース・ブログ記事を紹介していきます! 先週はちょっと少なめで...

PhoneGap3.0がリリースされましたね!

PhoneGap3.0がリリースされましたね! PhoneGap Da...

HTML5/CSS3/Javascriptのニュースまとめ[6/17〜6/23]

今日は先週のニュース・ブログ記事のまとめです。 1.HTML5 歴史的...

HTML5/CSS3/Javascriptのニュースまとめ[6/10〜6/16]

今日は先週のニュース・ブログ記事のまとめです。 個人的に気になったもの...

AndroidのWebViewでUserAgentを独自に設定する方法

今日はAndroidのWebViewでユーザーエージェントを独自のもの...