タグ

*web制作に関するshinokiwaのブックマーク (31)

  • あなたのブログを圧倒的に便利化・効率化する最強のプラグイン40選 | アフィリエイト初心者でも稼げるネットビジネスブログ

    仕組みはわからなくても、誰でも簡単にワードプレスのブログを拡張することができる素晴らしいアイテムであるプラグイン。 ネットビジネス&アフィリエイト&ワードプレス1年半になる僕が、ワードプレスに絶対に入れておくべきプラグイン40選をまとめました。 目次 1.デザインを強化するプラグイン 1-1.Shadows 1-2.jquery-colorbox 1-3.Newpost Catch 1-4.Smooth Scroll Links 1-5.Category Order 1-6.wp-pagenavi 1-7.WordPress Content Slide 1-8.Browser Shots 1-9.Favicon Rotator 2.ソーシャルメディア活用プラグイン 2-1.Open Graph Pro 2-2.WP Social Bookmarking Light 2-3.ShareBar

    あなたのブログを圧倒的に便利化・効率化する最強のプラグイン40選 | アフィリエイト初心者でも稼げるネットビジネスブログ
  • ローディング画像作成ジェネレータ

    loadinfo.net is coming soon This domain is managed at

    shinokiwa
    shinokiwa 2013/04/06
    ローディング画像をさくっと作ってくれるサービス。
  • Chromeはなぜ速いのか - @IT

    Chromeの動作が圧倒的に速いように感じている。Chromeがリリースされた当初、それがなぜなのかよく分からなかった。グーグルだけにできて、ほかのWebブラウザ開発者にできないことなどあるように思えないが、それにしてはあまりに速いように感じたからだ。 その疑問のほとんどは、Chromeのオープンソースプロジェクト版「Chromium」の公式ブログの解説で氷解した。ブログを読んで分かったのはグーグルエンジニアたちが信じられないほどのスピード狂であることと、そのスピードへのこだわりには2種類の“スピード”があることだ。 1つは処理速度、もう1つは応答速度だ。特に後者、ユーザーをできるだけ待たせない、イラつかせないということに対する徹底したこだわりは、すさまじい。その背後には「スピードとは、つまりお金だ」という洞察があるようだ。 0.5秒の遅延でユーザー離れ グーグル創業約1年後の1999年

  • <a>-HTML5タグリファレンス

    <a>タグは、ハイパーリンクを指定する際に使用します。 ウェブページ内のテキストや画像などを<a>~</a>で囲んで必要な属性値を指定してやることで、 ハイパーリンクの始点(出発点)や終点(到達点)とすることができます。 <a>は、anchor(アンカー)の略です。 anchorを日語にすると“船の錨・つなぎ止めて固定する”といった意味になります。 <a>は、指定した場所同士をつなぐことで関連する情報同士を結び付け、ユーザーに情報間の移動手段を提供する重要なタグです。 href属性は、ハイパーリンク先のURLを指定する際に使用します。 href属性の値には相対パスと絶対パスのどちらでも指定することができます。 相対パスとは、現在のファイルの場所からの相対的なパスを指定する方法で、 同じドメイン名のURL同士ならフォルダ階層やファイル名を指定するだけでリンクすることができます。 絶対パスと

    shinokiwa
    shinokiwa 2013/02/28
    HTML5だと<a>のname属性は廃止されてたの今気づいた…。代わりにid使うのね。
  • jQuery Documents Main Page - jQuery

    jQuery API jQuery is a fast, small, and feature-rich JavaScript library. It makes things like HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with an easy-to-use API that works across a multitude of browsers. If you're new to jQuery, we recommend that you check out the jQuery Learning Center. If you're updating to a newer version of jQuery, be sure to rea

  • userAgent一覧

    ブラウザの判別や携帯の機種判別に利用するためのユーザーエージェント一覧です。ただし、ユーザーエージェントは詐称(偽物)される場合があるため、完全にユーザーエージェントでブラウザなどの判別ができるわけではありません(詐称の方法のページを参照)。ここに掲載されているものは、このサーバーなどに対してアクセスしてきたユーザーエージェント名などを抽出したものなどです。あまりに古いブラウザおよびマイナーなブラウザに関してはアクセスログがないため掲載できていません。 [トップページに戻る] ■iPhone ●iOS Mozilla/5.0 (iPhone; U; CPU like Mac OS X; en) AppleWebKit/420+ (KHTML, like Gecko) Version/3.0 Mobile/1C28 Safari/419.3 ●iOS2 Mozilla/5.0 (iPhone

    shinokiwa
    shinokiwa 2012/11/12
    スマホを含めたUAの一覧。あまり万全ではないけれども。Android用ChromeとAndroid標準ブラウザが激似のUAなので笑える。
  • anything from here jQuery()の挙動を解読する(21) $(document).ready(f)、bindReady()、$.ready() 解読 ──jQuery解読(32)

    $(document).ready(fn) - bindReady() - $.ready() $(document).ready(fn) が bindReady() を、そしてそこから $.ready() が呼び出される三層構造で、これらのメソッドが機能します。 それぞれの役割は、順に以下のようになります。 $(document).ready(fn)……(1/2) DOM読み込み完了通知イベントの登録( bindReady()メソッドの実行 ) $(document).ready(fn)……(2/2) DOM 読み込み完了時の fn の実行と DOM 読み込み完了時に実行させる関数の登録、 bindReady()……(2) DOM 読み込み完了のチェックと完了時の jQuery.ready()呼び出し jQuery.ready()……(3) DOM 読み込み完了を記録するプロパティの設定

    shinokiwa
    shinokiwa 2012/08/07
    ずっと中身が気になってたjQuery(document).ready(fn)の動作の解説。わかりやすかった。
  • The Design Office: Modern Pictograms

    Modern Pictograms is a set of 260+ icons that work at most any size and in any context. Install the OpenType file for Photoshop mockups or Keynote presentations and drop in the @font-face code into your CSS to embed them right in your Web page. Buy single SVGs or typeface at modernpictograms.com. Designed to work on web sites at sizes down to 18 pixels, but best at higher than 24 pixels. p" data-c

    shinokiwa
    shinokiwa 2012/07/27
    扱いやすそうなWebフォント。OFLなので商用可みたい。
  • 【配色 - デザイン ★★★★★】 - Color Scheme Designer 3

    Paletton, the color scheme designer In love with colors, since 2002. Paletton application Colorpedia About Paletton About Paletton Paletton.com is a designer color tool designed for creating color combinations that work together well. It uses classical color theory with ancient artistic RYB color wheel to design color palettes of one to four hues, each of five different shades. Various preview sty

  • Placehold.it - Quick and simple image placeholders

    One place to find your commercial real estate rentalSimplest way to search listings across the web

    Placehold.it - Quick and simple image placeholders
    shinokiwa
    shinokiwa 2012/07/05
    ダミー画像をぱぱっと作ってくれるサービス。Webのプロトタイプとか作るとき便利かも。ただし日本語非対応みたい。
  • Webデザインで使えるフリーシームレステクスチャ100枚 – poyosi.com

    初めまして、@poyosiです、こんにちは。 Webデザインなどで壁紙を作る際に便利そうなテクスチャを100枚作りました。 このブログの制作や、他Webサイト制作でノイズがかった背景や、ちょっと変わった背景が必要だったので自分用にちょっとした加工で簡単に背景が作れるテクスチャを色々用意しました。 大きめの画像にしたので、Webサイトの背景などで繰り返し(リピート)使用しても繰り返し部分が目立たなくなるようになっています。個人利用可、商用利用可なので、もしよろしければWebサイトの背景やバナーの背景を作るときに自由に使ってみてください。 テクスチャ一覧 Photoshopでテクスチャを使ってみよう 1:パターンを登録しましょう。 パターンに登録したいテクスチャ画像をPhotoshopで開きます。 「編集」 > 「パターンを定義」からパターンを登録します。 2:背景画像を作ってみましょう。 新

    shinokiwa
    shinokiwa 2012/03/30
    素材の他に使い方のHowToも載ってるのはありがたいなあ。
  • rsync でディレクトリの同期(バックアップ) - maruko2 Note.

    rsync でディレクトリの同期(バックアップ) 提供:maruko2 Note. 移動: 案内, 検索 目次 1 書式 2 option 3 使用例 3.1 source ディレクトリ内のファイルを、backup ディレクトリへコピーする 3.2 ディレクトリの同期 3.3 SOURCE で指定するディレクトリ名の最後にスラッシュを付けるか付けないか 3.4 ssh と組み合わせリモートマシンにコピーする 4 rsync サーバ 4.1 rsyncd.conf 4.2 デーモンモードで起動 4.3 rsync サーバとの同期方法 4.4 モジュールの指定例 4.5 rsync サーバのセキュリティ対策 4.5.1 同期元アドレスを限定する設定 4.5.1.1 設定例 4.5.2 同期時にユーザー認証を必要とする設定 4.5.2.1 rsync サーバ側の設定 4.5.2.2 クライアント

    shinokiwa
    shinokiwa 2012/02/29
    今の我が家のステージングサーバは実質開発サーバになっちゃったから、新たなステージングサーバを立てたいので、こういうのを使ってみやう。
  • PHPの文字列比較で気をつけるべきこと – 暗黙の型変換 - EC studio 技術ブログ

    PHPではこのコードで true が出力されます。 かなりギョッとしますが、PHPのバグではなく仕様です。。 これはPHPとしてどういう解釈がされているのかを理解しないと とても怖い部分ですので、調査してみました。 ※もし間違っている部分などがありましたらご指摘いただければと思います。 文字列型と数値型の比較 どうやら、PHPでは文字列型と数値型(int,floatなど)など 違う型同士での比較を行う場合、自動で型変換が行われるようです。 整数値を文字列と比較する際、文字列が 数値に変換されます。

    shinokiwa
    shinokiwa 2012/02/20
    知ってる中では一番きれいにまとまってる。でも個人的にPHPで文字列比較するときは演算子を使わずにstrcmp()使えばいいと思うの。あれ型キャストされないから。
  • PHP: マジックメソッド - Manual

    Getting Started Introduction A simple tutorial Language Reference Basic syntax Types Variables Constants Expressions Operators Control Structures Functions Classes and Objects Namespaces Enumerations Errors Exceptions Fibers Generators Attributes References Explained Predefined Variables Predefined Exceptions Predefined Interfaces and Classes Predefined Attributes Context options and parameters Su

    PHP: マジックメソッド - Manual
    shinokiwa
    shinokiwa 2012/02/09
    やべえ、__toString()と__invoke()で試したい事があるから家かえったらやろうと思ってたら、脳内でTMRの「INVOKE」ループ再生が止まらなくなった…
  • jQuery 日本語リファレンス

    jQueryとは、JavaScriptのコーディングを強力に支援するライブラリです。 $('.semooh a').hover( function(){ $(this).text('ヌ?'); }, function(){ $(this).text('ヌー'); } );

  • はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知

    はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28

    はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知
    shinokiwa
    shinokiwa 2012/01/16
    ieのみtableすらdisplay="block"、と。それはともかくdisplay値を元に戻す時はdisplay=""でいいのか…地味に初めて知った。
  • [PHP]file_put_contentsの罠

    三年後の追記: コメントにて脆弱性はPHP5.2.6で修正されているとのご指摘を頂きました。 詳しく解説されている記事がありましたので紹介しておきます。 php-5.2.5以前のfile_put_contentsではLOCK_EXによる排他ロックは動かない(5.2.6でFix) file_put_contentsを使ってはなりません。 他、「fopenなんてrかwだけで十分だろ」などと思っている方がいらっしゃれば、ぜひ目を通されたい。 簡易的なカウンタを作成している際、排他的ロック済みにも関わらずファイルがぶっ飛びまくることが分かった。 書き込み部分をfopenのwモードによる組み直しを行ってみたのだが、やはり飛ぶ。 おかしいなあと思ってfopenのサンプルでも見ようとマニュアルを読み直したら、原因と同時に解決法も分かった。 まずwモードはマニュアルによると > 書き出しのみでオープンし

    shinokiwa
    shinokiwa 2011/11/09
    なん…だと…file_put_contentsはデフォで排他ロックしてない上に、排他ロック指定しても妙な動作するときたか…。ここの関数サンプルが使えそうな感じ。
  • Documentation Home

    <g> <g> <defs> <rect id="SVGID_1_" x="-468" y="-1360" width="1440" height="3027" /> </defs> <clippath id="SVGID_2_"> <use xlink:href="#SVGID_1_" style="overflow:visible;" /> </clippath> </g> </g> <rect x="-468" y="-1360" class="st0" width="1440" height="3027" style="fill:rgb(0,0,0,0);stroke-width:3;stroke:rgb(0,0,0)" /> <path d="M13.4,12l5.8-5.8c0.4-0.4,0.4-1,0-1.4c-0.4-0.4-1-0.4-1.4,0L12,10.6L6.2

    Documentation Home
    shinokiwa
    shinokiwa 2011/09/24
    しょっちゅう見に行くのでいい加減にしてブックマーク。
  • AjaxでUnique URLを使い、戻る/進むボタンにも対応させる | TM Life

    GmailやTwitterでは、Ajaxによる非同期なやりとりを行い 現在の状態をアンカー(window.location.hash)に書きこむことで保存したURLにも反応するようになっています。 以前私のブログでも書いた Unique URL ってやつですね。 しかしこれだけではまだ不十分です。 戻る/進むボタンが反応しないという問題が残っています。 なぜ反応しないかというと、ハッシュが変更されたさいにそれを知る手段がないからです。 なのでその対処法をざっくりとプログラムで書いてみました。 Sample 今のハッシュタグと前回のハッシュタグが表示されるようになっています。 進む/戻るボタンにも反応しているのが分かると思います。 http://tmlife.net/examples/hash-observe/index.html Source script部分のソースです。 ザックリとした

    shinokiwa
    shinokiwa 2011/09/19
    Ajax中心でサイトを作るとき、ページ遷移を封印する参考になるっぽい。TwitterやGoogleはこの方式なのね。
  • console.logで変数の中身をconsoleに出力 - JavaScriptist

    JavaScriptでは、alert関数で次のようにして変数などの中身を表示することが出来ます。 alert関数を使う bookmark サンプルコード bookmark <script type="text/javascript"> <!-- alert("Hello world"); //--> </script> alertの出力例 bookmark console.logを使ってみる bookmark JavaScriptで次のように、コーディングします。 サンプルコード bookmark <script type="text/javascript"> <!-- console.log("Hello world"); //--> </script>すると、FirefoxのJavaScriptコンソールに「Hello world」が表示されます。 このように、値の中身がどうなっている

    shinokiwa
    shinokiwa 2011/09/19
    JSのデバッグ情報はwindow.alertを使いがちだけど、IE以外で開発している人はこっちを推奨したい。圧倒的に便利。