forestjournalのブックマーク (172)

  • ウェブ配色ツール Ver2.0

    的な使い方 左上のカラーピッカーを使って、任意の1色を作れば、それに合わせた配色が作れるツールです。またロゴの文字や色は任意の物を指定できるようになっています(ただしフォントは変更出来ません)。 カラーピッカーの下のスライダーを利用すれば、メイングラフィックの変更や色相幅も変えることが出来ます。動きが必要な配色の場合には、2つめのスライダーを右に動かしてください。補色配色に近い配色が出来上がります。 色の一覧を押すことで、出来上がった色の一覧を表示しますので、コピー&ペーストしてお使いください。 この配色ツールについて この配色ツールはフォルトゥナによって提供されています。リンク等は当然のことながら自由にしていただいて構いませんが、無断で複製・転載するのはおやめください。 取材・執筆等のお申し込み このツールに関してのご質問、あるいはその他の色に関する取材・業務や講演などは、フォルトゥ

    ウェブ配色ツール Ver2.0
  • 日本のバージョン別ブラウザシェアグラフ (StatCounter Global Statsより)

    Microsoft vs Netscape」の第一次ブラウザ戦争は「Internet Explorer」の勝利で終焉し、いまや第二次ブラウザ戦争のまっだた中。はたしてブラウザの市場占有率(シェア)は? アクセス解析サービス「StatCounter」(アイルランド)が提供する「StatCounter Global Stats」より日のブラウザシェアのバージョン別統計グラフを掲載。(グラフ表示はAdobe Flash Playerが必要。) □ Source: StatCounter Global Stats - Browser Version Market Share (2015年8月1日~2015年9月1日) Microsoft Internet Explorer (Tridentエンジン) Mozilla Firefox (Geckoエンジン) Opera (Prestoエンジン ⇒

  • Product Advertising API

    forestjournal
    forestjournal 2013/12/09
    Amazon Service APIの詳細仕様
  • Apple ソフトウェア製品で使われている TCP および UDP ポート - Apple サポート (日本)

    Apple ソフトウェア製品で使われている TCP および UDP ポート macOSiCloud などの Apple 製品で使われる TCP ポートと UDP ポートについて説明します。これらのポートの多くは、業界標準の「ウェルノウン (well known)」ポートです。 Apple 製品で使われているポート 以下の一覧表はすべてのポートを網羅したものではなく、一般的な使用例を添えたクイックリファレンスガイドとなっています。内容は定期的に更新され、記事公開時点の最新情報が反映されます。エンタープライズネットワークに特有のホストとポートについては、エンタープライズネットワークで Apple 製品を使う方法をこちらの記事でご確認ください。 ソフトウェアによっては別のポートやサービスが使われる場合もあるため、ファイアウォールやその類のアクセス制御方式の設定方法を判断する際は、ポート監視ソフ

  • iOS + PHPでPush Notificationを実装する - モンテカットの開発日記

    Morning Relayという目覚ましアプリで、iOS + PHPでPush Notificationを実装してみた。公式ドキュメントを読むと複雑で難しそうだが、じっくりやれば大丈夫。サーバー側の実装は公式ドキュメントには実例が載っていないのだが、「apns-php」というPHPのライブラリを使うことでラクにできた。 環境 XCode 4.3 PHP(フレームワークにCakePHPを使っているが、特にCakePHPに依存している個所はない) サーバー側のライブラリにapns-phpを使用、ローカルでの作業にMac標準の「キーチェーンアクセス」を使用 概要 準備 App IDを作成する プロビジョニングファイルの作成とローカルへのコピー ローカルでCSR(証明書署名要求: Certificate Signing Request)ファイルを作成、それをAppleのサーバーにアップロードして証

    iOS + PHPでPush Notificationを実装する - モンテカットの開発日記
    forestjournal
    forestjournal 2013/10/21
    “DeviceToken”
  • tableの行と列を固定してスクロール!!Super Tables | バシャログ。

    6月に入り、欧州サッカーの移籍情報が気になってしょうがないishidaです。 WEB制作に携わっていると、表組みだらけのWEBサイトの担当に 長い人生に一度や二度はなる(?)と思います。 tableによる表組みは、行や列が増えすぎるとコンテンツからはみ出したりして 見栄えが悪くなりますよね。 そんな迷える子羊たちを助けてくれるjavascriptライブラリ Super Tables を今回ご紹介いたします。 まずは以下のサンプルをご覧くださいませ。 Super Tables サンプルデモ サンプルのような感じで、ヘッダー部分を固定したり、列を固定できます。 Super Tables 設置方法 配布ページよりデータをダウンロードし、利用したいhtmlのhead要素などでファイルを読み込みます。 <link rel="stylesheet" href="superTables.css" typ

    tableの行と列を固定してスクロール!!Super Tables | バシャログ。
  • 第4回 JavaScriptでオブジェクト指向プログラミング ― @IT

    JavaScriptが、いま注目を浴びている。 JavaScriptがこれだけの注目を浴びた理由の1つとして、Ajax技術の登場とも相まって、JavaScriptに対する確かな理解の必要性が高まったという事情は否定できない。しかし、それだけでは説明できない急速な注目の理由として、もう1つ、JavaScriptという言語そのものが持つユニークさが開発者の目を引いたという点は看過できないだろう。 もっとも、このユニークさは同時に、多くの開発者が感じているJavaScriptに対する苦手意識と同義でもある。これまでVisual BasicやC#、Javaといった言語でオブジェクト指向構文になじんできた開発者にとって、JavaScriptのオブジェクト指向構文はいかにも奇異なものに映るのだ。ようやくクラスという概念を理解した開発者が、JavaScriptという言語の背後にたびたび見え隠れする「プロ

    第4回 JavaScriptでオブジェクト指向プログラミング ― @IT
  • How to Create a jQuery Confirm Dialog Replacement

    Continuing on our quest for building customizable alternatives for browser's controls, this week we are building a cross-browser, custom confirm dialog in the form of an easy to use jQuery plugin. You can choose the text, buttons, and actions that will be executed when they are clicked. HTML Although we are mainly concentrating on the confirmation dialog, lets first say a few words about the page

    How to Create a jQuery Confirm Dialog Replacement
    forestjournal
    forestjournal 2013/09/10
    アラートダイアログのカスタマイズ他
  • canonical属性とは/link rel=”canonical”によるURL正規化タグ——SEOにとって非常に重要な進歩(前編) | Web担当者Forum

    canonical(カノニカル)タグは、<link rel="canonical" href="○○">のように使われます。そもそもcanonical属性とは検索エンジンに対してどんな意味を持ったタグなのでしょうか? 基情報からSEOで活用すべきシーンなどを事例で紹介します。 ヤフー、グーグル、そしてMSN Live Search(マイクロソフト)は、新しい「URL正規化タグ」をサポートすると発表した。 このタグを使えば、ウェブマスターやサイトオーナーが検索エンジンのインデックス内での重複コンテンツ問題を解消できる(ただし、自サイト内の問題のせいで生じる重複インデックスのみ)。 僕が思うに、これはSEOのベストプラクティスにとって、サイトマップの登場以来最大の変化だと思う。SEOmozでは最新ニュースを届けることより戦略について論じることに重点を置いているから、このブログで検索エンジン関

    canonical属性とは/link rel=”canonical”によるURL正規化タグ——SEOにとって非常に重要な進歩(前編) | Web担当者Forum
  • 第1回 PhoneGap/Cordovaとは | gihyo.jp

    PhoneGap Day US 2012にて、待望のPhoneGap 2.0.0がリリースされました。連載では、PhoneGap 2.0.0の変更点をはじめとして、新機能の紹介やFile APIを使ったアプリケーションの開発方法について紹介していきます。どうぞお楽しみください。 PhoneGap/Cordovaとは PhoneGapはAdobeが開発、公開しているクロスプラットフォーム・モバイルアプリケーションの開発フレームワークです。詳細については、前回の連載の記事をご参照ください。 PhoneGap もともとPhoneGapはNitobi社が開発・公開していましたが、2011年10月2日(米国時間)にAdobe社がPhoneGapの開発元であるNitobi社を買収したと発表しました。PhoneGapは開発体制や配布方法が変更され、Apacheに寄贈され、現在にいたります。 Phone

    第1回 PhoneGap/Cordovaとは | gihyo.jp
  • Knockout.js勉強中! サンプルアプリ『電卓』 | webシステム開発会社よりフリーランスのSEプログラマースコブト

    最近、Knockout というJavascriptフレームワークにハマってます。 JSでの開発をラクにするKnockout Knockoutは一言で言えば、「HTML(CSS)とJavascriptによる開発にMVVMモデルを適用する」ためのフレームワークです。 フレームワークといっても、開発者を制約で縛り上げるようなものではなく、開発がとてもラクになります。 たとえば Knockout では、HTMLの要素と、Javascriptで書いたシンプルなオブジェクトのプロパティを、定義ベースで関連付けます。 関連付けられたプロパティが更新されると、HTMLの要素も上書きされます。 これだけでも、次のようなメリットが考えられます。 「開発効率向上」マークアップエンジニアとスクリプトエンジニアの分業 「保守性向上」マークアップ(View)の変更によるスクリプト(ViewModel)への影響がほとん

  • hatch2 blog » jQueryのDatepicker項目をjsで動的に増やすとうまく動作しない問題を解決する

    jQueryのUIライブラリに入っている「datepicker」 便利なんですが、案件で動的にフォームの項目を増やす事がありまして、 うまく動作しなかったのでいろいろ検証してみました。 検証後 参考サイトのコードからいろいろ検証してみて、最小コードでできる道をさがしてみた。classとidを外すだけでリセットできるようです。 「.datepicker(‘destroy’)」や「.datepicker(‘refresh’)」というのも存在しているのですが、今回のパターンの場合は使えないようです。 流れは以下のようになってます。 テンプレートをcloneする。その後に、追加されてしまっているIDとClassを削除する新しいdatepickerを設定する サンプルコード 参考 problem when cloning jQuery UI datepicker コアjQuery+

  • 色見本と配色サイト - color-sample.com

    色 色は、雑誌、広告、テレビ・パソコン、家具・小物、雑貨など、生活する上で自然と目にするものですが、私たちはその目にする色の影響をどれほど受けているのでしょうか。人は750万色以上の色を目で認識できるそうですが、実は目を閉じていても、皮膚から色の違いを感じ取れることが分かっています。ここでは、Web上のフルカラーで表現できる1600万色の色見を見ることができます。心理的・生理的に影響のある色ですから、それぞれの色と向き合って色の個性を体感してみてください。

    色見本と配色サイト - color-sample.com
  • Skitter • Slideshow for anytime

    And after a long time, a new version of Skitter, now responsive. Image credits

    forestjournal
    forestjournal 2013/08/21
    カッコいいスライドエフェクトがGood!
  • サービス終了のお知らせ - NAVER まとめ

    サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。

    サービス終了のお知らせ - NAVER まとめ
  • 初心者がよくハマる、CSSのfloatプロパティ徹底攻略 | WeeeeB

    2011年も残りわずかですね。今年最後の記事は、CSSのfloatプロパティについて書いてみようと思います。僕はフリーのWebクリエーターをしつつ、Webの講師業もしてるんですが、どの生徒さんもfloatに苦しめられてるのをよく見ます。そこでCSSを勉強しているWebクリエーターさんにfloatとの上手な付き合いかたをご紹介します。 初心者がよくハマる、CSSのfloatプロパティ徹底攻略の目次 まずはfloatを理解しよう floatした要素の親要素に付けた背景が出ない時の対策方法 floatによるレイアウト崩れ(段落ち)の解決方法 1. まずはfloatを理解しよう floatはただ、要素を左右に振っているのではない。浮いているんだ! floatとは、左右に要素を回り込ませたいときに使うCSSのプロパティです。でもただ左右に回り込んでるだけではないのです。実はfloatした要素は浮いて

  • ネットオークションの落札相場、統計データの「オークファン」ヤフオクなどオークション価格比較から検索まで。オークションツール・無料出品テンプレートも充実!

    レディースファッション メンズファッション 家電・AV・カメラ おもちゃ・ゲーム・カルチャー PC・タブレット ・コミック・雑誌 スポーツ用品 文房具・事務用品 スマホ・タブレット インテリア・住まい CD音楽 楽器 チケット・金券 自動車・オートバイ 品 ソフトドリンク・お酒 健康・ヘルスケア ベビー用品 ペット アンティーク お花・園芸 映画・DVD・ブルーレイ タレントグッズ その他 すべてのカテゴリ

  • 15 Useful JQuery Calendar and Date Picker Plugins - DesignM.ag

    li > a" data-ddst-label="Navigation Items" data-ddst-no-support="background,border"> li > a" data-ddst-label="Navigation Items" data-ddst-no-support="background,border"> Home Categories Tutorials Resources Inspiration Freelance Interviews Design Freebies About Contact Advertise With Us Write For Us Contact With JQuery Calendar and Date Pickers it is quite simple to add cool calendar features to ne

    15 Useful JQuery Calendar and Date Picker Plugins - DesignM.ag
    forestjournal
    forestjournal 2013/07/25
    Googleカレンダーっぽい物や日付ピッカー等カレンダー関連のjQueryプラグイン集15
  • PDOでサクサクDB開発

    はじめに PHP界隈では現在、PHP 4からPHP 5への移行が進んできており、ここ最近ではPHP 5の機能を活用したフレームワークも多く出てくるようになりました。 PHP 5は、PHP 4に比べオブジェクト指向のサポートや速度面での向上などが取り上げられる中、最も注目すべき点であるデータベースへのアクセスを抽象化したレイヤーとしてPDOが登場しました。 今回はそのPDOに注目し、サンプルを交えてPDOの使い方を紹介します。 対象読者 PHP 5を使ったことがある方 以前PEAR::DBなどを用いてデータベースを使ったアプリケーションを作成したことのある方 必要な環境 PDOはPHP 5.1から標準で導入されるようになりました。Windows/UNIXを問わず利用することができます。よってPHP 5.1の環境と、PDOの動作に必要なデータベースの構築を行ってください。 PDOとは PDO(

    PDOでサクサクDB開発
  • 情報処理推進機構:情報セキュリティ:脆弱性対策:安全なウェブサイトの作り方

    「安全なウェブサイトの作り方」は、IPAが届出(*1)を受けた脆弱性関連情報を基に、届出件数の多かった脆弱性や攻撃による影響度が大きい脆弱性を取り上げ、ウェブサイト開発者や運営者が適切なセキュリティを考慮したウェブサイトを作成するための資料です。 「安全なウェブサイトの作り方」改訂第7版の内容 第1章では、「ウェブアプリケーションのセキュリティ実装」として、SQLインジェクション 、OSコマンド・インジェクション やクロスサイト・スクリプティング 等11種類の脆弱性を取り上げ、それぞれの脆弱性で発生しうる脅威や特に注意が必要なウェブサイトの特徴等を解説し、脆弱性の原因そのものをなくす根的な解決策、攻撃による影響の低減を期待できる対策を示しています。 第2章では、「ウェブサイトの安全性向上のための取り組み」として、ウェブサーバの運用に関する対策やウェブサイトにおけるパスワードの取扱いに関す

    情報処理推進機構:情報セキュリティ:脆弱性対策:安全なウェブサイトの作り方
    forestjournal
    forestjournal 2013/07/12
    ウェブサイトを運営する上で重要なセキュリティー対策の情報が記載されています。