読者です 読者をやめる 読者になる 読者になる

過去の天気/気温をcsvで取得するサイト

web

http://climb-factory.com/%E3%83%87%E3%83%BC%E3%82%BF%E4%BD%9C%E6%88%90/%E5%85%A8%E5%9B%BD%E9%81%8E%E5%8E%BB%E5%A4%A9%E6%B0%97%E3%83%87%E3%83%BC%E3%82%BFcsv/

スクロールしてもposition:fixedでウザくない感じのナビゲーション実装ライブラリ「stickyMojo」

使えるかもhttp://phpspot.org/blog/archives/2012/09/positionfixedst.html

AMAZONアソシエイト:Twitterにアソシエイトを貼る

web

シェアボタンから。 ネタ元 http://riksblog.fool.jp/public_html/mt5/anime/tweet/2011/06/amazontwitter.html

Twitter Bootstrapで出来たWordPressテーマ「Bootstrap for WordPress」を使ってみる

おしゃれが簡単。http://getstarted.main.jp/blog/wordpress/wordpress-twitterbootstrap-theme/#3 こちらも参考 http://d.hatena.ne.jp/end0tknr/20111016/1318729659

カーソル変化

http://copicopi.com/cursor.html 指カーソルにするには <span style="cursor:pointer;">対象となる文字</span>とか

本当に儲かるの?企業のFacebookページ運用収支を試算(1)

web

facebookを活用することでの利益UPって確かに、ピンとこない。http://media.looops.net/naoto/2012/02/09/trial_calculation_of_fbpage/ 第2回も期待です。

Twitter提供のCSSフレームワークBootstrap

これを使うと簡単にお洒落UIが作成できる。簡単なモックアップつくるときなど、開発時に便利みたい。ネタ元 http://aholier.com/yorozu/2011/08/cssbootstrap.html http://twitter.github.com/bootstrap/index.html

enchant.jsの基礎を学んだ

web

http://dotinstall.com/lessons/basic_enchant_jsなかなか便利だなぁ。 MITライセンスだし、仕事でも使ってみようかと思った。 公式TOP http://enchantjs.com/ja/

CSS Spriteジェネレーター

http://ja.spritegen.website-performance.org/CSS Sprite用の一枚画像にしたいファイルをZipで固めてアップロードすると、CSS Sprite用の一枚画にしてくれる便利サービス! ネタ元 http://webya.opdsgn.com/webservice/mendokusai2011/

3大「WordPressに慣れていない人がやってしまいがちだけど、こっちのほうがいいのになぁ」って思うこと

web

コアをいじるよりもfunctions.phpを使おう テンプレート階層を理解してなくて無駄なif文を書いている body_classタグを使って、CSSだけでいろいろやる方が断然楽 たしかにググったとおりやっちゃうと大変だったりする。 ネタ元 http://mypacecreator.net/blo…

GMailのおすすめショートカット

web

