タグ

ブックマーク / qiita.com/teradonburi (2)

  • ノンデザイナーでもイケてるLPを作成する方法 - Qiita

    はじめに イケてるは誇張かもしれませんが社内にデザイナーがいなく、 エンジニアにランディングページを作ってと振られたときのケースを想定して ノンデザイナーでも体系的にCSSコーディングすることでそれっぽいランディングページを作成できることを目的としてます。 デザインは一朝一夕でできるものではなく、ブランディングに関わる部分の画像に関しては、商材の撮影やPhotoShopやIllustratorで専用のアイコンやロゴ画像を別途制作する必要があります。 格的に作成する場合はやはり職のデザイナーさんに依頼した方が良いでしょう。 (それっぽいといったのは今回はそれらのブランディングに関わる画像の作成を省いて、素材画像やCSSでごまかしているからです。) 今回はCSS Designerという仮想CSSエディターの商材を想定してランディングページを作成しました。 作ったページ全体のサンプルはこちら

    ノンデザイナーでもイケてるLPを作成する方法 - Qiita
  • オフラインでWebAudio APIを再生する - Qiita

    Javascriptで音を鳴らすにはどうしたらいいかなぁと 色々調べてみました いくつか方法がありますが ①audioタグをJavaScriptで制御する ②WebAudio APIで再生する 今回はローカルの音を鳴らすにはどうしたらいいか考えました。 ①はローカルのリソースをaudioタグのsrcに指定すれば鳴らせます ②はXHRもしくはinputタグのfile属性からのファイル取得(File API)限定なため、 ブラウザの仕様上結構難しい ①でいいじゃないかという声が上がってくると思いますが iPhoneAndroidではaudioタグの複数同時再生ができなかったりします 逆にWebAudio APIなら複数音同時再生できます。 (上記とは別にスマホブラウザでは①、②ともに ユーザアクションがないと再生できないという制限があります) ちなみに②のinputタグから取得する方法だと、

    オフラインでWebAudio APIを再生する - Qiita
    t2wave
    t2wave 2018/01/12
    "opensslでオーディオファイルをbase64化 ・base64データをArrayBuffer化 ・後はWebAudioAPIにロードさせる"
  • 1