WEBのあれやこれや...他力本願メモBlog — パララックス効果を用いたコンテンツを作りたい！
基本、Web系の記事メモです。内容は他力本願ですいません。綺麗にカテゴリとかまとめる気はないです。アーカイブから見た方が見やすいかも〜w パララックス効果を用いたコンテンツを作りたい！ パララックス効果を用いたページが流行って（？）ますよね。 作ってみたいと思ったので色々探ったページをメモ 【まずはデザイン（見た目）の参考】 Nike Better World http://www.nikebetterworld.jp/ ACTIVATE http://activatedrinks.com/#/activate Manufacture d’Essai http://www.manufacturedessai.it/it/ iutopi - Creative Land / Branding, Graphic & Web Design | | | | | | | Mauro Macch
たった700円で余ったiPhoneやiPod touchとMacで防犯カメラシステムを構築する方法！ | ひとぅブログ
「遠隔監視」という言葉にわくわくしちゃう@hitoxuです。 外出中に家の様子が気になる方も多いのでは無いでしょうか？ ペットの様子や子どもに留守番を任せているときなどなど。 今回は、機種変更をして余ったiPhoneや以前使っていたiPod touchとMacを利用して700円以下で防犯カメラ（監視カメラ）システムを構築する方法をご紹介します。 準備するもの、利用するアプリ まず準備するものと使うものをご紹介します。これだけが揃っていればお手軽にそして安価に防犯システムを構築できちゃいますよ〜。 準備するもの 常時起動できるMac → カメラ、サーバになります 余っているiPhone または iPod touch → カメラになります iPhone（またはiPadまたはiPod touch）→ 遠隔監視します 利用するアプリ iCamSource → Macにインストールします。カメラ＆サ
A new micro clearfix hack – Nicolas Gallagher
The clearfix hack is a popular way to contain floats without resorting to using presentational markup. This article presents an update to the clearfix method that further reduces the amount of CSS required. Demo: Micro clearfix hack Known support: Firefox 3.5+, Safari 4+, Chrome, Opera 9+, IE 6+ The “micro clearfix” method is suitable for modern browsers and builds upon Thierry Koblentz’s “clearfi
Ustream番組をはじめるにあたって、知っておくべき９のノウハウ：In the looop：オルタナティブ・ブログ
本日開局のLooops.TVアドバイザーでもあるショコラさんから、大変緻密で実践的なUstream運営方法を伝授いただきました。ぜひ多くの皆様とシェアしたい素晴らしい内容なので、ご本人の快諾をいただき、ここに公開させていただきます。 ------------------------------------------------------------------------------------------------------- 2/1にLooopsTVを開始されるとのこと。これまでの江東区地域UST「YUKKIYのモダチャン」などの経験から、シェアできることをまとめました。新規UST開始時に留意した方がいいと思われることです。 技術的なコトとか機材選びについてはいろいろ本も出ているので、その他系（笑）USTの特性をどう生かして、みんなにこういう番組あるよって知ってもらって、どうコ
リンク：論文に死んでも書いてはいけない言葉３０ - 発声練習
追記（2022年7月31日） 大元になっている書籍の最新版はこちら Amazon.co.jp: 山内 志朗「新版 ぎりぎり合格への論文マニュアル」 最新版で以下のように述べられている。ごめんなさい。 それにまた、「すぐに使えるフレーズ集」（原版「ぎりぎり合格」 pp. 182-188）のところに「論文らしい言い換え」ということで、いろんな例を載せておいた。特にその最後のところにかいた「言い換え一覧」のところが、いろいろとパクられてネットに無断使用されている。そんなに意外ですか？コンパでよく話題にすることでしょ、というノリだったのだが、パクられまくりでいたるところに出てくる。 おわびにKindle版を購入しましたのでご容赦ください。 本文 とっても役に立つ。でも、どちらかというと小論文とかの書き方かな？ 読書猿Classic: between / beyond readers：こう言い換えろ
人生の中で、一番辛い時期を一緒に過ごした人と結婚しなさい。その他雑学 | ライフハックちゃんねる弐式
100均の浴用ナイロンタオルの使い方編集元：http://ikura.2ch.net/test/read.cgi/ms/1344233623/ 185 ：可愛い奥様：2012/08/13(月) 23:43:54.63 ID:PQ6KLjHe0 100均で売ってる浴用ナイロンタオル これを半分に切って 食器洗いタオルにしてる 蛇口の水垢も背中を洗うみたいにシュコシュコするだけでキレイ 麦茶用ポリボトルも 食器洗いスポンジで洗ってた時よりクリアで隅までキレイ シンク洗っても傷も付かずにくすみも取れる お風呂で洗面器洗ってる時に 隅から隅まで汚れが落ちて洗い易い事に気が付いた もっと早く気付けよ自分・・・ 195 ：可愛い奥様：2012/08/14(火) 08:14:36.37 ID:huUhYzEQ0 >>185 いいこと聞いた！ 自分は時々綿の布巾で洗ってるんだけど、確かにナイロンのほ
crontab -e は「絶対に」使ってはいけない - ろば電子が詰まつてゐる
今までナチュラルにcrontab -eでcron編集をしていたのだけど、実はこれはとてつもなく危ないやり方だった。ということを、今さら知った。 crontab -rの恐怖 crontabコマンドにはrオプション(Remove)があり、これを実行すると何の警告もなく全てが消え失せる。 macbook:~ ozuma$ crontab -l 15 * * * * /home/ozuma/bin/hoge.sh 0 9 1 * * /home/ozuma/bin/piyo.sh > /dev/null 2>&1 */5 * * * * /home/ozuma/bin/fuga.sh > /dev/null 2>&1 macbook:~ ozuma$ crontab -r macbook:~ ozuma$ crontab -l crontab: no crontab for ozuma macbo
PHP と Web アプリケーションのセキュリティについてのメモ
このページについての説明・注意など PHP は、Apache モジュールや、CGI、コマンドラインとして使用できるスクリプト言語です。このページでは、主に PHP における、Web アプリケーションのセキュリティ問題についてまとめています。 Web アプリケーションのセキュリティ問題としては、以下の問題についてよく取り挙げられていると思いますが、これらのセキュリティ問題について調べたことや、これら以外でも、PHP に関連しているセキュリティ問題について知っていることについてメモしておきます。 クロスサイトスクリプティング SQL インジェクション パス・トラバーサル(ディレクトリ・トラバーサル) セッションハイジャック コマンドインジェクション また、PHP マニュアル : セキュリティや、PHP Security Guide (PHP Security Consortium) には、PH
[D] MacBook Airのスリープ復帰を10倍高速化する方法
最近の\MacBook\というかOSXってスリープからの復帰が遅いよなぁと、以前から気になってました。 と言うのも、いつの頃からか、MacBook Airのスリープは、スリープ時にハイバーネーションと呼ばれるスリープに切り替わるようになってました。これはメモリーの内容をすべてドライブに書き出すので、バッテリーの消費を減らしたり、より安全にスリープが出来るのですが、復帰時にデータの書き戻しに時間がかかります。 この設定を昔のような高速起動のスリープに切り替える方法はターミナルを起動して sudo pmset -a hibernatemode 0 と入力するだけです。 元の設定に戻したいときは sudo pmset -a hibernatemode 3 この設定をするだけで、液晶を開いた瞬間に高速に復帰出来るようになります。 昔のMacBookではこの設定がデフォルトだったのですが、SSDでド
jQueryをロードする際のナイス！と思った書き方
概要 ▶ 出典：Initializr - Start an HTML5 Boilerplate project in 15 seconds!先日開催された「CSS Nite in NIIGATA, Vol.3 with Microsoft」でせっかくHTML5の事を学んだので、実際に使ってみようと勉強を進めています。このブログも実はPC版は形式上HTML5のページになっているんです。見た目はほとんど変わって 出典：Initializr - Start an HTML5 Boilerplate project in 15 seconds! 先日開催された「CSS Nite in NIIGATA, Vol.3 with Microsoft」でせっかくHTML5の事を学んだので、実際に使ってみようと勉強を進めています。 このブログも実はPC版は形式上HTML5のページになっているんです。 見た目
ウェブサイトのRetina化 | drops - onotakehiko.com
iPhone 4からはじまり新しいiPadことiPad 3rd、そしてもはや確定的とも思われる次期MacBook ProのRetina化。現状でウェブサイトをRetina化する効率的な方法を考えると、 “Retina Images” を使うのが最適解な気がしている。 Retina画像を対応端末に表示させる場合、 imgタグによる設置 <img src="foo@2x.png" width="100" height="100" alt="bar"> background-imageによる設置方法 <style> #foo { width: 100px; height: 100px; background: url(bar.png) no-repeat; } @media only screen and (-webkit-min-device-pixel-ratio: 1.5) { #foo
photoshop（フォトショップ）で髪の毛を自然な形で切り抜く方法 | 楽してプロっぽいデザイン | Forty-N-FiveBlog
フォトショップでは様々な切抜きの方法があり、パスを使って切り抜くことが多いですが、髪の毛を切り抜く際、先端部分をパスで綺麗に切り抜くことは至難の業です。そんな時「チャンネル」を利用して切り抜きを行えば、髪の毛部分も自然な形で切り抜くことが出来ます。 「チャンネル」を利用して髪の毛を自然な形で切り抜く方法 パスでおおよその輪郭を選択します 「ペンツール」を選択し、パスパレットよりパスを新規作成します。おおよその輪郭のパスをとっていきます。ポイントは、髪の毛の部分は内側にパスをとることです。 髪の毛部分をなげなわツールで選択します 「なげなわツール」より髪の毛の先端部分を囲んでいきます。ある程度適当でかまいません。 なげなわツールで選択範囲が取れれば、Ctrl+Jを押してみます（今選択した部分のみコピーされ新規レイヤーに追加されます。） 「チャンネル」での処理 現状レイヤーには、基画像と、手順
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
フロントエンドがやっておかなきゃいけない、iPhone(スマホ)向けサイトを軽量化･高速化するための必須項目をメモ。 | Mnemoniqs Web Designer Blog
Webサイトの待ち時間の80％はフロントエンドの処理によるもの なんて言われるとドキっとしちゃいます。どんな素敵にデザインして綺麗にコーディングしても、ページが重くてイライラしてるユーザーがいたら台無しです。なのでスマホ向けサイトのデザインに入る段階から、高速化・軽量化を意識するために、いくつか項目をメモしておきます。 デザインの段階から軽量化を意識する 画像を極力使わないで魅せる努力をする 当たり前ですが、画像を使えば使うだけレスポンスは遅くなります。背景画像にドデーンと写真を使ったり、見出しを使うたびに大きなアイコンを入れるなど、わざわざページを重くさせるようなデザインにする必要はありません。 多少シンプルになったとしても、色のメリハリ・1pxの線などでカバーしましょう。テキストも可能な限り画像にせず、デフォルト文字にするべきです。Webデザイナーの腕の見せ所ですね。 HTML5+C
画像を軽量化して書き出すTIPS
kitakado @kitakado 【画像を軽量化して書き出すTIPS】PNGデータはPhotoshopよりFireworksで書きだしたほうが軽くなる。チャンクデータが少ないため。 → FireworksとPhotoshopの書き出し画像を比べてみた！ http://bit.ly/hlsaE3 2011-01-31 20:30:08 kitakado @kitakado 【画像を軽量化して書き出すTIPS】Photoshopでは画質50を境にカラーダウンサンプリングされるので、高いコントラストを持つ小さい画像の場合、Photoshopで画質51にしてJPEGを保存するとよい http://bit.ly/aCIjCw 2011-01-31 20:32:21
5分でできるPHPセキュリティ対策 - ぼくはまちちゃん！
こんにちはこんにちは！！ Webプログラミングしてますか！ よく「PHPはセキュリティがダメ」とか言われてるよね。 でもそれって、べつにPHPが悪いんじゃなくて、 たぶん、セキュリティとかが、まだよくわからない人が多いだけなんじゃないかな。 がんばって勉強しようと思っても、なんだか難しい理屈が並んでいたりするしね…。 なので今日は、セキュリティ対策について、 「これだけやっとけば、わりと安全になるよ」ってことを、初心者むけに、大雑把に書いてみます！ 理屈がわからなくても、最初はコピペでも、 なにもやらないより、やったほうがきっとマシになる！ 1. XSS対策 動的なものを表示するとき、全部エスケープすればokです！ (NG) あなたの名前は <?= $name ?> ですね！ ↓ (OK) あなたの名前は <?= htmlspecialchars($name, ENT_QUOTES) ?>
CSS3を極めたいなら知っておきたい三角形を作る3つの方法
CSS3を使い始めていくと、ぶつかる壁に「三角形みたいに尖った角」をどう表現するかというのがあります。三角形って思ったより難しいです。 まぁ無理しないで、イメージで作ればいいんですけど、ちょっとした装飾だったりすると、ちょこっとCSSで作れると楽な時もあります。 そこで、CSS3で「三角形みたいに鋭角を作る方法」を３つ紹介します。ここで紹介する方法には、メリットとデメリットがありますので、使い分けれるようになるといいと思います。 1. グラデーションを使う こちらの記事でも紹介しましたが、背景を background-size と background-position で4分割して、斜めのグラデーションを使うことで角を落とすことができます。 コード 4分割して、4つのグラデーションでそれぞれを塗ります。この方法では、塗りを使っているので、カスタマイズ性が高いですが、グラデーションを使って
Dreamweaverのデザインビューを使い倒すために覚えてきたいこと | Webデザインのタネ
一定期間更新がないため広告を表示しています
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
科学技術論文の書き方 学術論文の書き方
サキタマックス