webideaのブックマーク (8)

  • Facebookでよく使われるようになったインラインフレーム(iframe)の注意事項

    これまでウェブサイトの制作であまり使ったことがなかったインラインフレーム(iframe)ですが、Facebookが登場してからiframeタブやソーシャルプラグインなどで利用するシーンが増えてきました。 ということで、インラインフレームについての注意事項をまとめてみました。 1.親フレームでインラインフレームのCSSは定義できない 「Facebookのコメントボックスを黒背景のブログで使えるようにする」でも書きましたが、親フレームで定義したCSSはインラインフレームに適用されません。 サンプル1 サンプルの枠上部にある「foo」という文字と枠内(インラインフレーム)の「bar」という文字に対し、親フレームで同じスタイルを与えていますが、インラインフレームには反映されていないことが分かります。 CSSを反映できるのはiframe要素までです。 2.リンクターゲットに気をつけよう iframe

    webidea
    webidea 2014/12/09
    参考になった
  • SIRIUSの追加テンプレートが欲しい人へ

    期間限定、数量限定販売のSIRIUS有料追加テンプレートの購入を逃した人であっても、追加テンプレートを手に入れるもうひとつの方法 追加テンプレートが欲しい人の悩み 有料購入のタイミングを逃した人 デフォルトのデザインが好きじゃない人 他の人とかぶらないデザインが欲しい人 SIRIUSの追加テンプレートは期間限定な上に個数限定販売 発売初日で完売は当たり前な上に、再販はなし! だからこそ、購入したい人は販売開始の時間まで 張り付いてまで待ってるのが普通 ・・そうは知っていても、知らなくても どうしてもテンプレートを手に入れたい!! という人も多いですが・・ 追加テンプレートが再販されない理由 テンプレート販売数は限定のみ=WEB上の重複利用を防ぐ 有料で追加販売されるのは用途特化型のテンプレートが多く 必然的に購入者の利用ジャンルはかぶりやすい理由があります また、販売元のデメリットとしてす

    SIRIUSの追加テンプレートが欲しい人へ
    webidea
    webidea 2014/12/09
    Webデザイン参考
  • 閲覧者がスタイルシートを切り替えられる機能を作る [ホームページ作成] All About

    現在のページで読み込んでいるCSS(スタイルシート)ファイルを、閲覧者がプルダウンメニューを使って(CSSファイルごと)切り替えられる機能を作ってみましょう。 CSSファイルそのものを動的に変更できる(置き換えられる)ので、ページの装飾やレイアウトを大きく変えられます。 複数のページデザインを用意しておいて、閲覧者が自身の好みに応じて切り替えられるようにしたり、画像素材配布サイトなどで、どのようなページデザインのときに素材がどのように見えるのかを確認させたい場合などに活用できるでしょう。 CSSファイルを動的に切り替えられる機能の例 下記のプルダウンメニューを変更すると、読み込まれているCSSファイルが変更され、ボックス内の装飾が変化します。試しに変更してみて下さい。 ※JavaScriptが有効な場合のみ動作します。 ※CSSファイルが新たに読み込まれるまで、数瞬の待ち時間がある場合があ

    閲覧者がスタイルシートを切り替えられる機能を作る [ホームページ作成] All About
  • Webコンテンツの成果が上がるレイアウトの法則とは? | 誰も語らなかったWebコンテンツ作成技法

    優れたコンテンツ構成の鉄則を探る!優れたコンテンツとは顧客の悩みを解決できるため、検索やお気に入りから訪問者を獲得できます。そして、そのコンテンツは別のページに誘導する力があり、しかもゴールに結びつける力があります。 前回説明したように、こうしたコンテンツは、天才的なアイデアや人並みはずれた文章力で作られるのでしょうか。実際にはそうではありません。普通のビジネスパーソンが、普通に考え、普通の文章力で作ったものが成果を上げているのです。 意図的ではない分、成果が小さいことがもったいないのですが、これを意図的に行っていけば、狙った成果をより大きなものにできるはずです。それでは、コンテンツの成果が上がる構成とはどんなものなのか解説していきます。 コンテンツの見出しは画像を使わず2行のテキストで作る前回説明したように優れたコンテンツは、検索集客力が高く検索から顧客と出会う力を持っています。検索から

    Webコンテンツの成果が上がるレイアウトの法則とは? | 誰も語らなかったWebコンテンツ作成技法
    webidea
    webidea 2014/12/08
    具体的で参考になる
  • これはすごい!3秒でプログラミングが始められるサービス17選 - paiza開発日誌

    Photo by Jason Cartwright こんにちは。谷口です。 プログラミングの勉強で「ちょっとあの開発言語の勉強をしてみたいな~」「実際にコードを書いて動かしてみたいな~」という時に、ハードルとなるのが「実行環境の作成」だと思います。 そんな時に役立つのが、書いたコードをブラウザ上で実行できる「オンライン実行環境サービス」です。 今回は、実行環境の手間を省いて「書いたコードをブラウザ上で実行できる無料サイト」を紹介します。 目次 ・複数言語対応系 ・ideone ・CodePad ・paiza.io ・repl.it ・Codecademy ・runnable ・Wandbox ・SourceLair ・JavaScript系 ・JSFiddle ・jsbin.com ・Codepen ・jsdo.itPHP系 ・PHPfiddle ・PHP Sandbox ・Write

    これはすごい!3秒でプログラミングが始められるサービス17選 - paiza開発日誌
  • SCKツール活用講座

    webidea
    webidea 2014/12/08
    比較情報
  • コメントが403エラー XサーバーのWPセキュリティ強化の影響

    Xサーバーに新しく導入されたコメント・トラックバック制限機能の影響か、コメントしようとすると403エラーがでてコメントできない問題が発生 コメントでエラーがでてるよ? そんな些細な一言から始まった 原因と対策を探す壮絶なる情報サルベージの旅 またか・・また・・なのか・・!? ワードプレスは・・また俺に試練を与えるのか!?(; ・`д・´) 前回はこれ 七転八倒のから回りっぷりを読みたい方はクリック なぜか急にコメントエラーがでるようになった・・ 基的に、エラーで403(アクセス権限がない)がでるというのは パーミッションの変更などによってアクセス権限が変わる htaccessファイルの記述を変えるなど WPの「制御に関する部分」に手を加えない限り発生しない 最近・・そんなのやってないぞ?(; ・`д・´)…ナゼ 報告があってから、自分でコメントをテストしても 「403 Forbidde

    コメントが403エラー XサーバーのWPセキュリティ強化の影響
    webidea
    webidea 2014/12/08
    エラーの原因はこれか[WPエラー]
  • iPhone用ブックマークレット - はてなブックマークヘルプ

    iPhone でブックマークレットの設定を行うと、いつでもブラウザのブックマークから、はてなブックマークへ追加やブックマークコメントをチェックすることができます。 【1】このページをブックマーク このページをブラウザのまたはボタンで一度 iPhone 体にブックマークします。 【2】ブックマークレットのコードをコピー 以下のコードを全選択し、コピーします。 javascript:(function(){if(window.BTouch){BTouch.Let.loadBookmarklet();}else{var d=new Date;var s=document.createElement('script');s.type='text/javascript';s.charset='utf-8';s.onload=function(){BTouch.Let.loadBookmarklet

    iPhone用ブックマークレット - はてなブックマークヘルプ
    webidea
    webidea 2014/12/08
    忘れないように…
  • 1