タグ

*web制作に関するctrl-vのブックマーク (228)

  • sichoru.net

    sichoru.net このドメインを購入する。 2018 Copyright. All Rights Reserved. The Sponsored Listings displayed above are served automatically by a third party. Neither the service provider nor the domain owner maintain any relationship with the advertisers. In case of trademark issues please contact the domain owner directly (contact information can be found in whois). Privacy Policy

    sichoru.net
  • iPadのセカンドモニタ化・トラックパッド化・リモコン化アプリを一挙紹介 | ライフハッカー・ジャパン

    1.iPadをセカンドモニタにする マルチモニタが生産性をアップさせるかどうかについては、いまもって賛否両論です。どう使うかでも違ってきます。とはいえ、画面が狭くて困っているなら、iPadをセカンドモニターにしない手はありません。 iPadを外部モニタとして使う方法はいろいろありますが、『Air Display』が一番簡単です。Air DisplayをiPadMacの両方にインストールするだけで、iPadがセカンドモニタに早変わりします。上級者には『Splashtop XDisplay』がおすすめ。セットアップは多少手間がかかりますが、カスタマイズができて、動きもなめらかです。 2.iPadをキーボードショートカット専用マシンにする キーボードショートカットを覚えるのは大変です。基的なものは覚えられたとしても、アプリごとに異なるショートカットを全部覚えるのは大変困難。iPadを使えば、

    iPadのセカンドモニタ化・トラックパッド化・リモコン化アプリを一挙紹介 | ライフハッカー・ジャパン
  • 昨今の自分用Webアプリケーションひな形 - naoyaのはてなダイアリー

    ちょっと jQuery と簡単なサーバサイドの処理を組み合わせた処理を試しに書いてみよう・・・なんて時に、いちいち jQuery を取ってきて HTML を書いて script タグを書いてロードして sinatra 立ち上げて云々・・・というのが毎度面倒なので、ひな形になるアプリケーションを作った。 https://github.com/naoya/boilerplate ひとまず sinatra でサーバーサイドを書き、HTML は slim で、CSS は sass 。JavaScript は CoffeeScriptで書くにあたって jQuery、underscore、Backbone をロードしてある、というような構成にしてあります。 まあ、この類のことは人それぞれ自分なりにカスタマイズしてやっていると思いますが、どういうコンポーネントで構成しているかを、備忘録も兼ねてちょっと紹

    昨今の自分用Webアプリケーションひな形 - naoyaのはてなダイアリー
  • Firefox 拡張の作り方 (2013 年版) - ひだまりソケットは壊れない

    4 年前に Firefox 拡張機能の作り方についての記事を書いた のですが、いい加減内容が古いので、改めて Firefox 拡張を作ろうと思った人向けに Firefox 拡張の作り方について概要を記しておこうかと思います。 この記事の内容は古くなっています!!!!! (2015-12-15 追記) タイトルにあるように、記事は 2013 年に書かれたもので、現在ではすでに内容が古くなっています。 現在でも通用する部分もありますが、基的には一から調べなおした方が良いと思います。 例えば、記事では cfx を使うと書いていますが jpm を使うようになっているようです : Firefoxのアドオン開発環境の導入 - keep-alive MDN の日語ドキュメントは古い内容のことが多いので、英語のドキュメントを読むのがよさそうです : Add-ons - Mozilla | MDN

    Firefox 拡張の作り方 (2013 年版) - ひだまりソケットは壊れない
  • SEO効果抜群のWordPressテーマを作るために抑えておくべき7つの項目

    ユーザーに届ける価値を徹底的に追求する マーケティングを提供します © Copyright 2022 バズ部. All rights reserved. SEOを最短で効率的に攻略することを考えた時、WordPressはベストの選択肢の一つだ。 最近では、検索エンジンで上位に表示されているサイトやブログのほとんどがWordPressで作られているほどで、その有効性は、Googleの検索エンジンチームのリーダーとして著名なマット・カッツ氏も認めている。 そこで日は、SEO効果を極限まで高めるために、WordPressでブログテーマを構築する際に必ず抑えておくべきポイントをご紹介する。 ぜひ、あなたが自社でWordPressブログを構築する時の参考にして欲しい。 また、私たちバズ部は12年で400社以上のメディア支援を行い、 立ち上げから10ヶ月で14.6億円の売上を産んだ不動産メディア8ヶ

    SEO効果抜群のWordPressテーマを作るために抑えておくべき7つの項目
  • すげー便利!ドメイン別にスタイルシート(CSS)を当てる方法。

    ドメイン別にスタイルシートを当てる方法。 iframe[src*="youtube.com"]{ width: 500px; height: auto; } iframe[src*="nicovideo.jp"]{ width: 320px; height: auto; } 例えば、YouTubeの外部プレイヤー(iframe)の横幅は500にしたいけど、ニコニコ動画の外部プレイヤーは320にしたいときは、上のように書くと上手く動作します。 a[href*="wayohoo.com"]{ color: red; } a[href*="goryugo.com"]{ color: blue; } ちなみに、aタグをドメイン別に指定する場合はこのようになります。(wayohoo.comは青色、goryugo.comは赤色とする場合) タグ名[属性名*="URL"]{ /* CSSの中身 */ }

  • 近頃の開発環境 : Mosh、z、tmux、Emacs、Perl について - naoyaのはてなダイアリー

    昨日は年始の挨拶ついでに ELPA について脈絡もなく突然書きましたが、引き続き近頃の開発環境についてもだらだらと書いてみよう。 Mosh mosh というと一部の人間はひげなんとかさんが開発しているモナー的なあれを思い浮かべるかもしれないがそうではなく、mobile shell のことである。 思い切り簡略化して言うと「快適なssh」。回線が不安定な所でもエコー遅延など全く気にせず使えるし、Mac をスリープさせて復帰させたときもリモートホストにそのまま繋がりっぱなしのように見せかけてくれたりする。 詳しくはこの辺を。 mosh: MITからモバイル時代のSSH代替品 - karasuyamatenguの日記 インストールはリモートとローカル両方に必要ですが、まあ大概パッケージがあると思います。EC2 の Amazon Linux でも yum レポジトリの EPEL を有効にすれば y

    近頃の開発環境 : Mosh、z、tmux、Emacs、Perl について - naoyaのはてなダイアリー
  • パシさん それなりに稼げるアフィリエイトサイトの作り方【2012年版】 | アフィリエイト野郎

    過去に何度かアフィリエイトサイトの作り方に関する記事を書いているのですが、やり方が少し変わっているのと、自分の為の備忘録の意味で、現時点でのアフィリエイトサイトの作り方をまとめておきます。 詳細は省きますので、途中やり方がわからない事が出てきたら、過去の記事を参照してください。 半年で月5万円稼ぐアフィリエイトサイトを作る為の24の手順 全く知らないジャンルのアフィリエイトサイトを作る時の手順 この2つの記事で書いている事とベースとなる部分は変わっていません。 現在のアフィリエイトの作り方手順 【2013/1/21】 サイトの作り方の部分の詳細を解説しました。 »それなりに稼ぐアフィリエイトサイトが完成するまでの全手順 基的に全てWordPressで作っていますので、WordPressサイトを前提に話を進めます。 1 知識を深める為に勉強する 知らないジャンルのサイトを作る際には、知識を

    パシさん それなりに稼げるアフィリエイトサイトの作り方【2012年版】 | アフィリエイト野郎
  • ドラッグ&ドロップによる再配置も可能な、タイル状に要素を配置するjQueryプラグイン・jQuery.Shapeshift

    要素をタイル状に配置してくれる、というjQueryプラグイン。特に目新しいものでは無いですけど。Pinterestライクなレイアウトを実装出来る、と言ったほうが伝わりやすいかも知れませんね。 Pinterestライクなレイアウトを実装出来て且つ、並べた要素をD&Dで移動、再配列してくれる、というもの。使うシーンは限られそうですけど面白いですね。 ドラッグ&ドロップで配列してる要素を自動で再配置してくれます。上図は画像になっていますが、ボックス要素に対応できるので応用が利きそうです。touch-punchを使ってタッチデバイスに対応させることも出来るようです。 ただ、再配置後の記憶をしないとなのでcookieやlocalStorage等を併用する必要があります。 コード<script type="text/JavaScript" src="http://ajax.googleapis.com

    ドラッグ&ドロップによる再配置も可能な、タイル状に要素を配置するjQueryプラグイン・jQuery.Shapeshift
  • html5-memo.com

    html5-memo.com
  • 今すぐサイトの広告収入を2倍にする方法 - ぼくはまちちゃん!

    こんにちはこんにちは!! 今日はちょっとだけ実用的なお話です! はい! タイトルの通り、『今すぐサイトの広告収入を2倍にする方法』。 なんだか、うさん臭いですね>< でも、やり方はシンプルで簡単です。 やり方: スマートフォンでアクセスされた時に、 一番上 (ファーストビュー) に 300x250 のレクタングル広告を貼る。 これだけ。 ちなみにこんな感じになります。 (スクロールさせようとすると、絶対に広告に指が触れてしまう!) 最近は、この方法で広告を貼っているサイトが増えてきているので、見たことがある人も多いと思います。 うざいですよね。わかります。 けど、この方法で貼られた広告は、クリック率がハンパない。 しかも、(今のところは) 規約違反じゃない。 それどころか、アドセンス公式ブログで推奨すらしています。 (推奨している位置は記事下だけど) ブログの場合、通常の広告クリック率はだ

    今すぐサイトの広告収入を2倍にする方法 - ぼくはまちちゃん!
  • iPad miniで持ち歩けるコーディング環境を作る

    iPad mini + Cellularを朝一番から並んで買いました!軽くてLTEでネットが使えるということで、外に持ち歩き端末としてはApple史上最高な端末です。 しかし、私は出かけるときには常にコードを書ける環境を持って歩きたいので、結局MacbookProかAirを持って出かけることになってしまいます。 最近、MBP15に代えたのでちょっと持ち歩きが厳しいなと思っていたので、この際iPad miniでコードを書く環境を構築することにしました。 まずはキーボード。前に買ってあったrapoo E-6300をBluetoothで接続してみます。一発でつながったし、サイズ感も良い感じです。 蓋になる形のキーボードも出ているようですが、とりあえずE-6300で問題なさげ。 次にメインとなるエディタです。iPadでソースコードを書くのに適していて、Dropboxに対応しているエディタといえば、

    iPad miniで持ち歩けるコーディング環境を作る
  • 導入必須のWordPressプラグイン7選+便利なおすすめプラグイン8選

    ユーザーに届ける価値を徹底的に追求する マーケティングを提供します © Copyright 2022 バズ部. All rights reserved. プラグインとは、WordPressを自分好みにアレンジしたい場合に非常に便利なツールである。 サイトの表示速度を高速化したり、安全に利用できるように対策したり、サイトの見栄えを整えたりする上で、適切なプラグインをインストールすることは必須項目といっても過言ではない。 ただしプラグインは何千種類もあり、どれを使うべきか悩む方がほとんどだろう。「あれもこれも」と手を出し、結果的に何十個もインストールしてしまった方も多いのではないか。 しかし、誰にとっても必要といえる優秀なプラグインはそれほど多くはない。この記事では、バズ部が当におすすめするプラグインに絞って、簡単な使い方や設定方法も含めて紹介していく。

    導入必須のWordPressプラグイン7選+便利なおすすめプラグイン8選
  • たった2行でIE5.5~IE8をモダンブラウザの挙動にする魔法のJS – attrip

    開発者泣かせの問題児ブラウザ、Internet Explorerですが、IE5.5、IE6、IE7、IE8をモダンブラウザの挙動にする神JSがGoogle Codeで配布されていました。 とりま、 attripのデザイン崩れはこれで解決できました! 使い方は簡単!下記のコードを貼り付ければOK! まじ仏。 「IE9.js」は、IEを普通のモダンブラウザの挙動にするJSです。IE5、IE6でも透過PNGが使えるようになります。 「css3-mediaqueries.js」は、IEでCSS3 Media Queriesを使えるようにするJS。レスポンシブデザインのサイトをIEでも見れるようにします。 ちなみに、border-radiusや、box-shadow はできませんでした。 あと、IEでの見え方をチェックする方法はこちら↓↓ IE9環境でIE6/IE7/IE8/IE9表示する方法(共存

    たった2行でIE5.5~IE8をモダンブラウザの挙動にする魔法のJS – attrip
  • インストールするだけ! お手軽サイト高速化ツールGoogle mod_pagespeedはスゴかった | 初代編集長ブログ―安田英久

    どれぐらいスゴいかというと、「サーバーにインストールするだけで、あとは設定ファイルをちょちょっといじれば、かなり高速化できちゃう」というぐらいスゴいのです。しかも、どんなサイトでも、どんなCMSを使っていても「インストールするだけ」。 Webサイトを高速化すると、ユーザーに優しいし、場合によっては検索結果での順位にも良い影響が出るかもしれない……それはわかっていても、なかなか格的にサイトを高速化するのは難しいものです。 サーバー側の高速化に加えて、HTMLのつくりや画像のファイルサイズ最適化、さらにはCSSを調整しての画像スプライト化やCSS/JSファイルの結合・最適化によるブラウザとサーバーの通信数削減などなど、実はやらなきゃいけないことがたくさん。 グーグルの提供するmod_pagespeedは、そうしたことの、かなりの部分を自動的に行うものです。 mod_pagespeedはこん

    インストールするだけ! お手軽サイト高速化ツールGoogle mod_pagespeedはスゴかった | 初代編集長ブログ―安田英久
  • 第一回 プログラマ向けデザイン勉強会 #design4p で「ズルいデザインテクニック」発表させていただきました。 - 納豆には卵を入れる派です。

    どうも。 書くのが遅くなりすぎてもう半月ほども前のことになってすごく今更感があるのですが、書いておくべきことを書きそびれると、その後出てくる他の書きたい小ネタがどんどん書けなくなっていってドンづまるパターンになるので、やはり書いておきますね。。 先日、第一回 プログラマ向けデザイン勉強会というイベントで下記のスライド発表させていただきました。 少ない手間と知識でそれなりに見せる、ズルいデザインテクニック// Speaker Deck 反響の大きさに驚き!ありがとうございました。 実はあんまり発表自体は、盛り上がったという手応えがあまりなくて、一方で他の2人の発表が素晴らしすぎて、割としょんぼりしながら帰ってきたんですが、スライドをアップロードしたらあれよあれよという間に2000ブクマ超え…驚きました。読んで下さった皆様、ありがとうございました。何が原因だったのか考えてみたのですが、デザイン

    第一回 プログラマ向けデザイン勉強会 #design4p で「ズルいデザインテクニック」発表させていただきました。 - 納豆には卵を入れる派です。
  • 簡単、きれい!RGBaカラーを使って横メニューを作ってみる

    RGBaカラーを使って全体に統一感のある横メニューを作ってみます。RGBaカラーといっても使うの色は白(rgba(255,255,255,0.4)など)と黒(rgba(0,0,0,0.1)など)だけで、その透明度を変えて様々なところで使っています。 先日書いた「カラーツール「0to255」で色を決めてメニューを作ってみる」がなかなか好評でしたが、今回も出来上がりは同じようなメニューになります。 RGBaカラーについては、以前書いた「透明度を表す「opacity」 と 「RGBa」の違いと使い分け」も参考になると思いますのでぜひご覧ください。 早速コードを見てみます。まずはHTMLですが、これは特に問題ないと思います。 <ul id="menu"> <li><a href="#">IE</a></li> <li><a href="#">Firefox</a></li> <li><a href

    簡単、きれい!RGBaカラーを使って横メニューを作ってみる
  • 僕がサクラエディタからVimに乗り換えるまで - give IT a try

    はじめに 恐怖のエディタ、Vim。 僕はこの間までずっとサクラエディタを愛用していましたが、最近Vimを使うようになりました。 ええ、Vimです。あのVimです。Viでもいいけど。 Vim・・・使いこなしている人はそれだけで玄人っぽく見られる伝説のエディタ。 実際にVimを使えばすさまじいスピードのコーディングが可能になる。(らしい) しかしそんな憧れだけで手を出しても大半の技術者は全く手に負えず、すぐに尻尾を巻いて元のエディタに舞い戻ってしまう恐怖のエディタ。 それがVimである。 ・・・はい、僕の中でVimやViのイメージはそんな感じでした。 実際、Unix/Linuxマシンのターミナル上で何度か(いやいや)使ったことがありましたが、まあ扱いにくいのなんのって。 「カーソルは十字キーで動くけど、どうやって入力するの? 」 「えっ? "i"を押せ? 」 「入力が終わったらESC? なんで

    僕がサクラエディタからVimに乗り換えるまで - give IT a try
  • サーバサイドJavaScript Node.js入門【委託】 - 達人出版会

    サーバサイドJavaScript Node.js入門 清水俊博, 大津繁樹, Jxck, 小林秀和, 佐々木庸平, 篠崎祐輔, 高木敦也, 西山雄也 KADOKAWA/アスキー・メディアワークス 3,344円 (3,040円+税) 書は、「スケーラブルなネットワークプログラムを簡単に作成するための方法を提供する」というNode.jsの日初の解説書です。Node.jsの初歩から応用まで、すべてを学ぶことができます。 サポートサイト出版社による関連ページが公開されています。 サーバサイドJavaScript Node.js入門 (KADOKAWA/アスキー・メディアワークス) 書誌情報 著者: 清水俊博, 大津繁樹, Jxck, 小林秀和, 佐々木庸平, 篠崎祐輔, 高木敦也, 西山雄也 発行日: 2012-10-29 最終更新日: 2012-10-29 バージョン: 1.0.0 ページ数

    サーバサイドJavaScript Node.js入門【委託】 - 達人出版会
  • 7つのサンプルでjQueryを学ぼう!「jQueryが全く分からない人のため」の超初級者向け入門講座

    HOME>jQuery>7つのサンプルでjQueryを学ぼう!「jQueryが全く分からない人のため」の超初級者向け入門講座 約半年前まで、興味はあれども全くもって触れたことのなかった「jQuery」。それどころか、「Javascript」を「Javasprict」と何度となく書き間違える癖のあった私。 結局、「スク水すいすいスクリプト」と語呂を合わせることによりようやく正しい綴りをマスターしたわけなんですが、仕事で扱うと言うこともあり多少はjQueryの仕組みが分かってきた今日この頃です。 そんなわけで、今回は「jQueryが全く分からない人のため」の超初級者向け入門講座と銘打ちまして、jQueryの基礎の基礎を学ぶための記事を書いてみました。 とは言っても「jQueryとはなんたるか」などといった難しい理論を記すつもりは一切ございません。(っていうかそんな偉そうなこと言える程修めてない

    7つのサンプルでjQueryを学ぼう!「jQueryが全く分からない人のため」の超初級者向け入門講座