サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
コーヒー沼
www.niwadesign.jp
スマホ用のサイトを制作中にiPhoneのSafariで背景画像のposition: fixed;が効かなかったので、それの対処法の備忘録。 この「ああああああ」のボックスが上のメインビジュアルの上を移動していって欲しい。 かつメインビジュアルは固定された状態。 PCで閲覧した際は問題なく思い通りの動きが実現できている これがスマホ(iPhone)で見た場合SafariもChromeも一瞬画像の下に「ああああ」のボックスが潜り込んでします。 こんな感じで「あああああ」がメインビジュアルの下にいってしまいます。 ただし、スワイプ中にだけ起こって、指を離すとちゃんとメインビジュアルの上に「あああああ」のボックスがきます。 結局なにがダメだったかというと、メインビジュアルのdivにz-indexが指定してなかったことが原因でした。 ダメだったcss #main_image { background
↓ここの画像を指定した画像にする方法です。 いいねボタンを押した際に指定した画像をfacebookで表示させるには OGP (Open Graph Protocol)といわれるものをhtmlのヘッダーにmetaデータとして付加する必要があります。 そこでfacebookでは下記6つの情報が必須となってきます。 「og:title」 「og:type」 「og:image」 「og:url」 「og:site_name」 「fb:admins or fb:app_id」 書き方 <meta property="og:title" content="その記事のタイトル"> <meta property="og:type" content="blog"> <meta property="og:image" content="指定したい画像のパス"> <meta property
今回Windows7でhostsを書き換えて開発したサイトを確認する必要があったため実際にやってみた。 まず今までのXPと同じノリでやってみたらどうやらhostsファイルの上書きが出来ない模様。 そこで、Windows7ではメモ帳を管理者として実行をしなければいけない。 その後、ファイルを開くからhostsを開いて編集、保存をする。 ◆使用エディタ メモ帳 ◆ファイルの場所 c/windows/system32/drivers/etc/hosts
毎回検索して調べるのが面倒くさいので覚え書き。 僕は毎回方法その2でやってます。 方法その1 vimでhostsファイルを編集 ターミナルから sudo vi /private/etc/hosts と入力してviというエディタを操作してipアドレス ドメイン名を入力 viの操作方法は少し慣れが必要です。 起動時はノーマルモードなので[a]を押して編集モードにして入力 入力が終わったら[esc]を押してノーマルモードに戻り [:w]を押してセーブ、[:q]を押して終了 方法その2 nanoでhostsファイルを編集 ターミナルから sudo nano /private/etc/hosts と入力してnanoというエディタの編集画面が出ます。 IPアドレス(タブ)ドメイン名 と入力し[control+x]でexit 保存確認があるので[y]と入力して保存 hostsファイル
前回のウェブデザイナーのためのRuby on Railsが好評だったため更に追加! submitボタンを画像にする方法です。
CSSにて背景画像(画像置換)をしてリンクを付けている場合、Firefoxで閲覧するとはみ出てアウトラインが表示されてしまいます。 そこでこのアウトラインを表示させない方法のご紹介。 a { outline: none; }
今回はじめてRuby on Railsを使った案件を行いました。 そこで最低限覚えておく3つのヘルパーを紹介します。 ※RailsではERbが使われているので、<% %>がコードとして解釈されます。 ※Railsのヘルパーについては後ほど。 1.リンクのつけ方 2.画像の貼り方 3.画像にリンクを貼る方法 1.リンクのつけ方 <%= link_to “表示させる文字”, :controller => “リンク先のフォルダ名”, :action => “ファイル名” %> ↓こんな感じ。 <%= link_to “お問い合わせ”, :controller => “contact”, :action => “index” %> 2.画像の貼り方 <%= image_tag (“ファイル名”, :alt => “alt文字”) %> ↓こんな感じ <%= image_tag (“/im
約1年半前にiPhone6 Plusを購入した際にあわせてバンカーリングを購入しました。 今でもPlusのサイズに馴染めず後悔しているが、バンカーリングのおかげである程度使用感がマシになった。 次回は …
このページを最初にブックマークしてみませんか?
『niwadesign – ホームページ制作のネタ発信』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く