k / j :新しい/古いスレッド } / { :スレッドをアーカイブして、前/次に移動 + t :ToDo リストに追加 c :作成 a :全員に返信 e :アーカイブ f :転送 / :検索 次に Enter :メールを送信 ネタ元 http://g-mania.biz/g-mail/gmail-%E3%83%96%E3%83%BC%E3%83%88%…

Excel上の大量のテーブルデータを表組みにする方法

web

VBAマクロを使わない、Excel操作+メモ帳でやる方法。めんどうな作業がわずか数秒に!新人デザイナーが 知らないと一生後悔するExcelを使ったHTML生成 これは便利だ。

IEでCookieを無効にする方法

web

メニューバーの「ツール」から「インターネットオプション」−「プライバシー」で、バーのつまみを一番上の「全てのCookieをブロック」まであげます。 これで全てブロックされ、CookieがOFFになります。 ネタ元 http://oshiete.goo.ne.jp/qa/2944184.html は…

jQuery初心者向けの基礎をしっかり学べるサイトまとめ6つ

http://kachibito.net/web-design/jquery-first-step.html

40分で覚える!jQuery速習講座

基礎からなのでわかりやすい。 http://ascii.jp/elem/000/000/498/498710/ こっちもいいよ ノンプログラマーのためのjQuery入門 View more presentations from Hayato Mizuno

®は&reg;と入力するとでるよ

web

特殊文字です。

画像を使ったシンプルな見出しサンプル

http://www.webkrauts.de/2007/06/03/headline-elemente-mit-css-stylen/

全653種、商用利用無料、再配布可能な太っ腹のフリーアイコン -Default Icon

web

使うかもhttp://coliss.com/articles/freebies/freebies-icon-defaulticon-v2.html

Google Maps APIの操作をGUIで試す方法

web

ここでいろいろなパラメータをいじれるよhttp://gmaps-samples-v3.googlecode.com/svn/trunk/styledmaps/wizard/index.html

【HTML】最近のPCサイトに見るテンプレ要素まとめ

web

http://www.ist-jo.in/archives/826

Chromeが終了する時クッキー(Cookie)を削除する設定方法

右上の工具のアイコンをクリックします。 [オプション] をクリックします。 [高度設定] での [コンテンツの設定]をクリックします。 Cookieの「ブラウザの終了時にCookieと他のサイトやプラグインのデータを削除する」にチェック Google Chrome OS 最新技術…

デザインが苦手なWebサービス開発者に朗報!今風のデザインがさくっと作れる『Twitter Bootstrap』が凄まじく充実している件

Twitter社謹製。簡単でおしゃれなサイトのhtml/cssが作れちゃうみたい。試さねば。http://www.ideaxidea.com/archives/2011/08/twitter_bootstrap.html

スマフォサイトでよく見るパーツのコードサンプル集

便利http://07design.net/blog/?p=477

半年で月5万円稼ぐアフィリエイトサイトを作る為の24の手順

web

これはリアルに使えそうな知識http://www.seotemplate.biz/blog/aff/6872/

ある程度スクロールするとふわっと出現する「ページの先頭へボタン」のスクリプト

こちらのサイトからscrolltopcontrol.jsとup.pngをダウンロード scrolltopcontrol.jsの12行目の矢印画像の指定部分を任意のURLに変更 controlHTML: '<img src="http://画像のアドレス/up.png" />', ヘッダエリアに下記の記述を追加。 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>

ダメ文字一覧表

web

ネタ元 https://sites.google.com/site/fudist/Home/grep/sjis-damemoji-jp/table 文字化けや検索不可などの原因となる、Shift_JIS(cp932)の2byte目が正規表現などのメタキャラクタ(制御記号)と重なる文字一覧です。¥記号の0x5c と パイプ | 記号 の0x7cは…

floatを使って崩れたサイトは恥ずかしい。CSSによる崩れない段組をつくろう。

一部だけwidthを指定したりするとNGみたい。全体を絶対値でしっかり指定することが大事。 ネタ元 CSSによる崩れない段組

コンテンツ内を開閉してくれるアコーディオンメニュー

http://www.css-lecture.com/log/javascript/019.html アコーディオンメニューって名前だったんだ。

tdタグとかのwidthはHTML5から廃止。cssのwidthプロパティが代替

width属性は非推奨のため CSS の widthプロパティで代替することが推奨されています。 ネタ元 http://w3g.jp/xhtml/dic/td

商用利用も無料、洗練されたデザインのウェブ用UIエレメントのPSD素材 -Design Kindle

web

ネタ元 http://coliss.com/articles/freebies/freebies-psd-ui-elements-for-web-design-by-designkindle.html

10の有名サイトから学ぶ、20のユーザビリティーに関するTIPS

web

http://blog.av-jyo.com/2011-07/usability.html実際のサイトを使った良い例/悪い例が出ているので、分かりやすい

Google、自分の情報がウェブに公開されたことを通知する「Me on the Web」

クリティカルな情報漏洩がないか一応いれとくといいと思います。http://internet.watch.impress.co.jp/docs/news/20110617_453993.html

zenbackをアメブロの記事下に設置してみた

zenbackとは、シックス・アパート社が提供するブログパーツ。 その記事をソーシャルサービスなどにポストするボタン その記事に関係する自分のブログ記事 その記事に関係する他のzenbackユーザーのブログ記事(関連リンク) その記事についての最新のTwitter…

ファーストビューは何pxまで? ブラウザの表示領域サイズ5年間の変化を大公開

web

全体の80%に対してちゃんと見せたければファーストビューは1000x550px程度で設計するのが良いみたいネタ元 http://web-tan.forum.impressrd.jp/e/2011/06/07/10408

ロリポップでMySQL

web

解説 http://penguin.oops.jp/blog/mysql.htm ロリポのMySQLは外部からのアクセスはできないので、接続テストはロリポサーバーにupしてやりましょう。

RTされやすいツイートの条件

例: 意外と知られていない、心に沁みる偉人の名言 その世界の一流である私が語るコツや裏話 へえー!と思える内容 写真付きのおもしろネタ 電車の遅れや地震、台風、集中豪雨などの災害情報 有益な情報(ブログやサイト)への入り口になっているもの ※ただ…

「素人っぽいデザイン」から抜け出すために、デザイン制作時に心がけたい5つのポイント

web

デザインは苦手なんだよねぇ。 http://parkn-park.com/webdesign/webothers/%E3%80%8C%E7%B4%A0%E4%BA%BA%E3%81%A3%E3%81%BD%E3%81%84%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E3%80%8D%E3%81%8B%E3%82%89%E6%8A%9C%E3%81%91%E5%87%BA%E3%81%99%E3%81%9F%E3%82…

エイリアス(Alias)。全然別のディレクトリにあるファイルをドキュメントルートの配下に配置されているように見せかける。

httpd.confの <IfModule alias_module>〜<IfModule>の間に定義する <IfModule alias_module> ... Alias リクエストのURLパス 実際のディレクトリ ... </IfModule>ネタ元 http://www.adminweb.jp/apache/docroot/index3.html

パスワードを平文で管理するのはダメだ

パスワードの再発行をやってみると、どれほどのセキュリティ感覚でそのサイトが作られているかが分かる。 平文で自分が設定したパスワードが送られてくる。 パスワードが再設定され、新しく設定されたパスワードがメールで送られてくる。 さらに、そのパスワ…

Google の検索結果に表示されないようにする

web

機密情報をサーバー上に保管する必要がある場合は、パスワードで保護されたディレクトリに保存する。 robots.txt を使用してサーバーのファイルやディレクトリへのアクセスを管理する。 noindex メタ タグを使用して、検索結果にコンテンツが表示されないよ…

phpPgAdminを利用したデータベースのバックアップ&リストア

バックアップ データベースのエクスポートを利用する。出力するフォーマットは構造とデータを選び、SQLにする。そうするとデータベースを再構築するためのSQLファイルが作成される。 リストア データベースを削除する。 再度データベースを作成する。 復元す…

これは便利!webデザイナーやプログラマーなど、各種分野の請求書が簡単に作成できる請求書.jp

https://www.seikyusho.jp/独立したりすると、こういう書類作成ノウハウで案外悩む。テンプレってありがたいのです。

IE8のcookieのある場所

インターネットオプションを開いて 閲覧の履歴のとこにある「設定」ボタンをクリック 「ファイルの表示」をクリックすると、一時ファイルフォルダが開く この中にcookieのテキストファイルがあります。

不使用なCSSルールをチェックするツール(css-redundancy-checker)の使い方 & カスタマイズ

css-redundancy-checkerはcssファイルから使われていない不要な定義を外す(削除する)ためのチェックツール。rubyで書かれています。 インストール css-redundancy-checkerに必要なもの Ruby本体 (1.8.4で動作確認済み) Rubygems Hpricot macなら上2つは標準…

開設間もないサイトのSEOがうまくいっているかどうかのチェック項目

web

要チェックhttp://m-ishikawa.com/blog/2011/05/23/1381/

ブラウザ検証用のMS謹製仮想マシン一覧

http://www.microsoft.com/downloads/en/details.aspx?FamilyID=21eabb90-958f-4b64-b5f1-73d0a413c8efXP+IE6からwindows7+IE9まで各種取り揃えております。 全て英語版なのでXPは日本語表示ができない。XPはWindows XP Service Pack 3 - ISO-9660 CD イメー…

たったワンクリックであらゆるサイトのJavaScriptやCSSを圧縮&最適化してくれる『zbugs』

http://www.zbugs.com/JavaScriptやCSSを圧縮&最適化したいサイトのURLを入力してボタンを押すだけの簡単操作!サイトのさらなる高速化が期待できます。httpsアクセスしているところはだめっぽい。 最適化されたcss等をダウンロードするにはユーザー登録が…

シンプルなラインで構成されたフリーのお天気アイコン

web

何かに使えそうhttp://artill.de/blog/index.php/2011/05/free-weather-icons/

textareaではmaxlength属性による制限は効かない。でもHTML5からはOKだよ

chromeは対応している様子。IE8はだめでした。 ネタ元 http://www.tohoho-web.com/how2/form.htm http://postoro.blogspot.com/2011/01/html5-textarea-maxlength.html

ハックやJavaScriptを使わず、クリーンHTMLでIE6にも対応したプルダウンメニュー

よくあるcssでシンプルなやつはIEでは動かなかったりする。それをなんとか解決させたのが本作。ネタ元 http://css-eblog.com/csstechnique/cleanhtml-pulldownmenu.html iPhoneやiPadなどのタッチ系I/Fだとプルダウンメニューのようにカーソルが上に乗ったと…