タグ

tipsに関するyukeeのブックマーク (140)

  • 百姓快三-中国有限公司

    百姓快三【正规信誉大平台】❤️小美提供❤️百姓快三登录入口,百姓快三网址,百姓快三官网,百姓快三平台,百姓快三app,百姓快三下载,百姓快三在线购彩,百姓快三用户注册,...

    百姓快三-中国有限公司
    yukee
    yukee 2014/07/24
  • Googleマップのお手軽カスタマイズできる「Styled Maps Wizard」の使い方 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作

    こんにちは。ディレクターのエリカです。 Google マップがカスタマイズできることはよく知られていると思いますが、難しそうでなかなか手が出せない・・・と思っていませんか? Google 公式が提供している「Styled Maps Wizard」を使えば、驚くほど簡単に Google マップをカスタマイズできるのでご紹介いたします。 ※このページは、Styling Wizard: Google Maps APIsの旧サービス:Styled Maps Wizardの紹介記事です。 Styling WizardでGoogleマップをカスタマイズ! Styling Wizardはこちらから利用できます https://mapstyle.withgoogle.com/ ※現在はStyling Wizardにリニューアルしています。 STEP1. 全体の色を変えてみよう 画面左の Selectors

    Googleマップのお手軽カスタマイズできる「Styled Maps Wizard」の使い方 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
  • Googleフォームで自動返信システムをサクッとつくる (1/4)

    Google Apps Script(以下、GAS)を使えば、Googleのアプリケーションにちょっとした機能を加えて実用的なサービスに仕立てられます。今回は、問い合わせフォームを簡単に作成できる「Googleフォーム」を使って、問い合わせメールへ自動で返信するシステムを作ります。 【フォーム作成】問い合わせフォームを作る Googleフォームは、問い合わせやアンケートなどのフォームを簡単な操作で作成できるWebアプリケーションです。まずは企業サイトを想定した、シンプルな問い合わせフォームを作成してみましょう。 1. https://drive.google.comにアクセスしてGoogleドライブを開きます。「作成」ボタンをクリックし、「フォーム」を選んでください。

    Googleフォームで自動返信システムをサクッとつくる (1/4)
  • CSSのみで実装するボタンデザインやホバーエフェクト 20+α - NxWorld

    実際に使用したものやいつか使うかもと思ったものをJSFiddleやEvernoteなんかでバラバラにメモしていたのですが、それらの中でよく使いそうなものを一覧化したものが欲しかったのでまとめました。 今となっては様々なところで用いられていますし、もっと凄くて面白い動きを実装しているチュートリアルなんかも沢山見かけますが、個人的に汎用性高いと思うもの中心です。 対象ブラウザに古いIEなどが含まれている場合はもちろん使えませんが、いずれもjQueryや画像などを一切使用せずにデザインやアニメーションも全てCSSのみで実装しているものです。 また、同様にCSSのみでクリエイティブなボタンデザインやエフェクトを実装できるエントリーや便利なジェネレータツールなども備忘録兼ねて併せて紹介します。 CSS3を多用しているため、ブラウザ(特にIE7・IE8など)によっては動きや見栄えが説明と異なる場合があ

    CSSのみで実装するボタンデザインやホバーエフェクト 20+α - NxWorld
  • Macでも無料でIE確認するためのModern.IEが想像以上に快適だった

    これまで、MacBook Air 上で制作したWebページを IE 確認する時は、「VirtualBox」や「Parallels Desktop」という仮想PCアプリケーション上で Windows 8 などを起動し、そこで IE を起動して表示確認しています。 私は、 Windows XP – IE8 Windows 7 – IE9 Windows 8 – IE10 のように、なるべく一般的なOSとブラウザーのバージョンで合わせて個別の仮想PCをインストールしていますので、実機で確認するのと比べてもほとんど遜色のない精度でIEでの表示確認をすることができています。 その際、「Windows 8 – IE10」環境は、パフォーマンスが良いと聞いて購入した「Parallels Desktop 7」という仮想PCアプリケーションを使用していました。 しかし、OS X を Mavericks(10

    Macでも無料でIE確認するためのModern.IEが想像以上に快適だった
  • スクロールに応じて固定する見出しが切り替わる

    Result jQueryfunction Up() { $(".head").each(function() { var el = $(this), offset = el.offset(), s = $(window).scrollTop(), f = $(".floating", this); //位置に応じて表示/非表示の条件分岐 if ((s > offset.top) && (s < offset.top + el.height())) { f.css({ "visibility": "visible" }); } else { f.css({ "visibility": "hidden" }); }; }); } $(function() { var clone; $(".head").each(function() { //要素のクローンを作成してスクロールに追従させる c

    スクロールに応じて固定する見出しが切り替わる
    yukee
    yukee 2014/04/23
  • プログラミング勉強中の人にオブジェクト指向とは何なのかを何となく伝えたい話 - かまずにまるのみ。

    この文章について OOP(オブジェクト指向プログラミング、オブジェクト指向パラダイム)について プログラミング勉強中の大学生さんに説明する機会が何度かあったので、 自分の中で整理するために書きました。 中には適切でない説明もあります。ばっさり省いているところもあります。 詳細より イメージを掴んでもらうことを優先しているためです。 「それにしてもあんまりだなー」という表現がありましたらご連絡いただけると嬉しいです。 大学生さん 大学生さんたちはいろんな背景を持っています。 プログラミングを始めたばかりの人 独学で Objective-C や JavaScript を書いた経験がある人 Web やコンピュータの仕組みについてもこれから勉強する予定の人 使用言語 大学生さんたちはプログラミングの第一歩として JavaScriptPHP を使っています。ここでは説明に PHP のコードを使

    プログラミング勉強中の人にオブジェクト指向とは何なのかを何となく伝えたい話 - かまずにまるのみ。
    yukee
    yukee 2014/04/07
  • 2行追加するだけでWebサイトを高速化するInstantClick.io - atskimura-memo

    Before visitors click on a link, they hover over that link. Between these two events, 200 ms to 300 ms usually pass by (test yourself here). 引用:InstantClick — JS library to make your website instant リンクにマウスオーバーしてからクリックするまでには200msから300msほど時間がかかるそうです。実際このテストページでクリックしてみるとMacのトラックパッドだとさらに遅く500msくらいかかってました。 InstantClick.ioはその間に裏でリンク先ページをロードして勝手にリンクをpjax化してしまうという高速化ライブラリです。 やってることはRails4のturbolinksと似てます

    2行追加するだけでWebサイトを高速化するInstantClick.io - atskimura-memo
  • javascriptにおけるスコープとクロージャについて - 今日もスミマセン。

    クロージャとかスコープの理解が自分の中であいまいなので整理しておく。 スコープについて javascriptにおけるスコープはfunction単位 ブロックレベルのスコープは無い 変数はそれが作成されたスコープのプロパティ webブラウザ内で実行される場合、グローバルスコープはwindowオブジェクト。なので、グローバル変数は実はwindowオブジェクトのプロパティになっている。 var hoge = 'hage'; // hoge == window.hoge functionスコープにおいて var 無しで 変数に代入を行った場合は、グローバルなスコープにプロパティが追加される。(webブラウザで実行されている状況ではwindowオブジェクトのプロパティになる) function test() { hoge = 'hage'; } // hoge == window.hoge クロージ

    javascriptにおけるスコープとクロージャについて - 今日もスミマセン。
    yukee
    yukee 2014/01/14
  • jQueryでマウスホイールすると余韻が残るイージングスクロールをつくる

    jQueryでマウスホイールすると余韻が残るイージングスクロールをつくる 通常はマウスホイールでのスクロールするとピタッと止まりますが、止まるときに余韻が残ったりするとなんだかリッチな感じがしますよね。 ということでjQueryで、その動きを作ってみました。 投稿日2011年08月10日 更新日2011年08月10日 プラグインのダウンロード jQueryはもちろんのことですが、ここではマウスホイールを検出するために「MOUSE WHEEL EXTENSION」と、かっこよくスクロールするために「jquery.easie.js」というプラグインを使用します。 MOUSE WHEEL EXTENSION jquery.easie.js javascript javascriptのコードは以下のようになります。 javascript <script type="text/javascript"

    jQueryでマウスホイールすると余韻が残るイージングスクロールをつくる
    yukee
    yukee 2013/11/20
  • jQueryを使った一定以上スクロールすると上に固定される横メニュー

    最近、上部に固定された横メニューをよく見かけます。最初から一番上にあるものだと最初から「position:fixed」で問題ないと思いますが、最初は一番上にはなく、メニューがページの最上部までスクロールされた時点で固定されるものだとちょっと工夫が必要です。 今回はそんな横メニューをできるだけ親切に解説してみます。 今回のメインはjQueryで固定するところなのですが、一応今回のサンプルで使用したHTMLCSSも解説します。 HTML よくあるタイプの普通のリストメニューです。 <div id="menu-wrap"> <ul id="menu"> <li><a href="#">メニュー</a></li> <li><a href="#">メニュー</a></li> <li><a href="#">メニュー</a></li> <li><a href="#">メニュー</a></li> <l

    jQueryを使った一定以上スクロールすると上に固定される横メニュー
  • Google Maps API V3 入門・初心者向けサンプル集

    Google Maps API V3 入門・初心者向けサンプル集 Google Maps API V3のサンプルをどんどん記録して行きます。 色々なボタン Tweet サイトマップ サイトマップ Links 日の出・日の入り時刻・方角マップ PR サイトマップ カテゴリ別表示は、JavaScript を オン にしてください。 サイトマップ ディレクションサービス(ルートをドラッグ) ディレクションサービス(複数ルート) ディレクションサービス(ルートにPolylineで経由地点) ディレクションサービス(ルートにPolylineで複数ルート) ディレクションサービス(ルートにPolylineを使用) ディレクションサービス(距離を表示②) ディレクションサービス(距離を表示) ディレクションサービス(マーカーをドラッグ) ディレクションサービス(経由地点の設定2) ディレクションサービス

  • nthmaster.com

    nthmaster.com 2024 著作権. 不許複製 プライバシーポリシー

  • Absolute Centering

    Perfect horizontal AND vertical centering in CSS, at any width or height! Works with percentage based width/height, min-/max- width, images, position...

    Absolute Centering
    yukee
    yukee 2013/08/12
    absoluteを使った縦横センタリング
  • Flashで別ドメイン(クロスドメイン)にある画像の表示方法(AS3.0) | maxar quartz

    Flashでは別ドメインにある画像を取得し反映するには制約があります。今回、この回避方法を以下の場合分けをして書いていきたいと思います。ローカル上では動作を確認できたのにサーバへアップしたら反映を確認できない場合は、2か3の方法を試してみると良いかもしれません。 取得した画像をそのまま表示する場合 取得した画像を加工する場合 – 画像のサーバへポリシーファイルの配置が可能な場合 取得した画像を加工する場合 – 画像のサーバへポリシーファイルの配置が不可能な場合 URLRequestでそのまま表示することができます。 package{ import flash.display.*; import flash.net.*; public class main extends MovieClip { public function main():void { var image:String =

  • Geekなぺーじ : Google MAPS APIプログラミング

    ここでは、Google Maps JavaScript API(version 3)を使って遊ぶ方法を説明したいと思います。 Google Maps JavaScript APIを使うと、グーグル社が提供する衛星写真や地図を使ってホームページ上で色々なものを作れます。 対象とする読者は初心者もしくは入門者です。 Google Maps APIJavaScriptを使って書いてあるので、JavaScriptの知識があった方がわかりやすいと思いますが、Java Scriptがわからなくても何と無くわかるような説明を目指したいと思っています。 基Google Maps APIの単純な例 地図の種類を切り替える 地図の中心を移動する 地図上にふきだしを表示 地図がクリックされたときの処理 マップタイプコントロールを無効にする 緯度経度取得ツール 要望が多いので緯度経度情報を取得するツールを

    yukee
    yukee 2013/08/08
  • IE8以下でもメディアクエリーに対応する Respond.js の紹介と動かない時の対処法

    Respond.js とは IE6〜8などCSS3メディアクエリーの min/max-width に対応していないブラウザのための、高速で軽量なpolyfillです。MITとGPL2のデュアルライセンスで公開されています。 このスクリプトのいいところはメディアクエリー非対応のブラウザでメディアクエリーを使えるようにするという1点に用途を絞っているところです。 ファイルは極力小さくなるように設計されており、メディアクエリー対応ブラウザではできるだけ早いタイミングで処理を中断するようになっているので、パフォーマンスにあまり影響を与えません。 また、他のライブラリーに依存しないのも高ポイントです。 使い方は簡単で、JSファイルを通常通り読み込ませるだけです。Respond.js がHTMLから呼ばれているCSSを正規表現で解析し、表示しているブラウザのウィンドウサイズによってメディアクエリーを解

    yukee
    yukee 2013/08/07
  • FINDJOB!終了のお知らせ | FINDJOB!

    FINDJOB! 終了のお知らせ 2023年9月29日にFINDJOB!を終了いたしました。 これまでFINDJOB!をご利用いただいた企業様、求職者様、様々なご関係者様。 大変長らくFINDJOB!をご愛顧いただき、誠にありがとうございました。 IT/Web系の仕事や求人がまだ広く普及していない頃にFind Job!をリリースしてから 約26年間、多くの方々に支えていただき、運営を続けてまいりました。 転職成功のお声、採用成功のお声など、嬉しい言葉もたくさんいただきました。 またFINDJOB!経由で入社された方が人事担当になり、 FINDJOB!を通じて、新たな人材に出会うことができたなど、 たくさんのご縁をつくることができたのではないかと思っております。 2023年9月29日をもって、FINDJOB!はその歴史の幕を下ろすこととなりましたが、 今後も、IT/Web業界やクリエイティブ

    FINDJOB!終了のお知らせ | FINDJOB!
  • スマートフォンサイトを驚くほど速くする!高速化9つのポイント | Find Job ! Startup

    回線が細くCPUも弱いスマートフォンは、リッチなWebサイト表示が苦手です。しかし、地道な対策で表示速度が驚くほど変化するのも事実。 今回はスマホのWebサイト表示の高速化手法をまとめました。もちろんPC向けにも効果バツグンのTips集です。 Webサイトを劇的に高速化する9つのポイント 1.画像を圧縮する 2.画像はサイズを指定して使う 3.画像は適切なサイズで使う 4.CSS/JavaScriptを圧縮する 5.CSSスプライトを使う 6.不要なCSS/JavaScriptを読み込まない 7.CSS/JavaScriptをまとめる 8.CSSセレクターを最適化する 9.mod_deflateでgzip圧縮する 1.画像を圧縮する 画像を最適化することは、フロントエンドの高速化に絶大な効果を発揮します。Photoshopを使って圧縮しても良いのですが、もっと手軽に圧縮

  • Loaderで、読込完了時に引数を渡す //AS3.0 - bute_lab.