タグ

Tipsに関するyue2323のブックマーク (63)

  • mtFlash | AS3でリンク設定

    September 09, 2008 import flash.net.navigateToURL; import flash.net.URLRequest; 〜 //_blank var url_send:URLRequest = new URLRequest( "http://www.yahoo.co.jp/" ); navigateToURL(url_send); //_self var url_send2:URLRequest = new URLRequest( "http://www.yahoo.co.jp/" ); navigateToURL(url_send2, "_self"); なんかめんど臭い。

  • [AS3] getURLのように外部ページに行くには

    AS1/2では、getURLを使うことで、外部ページに行く動作が作れたかと思います。ですが、AS3では書き方が変わりました。 いままで、私のサンプルは外部クラスで持つ形だけだったので、今回はフレーム内記述もあわせてやってみます。 AS33.0の場合、外部ページの飛ぶ場合、URLRequestクラスでまずURL情報を指定して、navigateToURLクラスに投げ込むと動作します。 AS1/2とは、getURLでできてましたが、AS3ではまったく手続きが違うのでご注意ください。 以下、2スクリプトはステージをクリックすると http://f-site.org/に飛ぶ仕様となっています。 ■AS3.0 スクリプト例:フレーム内バージョン ファイル:GoURL_inFrame.fla 1フレーム目に以下を記述。 // イベントを設定 stage.addEventListener( MouseEv

    [AS3] getURLのように外部ページに行くには
  • Webページ内の画像を保存させない方法

    ブログを始めtumblrなどのサービスがある中で、考え方自体が古いのかもしれませんが、見ては欲しいがコピーしてほしくはない、大事な写真、作品というのはあるものです。今日紹介するのはWEBページ内の画像を保存させない方法です。 あくまで簡易的なので、当に保存しようと思えばいくらでも方法はあるのですが、参考までに記していきたいと思います。 詳しくは以下 原理から先にお話しすると、イメージタグでは無く、スタイルシートでその背景に画像を指定するという方法です。実際どうなるかと言うと以下の通り。 ドラッグまたは保存してもダウンロードされるのはダミー画像ファイルとなります。 実際のソースコードは以下の通り <p style=”background: transparent url(https://design-develop.net/wp-content/uploads/2007/12/nocopy

    Webページ内の画像を保存させない方法
  • 均一で単調なシャドウから卒業するPhotoshopのチュートリアル

    均一で単調なシャドウではなく、大きさや不透明度を調整して奥行きのあるシャドウを描くPhotoshopのチュートリアルを紹介します。 Warping Drop Shadows to Give Depth 下記はそのチュートリアルを元に意訳したものです。 Photoshopの標準機能だけで簡単に作成ができます。 Step 1 まずは準備をします。 下記の例では、白い背景と紙のテクスチャを用意しました。 Step 2 シャドウの元になる矩形を描きます。 背景とテクスチャの間に新規レイヤーを作成(Ctrl+Shift+Alt+[N])します。選択ツール[M]で長方形ツールを選択し、実体の下の方にやや小さめに矩形を選択します。塗りつぶしツール[G]を使用して、選択範囲を黒(#000000)で塗りつぶします。 シャドウの形は後のステップで整形するので、適当で構いません。

  • 3キャリア対応ケータイXHTMLのTIPS 8つ : アシアルブログ

    という素敵仕様なので、泣く泣く各タグ内にstyle属性を書きます。 どーしても我慢できない場合は、外部スタイルシートをインライン展開するようなフィルターを作成するとかでしょうか。ググッてみたら、HTML::DoCoMoCSSというPerlモジュールを作成されている方もいらっしゃいました。 ■画像形式 GIFとJPEGであれば大丈夫なようです。 ・iモード対応コンテンツ作成時の仕様 | サービス・機能 | NTTドコモ ・KDDI au: 技術情報 > 機種別情報一覧 ・ソフトバンク 端末情報 Part1 ~ ソフトバンク 端末情報 Part4 ・Mobile Creation 対応フォーマット一覧 ただ、SoftBankの場合、 ソフトバンク 端末情報 と気になる記述があったりするのですが、この2機種は、 ・V801SHをご利用のお客さまへ ・V-NM701/V801SAをご利用のお客さま

    3キャリア対応ケータイXHTMLのTIPS 8つ : アシアルブログ
  • jQueryを使い始めたときに感じる13の疑問 : tech.kayac.com - KAYAC engineers' blog

    来週は私が夏休みなので更新はない予定です。agoです。 最近、人にjQueryを解説する機会があったので、昔を思い出してjQueryを使い始めた頃に感じる疑問を書いてみたいと思います。 1 そもそも何で使うの?いまでも困ってないよ 作成する内容にもよりますが、慣れると使用しない場合に比べて記述するコード量が3分の1程度まで減ります。 また、変数、条件分岐、繰り返しが減るのでバグが発生しにくくなります。 2 何か特殊なことができる? 結局できることは変わりません。 jQuery自体JSで書かれてますし、記述の自由度もJSの制約に制限されます。 3 何が難しいの? 文法がややjQuery的になります。 参考 jQuery言語入門 jQuery自体のコード量は少ないのですが、独特の記述法が多く慣れるまで多少時間がかかるかもしれません。 また、CSS Selectorの知識はほぼ必須です。 特にマ

    jQueryを使い始めたときに感じる13の疑問 : tech.kayac.com - KAYAC engineers' blog
  • Particletree » Rediscovering the Button Element

    IntroductionCreating a consistent interface for your users is a constant struggle for every application designer. Building consistency on the web is especially tough because the visual rendering differences across browsers and operating systems are wildly different and almost arbitrary in what can and cannot be done. No where does this become more apparent than when you’re dealing with form elemen

  • 【CSS】ページ送りナビゲーションには display:inline-block が超便利 | バシャログ。

    こんばんは、ishidaです。 CSS2.1 で定義されている displayプロパティの値、inline-blockの使いどころを探してみたところ、ページ送りにかなり使えそうです。 まずは以下のサンプルをご覧下さい。Yahoo 検索結果のページ送りデザインをまねています。 ページ送りのサンプル 1 2 3 4 5 6 7 8 9 10 次へ> XHTML のサンプルは以下です。とてもシンプルです。 <ul class="pager"> <li><strong>1</strong></li> <li><a href="#">2</a></li> <li><a href="#">3</a></li> <li><a href="#">4</a></li> <li><a href="#">5</a></li> <li><a href="#">6</a></li> <li><a href="#">

    【CSS】ページ送りナビゲーションには display:inline-block が超便利 | バシャログ。
  • 一日の終わり、いい気分で家に帰るためのテクニック10選 | ライフハッカー・ジャパン

    夜、もしくは深夜にオフィスを出るとき、その日は10時間も働いてとっても疲れているのに、まだやり残したことがあって消化不良だと感じるとしたら、あなたはもしかしたら時間の使い方が上手くないのかもしれません。オフィスでの一日には、ミーティングや、メールチェック、同僚とのおしゃべりなどの時間に、意外とたくさん費やされ、そのために大事な仕事ができなくなってしまうのです。 でも、今回紹介するちょっとした方法を使えば、仕事をやり遂げた達成感、満足感を持って帰路につくことができるんですよ。 10. ランチやディナーの約束をする(締め切りを自分で作るために) あなたの同僚で子供がいる人は、なぜいつも時間通りにバタバタと帰宅しているのだろうと考えたことはありますか? それは、毎日決まった時間に子供を保育園まで迎えに行かないといけないからです。今日一日かけてこの仕事をすればいいやと悠長に構えていると、それほど大

    一日の終わり、いい気分で家に帰るためのテクニック10選 | ライフハッカー・ジャパン
  • duree dpe

    Par la rédaction Rédigé le 2021-05-25 Les diagnostics de performance énergétique dpe doit être affiché pendant toute sa durée de validité de 10 ans l'affichage doit être visible par le locataire. Dans le diagnostic je pense que tout est résumé une super équipe sur laquelle nous pouvons compter à tout moment de surcroit très sympathique. De la performance énergétique dpe logement tous les cas à par

  • Pure CSSな吹き出し

    Twitterで「CSSで吹き出し作るのブクマし忘れててどこにあったか忘れた……」とかつぶやいたらe_luckさんがImage-free CSS Tooltip Pointers - A Use for Polygonal CSS?を探してきてくれた。このエントリでは枠線をつけるために入れ子になっていたりちょっとわかりづらかったので、ものすごく単純化して解説してみようとかなんとか。 Pure CSSな吹き出しのサンプル: Speech Bubbles とりあえず、吹き出しの尻尾を左下に出すもの(サンプル内では4つめのサンプル)を例にして説明していく。HTMLコードは以下のようなもので、bubbleというクラス名を振ったdiv要素がコンテナ、bodyというクラス名を振ったp要素が吹き出しのベース、tailというクラス名を振った空のdiv要素が尻尾になる。 <div class="bubble

    Pure CSSな吹き出し
  • CSSで角がまるい吹き出しを作る「CSS Speech Bubbles」とか吹き出しいろいろ - GIGAZINE

    CSSを使って吹き出しを作成することができるCSSファイルとJSファイル、それから画像ファイルをひとまとめにしたセットです。XHTML1.0準拠で、Internet Explorer 6 と 7、Firefox 2.0、Safari 2.0、Opera 9.0で動作確認ができています。 ダウンロードは以下から。 willmayo.com >> CSS Speech Bubbles 実際のサンプルは以下にあります。 CSS Speech Bubbles 角をまるくしているのは、「curvyCorners」を使用しているとのこと。 ほかにもこの吹き出し方のものは以下に多くあります。 入力欄(フォーム)部分をマウスでクリックすると吹き出しが出てくるタイプ Tooltip for forms リンクの上にマウスを乗せると吹き出しが表示されるタイプ Ajax tooltip リンクの上にマウスを乗せ

    CSSで角がまるい吹き出しを作る「CSS Speech Bubbles」とか吹き出しいろいろ - GIGAZINE
  • 知らなかった…CSSのborderで斜めに線を引く方法:rynote

    なんと画像を使わずにCSSのborderだけで、上のような吹き出しボックスが実現できてしまうようです! 技術的には、border同士の重なりで斜め線を生み出して実現しているようですね。 ▼具体的なコードは以下のようになります CSS&HTML blockquote {    margin: 0 0 50px 0; padding: 0;} blockquote#one {    width: 250px;    background: #e3e3e3;    padding: 25px;    position: relative;} /* 吹き出しの部分 */ blockquote#one .arrow {    width: 0;    height: 0;    line-height: 0;    border-top: 40px solid #e3e3e3;    borde

  • 脱・ド素人!Webデザイン初心者向けのガイド、サイト制作の手順とコツ。 - WEB人

    当たり前のSEOからアイデアSEOへ。…記事一覧Webデザイン全般や実際のワークフローについて要点… 脱・ド素人!Webデザイン初心者向けのガイド、サイト制作の手順とコツ。 公開:2009年11月 9日 10:52, 更新:2009年11月 9日 11:37 トラックバック(0)  コメント(0) 独学でWebデザインをやってみようとする場合、なぜか作業効率が悪かったり、作ってみたら最初考えていたようなデザインにならなかった、というとはないでしょうか?今回は、そんな人のための「目指すは脱・ド素人!Webデザイン初級ガイド」です。 ちなみに、そおらくこういう人にちょうど良いレベルだと思います。 HTMLCSSを自分で書いてページを作る事が出来る。 無料ブログなどを少しはカスタマイズできる。 ソフトで簡単なサイトは作れるけれど、Webデザインの業務経験はない。 今まで手順を考えずに適当に思い

  • target="_blank"を使わずに別ウィンドウで開く

    通常外部リンクなどを別窓で開く際に、target="_blank"を使うと思うのですが、コレは非推奨となっているので、もうちょっと美しく別窓で開くにはどうしたらいいか? と何度か考えた事がありますが、適当にぐぐると、JavaScriptを使うものが何点かあるけど、ソレもイマイチスマートじゃない。 例えば下記で紹介されているような。 http://allabout.co.jp/internet/hpcreate/closeup/CU20040118A/ コレはコレで今までの問題を解決するにはいいのかなーと思うのですが、ボクが個人的に求めているのはもうちょっとスマートなやり方。 今まで、この問題に関して深く調べた事が無かったのですが、雲のむこうの人からこういう方法もあるよ。 って教わったので、今回はそのやり方を紹介いたします。 取り合えず、何だかんだ言って結局JavaScriptを使うわけです

    target="_blank"を使わずに別ウィンドウで開く
    yue2323
    yue2323 2009/12/10
    js使ってtarget_blankをやめる方法。
  • colgroup / col 要素を活用してみる | WWW WATCH

    table 関連の要素とか属性っていろいろあるにもかかわらず、結構使われていないなと思ったり。 上手にマークアップしておけば、アクセシビリティ的にも優れた表組み... table 関連の要素とか属性っていろいろあるにもかかわらず、結構使われていないなと思ったり。 上手にマークアップしておけば、アクセシビリティ的にも優れた表組みが再現できるだけでなく、CSS で見た目をいじるときにも、無駄に class 属性なんかをつける必要もなかったりと、いろいろ良い事あるのになということで、今回はその中から colgroup 要素と col 要素について書いてみることにします。 例えば上記サンプルのような表を作りたいと思ったとき、列方向 (縦方向) のセルに背景色を指定するためだけに class 属性を付けていったりするのは面倒だしスマートじゃない。サンプルのように列方向の各データが構造的にグループ化で

    colgroup / col 要素を活用してみる | WWW WATCH
  • SOYAGIMI NOTE 事業者のための情報発信メディア

    Information to help businesses事業者に役立つ情報を総合的にお届けします こんにちは、SOYAGIMI Note を運営する株式会社SOYAGIMI 松永です。 このサイトは弊社顧客様のための情報提供、また様々な地域で活躍される事業者様のお役に立てる情報を発信するためのメディアです。 私たちも小規模な事業者ですので、比較的使える情報や経験をご紹介できると思います。 比較サイトなんか見ても、昨今事業者は軽く扱われがちですからね。 色んな情報やテクニックを持って、けっこう大変な時代を乗り越えていけたらいいなぁって。 Convenient tool use 便利なツールの使い方をご紹介 小規模で活動されていると、やはり人出が足りなくなるのが現状です。 しかしながら最近は無料で使えて、業務を効率化できるアプリも多数存在します。 そういったアプリの使い方などをまとめて、経

  • css-eblog.com - このウェブサイトは販売用です! - css eblog リソースおよび情報

    This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.

  • Data Tables and Cascading Style Sheets Gallery

    Current style: TagBox by TagBox Table design based on the fresh TagBox style.

  • 分割CSSファイルの構成とそのルール - 3ping.org

    ひとつのスキンは、機能・役割ごとに独立したCSSファイルが複数組み合わさって構成されています。各CSSファイルがどのような役割をもち、スキンの一部として組み込まれているかを理解することで、既存スキンの編集が簡単になります。 ここでは、Vicunaで配布しているスキンについて、 全体の構成 コアファイルの役割 記述ルール 分割方法の特徴 に分けて解説します。 全体の構成 次の図は、各ページが読み込むCSSファイルを示したものです。Vicunaで配布している純正のスキンは、すべて以下のような構成になっています。 ページに直接読み込まれる 0-import.css は、その下の5つのファイル 1-element.css 2-class.css 3-context.css 4-layout.css 5-module.css を読み込みます。スキンのデザインのほとんどは、このうち 5-module.