いつも食べている鳥から揚げの微妙な違いに、みんな気付いているだろうか。 常々気になっていたので、ネットレシピ約200件を分析して、竜田揚げからフライドチキンまで、全ての流派に挑戦してきた。 いま僕は、地上で最もから揚げのレシピに詳しい男だ。 (加藤まさゆき)
Landscape トップページ | < 前の日 2004-04-10 2004-04-11 次の日 2004-04-12 > Landscape - エンジニアのメモ 2004-04-11 favicon.ico を作る 当サイト内を Google 検索できます * favicon.ico を作るこの記事の直リンクURL: Permlink | この記事が属するカテゴリ: [HTML] 当サイト Landscape の favicon を作ることにした。 - favicon.ico って何?favicon.ico というのは、そのサイト独自のアイコンのこと。 IE だと「お気に入り」に追加したときにアイコンがそのサイト独自のものになるが、それが favicon だ。mozilla だったらタブやアドレスバーの脇に出るので目にする機会も多いだろう。favicon を用意しているサイトはたく
以上のようなアニメ GIF を作成するチュートリアルです。 キラーンとさせたい画像を Photoshop CS5 で開く 何か光らせたいバッチなら何でも良いです。 実はとても簡単なキラーンを作る 以下のようにまず白色の長細いシェイプを作ります。 そのシェイプを45度程度くらい傾けます。 シェイプの透明度を40%くらいにします。 キラーンの流れのフレームを作る 次にアニメーションを作ります。ウィンドウからアニメーションを開きます。 既に上の画像の右下に丁寧に矢印を付けておきました、コレをクリックするとフレームが出てきます。 既に丁寧に矢印があります。ここをクリックして秒数を2秒に変更です。また変更したらついでに以下の画像の中に赤枠で囲ったところをクリックしてフレームを新規作成しておきます。これが始点と終点となります。いわゆる今回の場合はスタンバイという感じで。 次に先ほど作ったような適当な感
Demo: images IsotopeにはimagesLoadedプラグインも含まれており、画像のロードにコールバック関数を利用できます。 Isotopeの特徴 レイアウト モード: CSSだけではできない、インテリジェントでダイナミックなレイアウトを実現します。 フィルタリング: jQueryのセレクタを使用して、簡単にエレメントのフィルタリングが行えます。 ソート: あらゆるデータからソートが行えます。 各機能の互換性: レイアウトモード、フィルタリング、ソートの各機能は一緒に利用することができます。 最適化: Isotopeのアニメーションエンジンは、表示しているブラウザごとに最適なものを使用します。例えば、CSS3 transitons, transformsなどで、これらに非対応なブラウザ(IEなど)は、JavaScriptでアニメーションを実現します。 Isotopeの実装
みんなのIoT/みんなのPythonの著者。二子玉近く160平米の庭付き一戸建てに嫁/息子/娘/わんこと暮らしてます。月間1000万PV/150万UUのWebサービス運営中。 免責事項 プライバシーポリシー All The Cheat Sheets That A Web Developer Needsという記事を先日見つけて,割と知らないものが多く,また便利だったのでご紹介:-)。英文のチートシートだけど,仕様を短くまとめてあるチートシートは日本人のWeb開発者も便利に使えるはず。 HTML HTML/XTML in one page HTML5: The Evolution of Web Standards by James Sugrue (X)HTML Elements and Attributes Doctype Declarations (DTDs) XHTML Character
素敵な写真をまとめたサイトを紹介します。 まだまだ寒い日が続くので、こたつでゆっくり眺めたいですね。
divを並べた後、たった1行でオシャレなスライダーが実装できるjQueryプラグイン「jShowOff」 2011年02月10日- jShowOff: a jQuery Content Rotator Plugin by Erik Kallevig divを並べた後、たった1行でオシャレなスライダーが実装できるjQueryプラグイン「jShowOff」 次のような、なんともオシャレなスライダーが簡単に実装できてしまいます。 実際のコードは次のようにとてもシンプル。 <div id="features"> <div><p>This is a slide!</p></div> <div><a href="http://google.com"><img src="//www.google.com/intl/en_ALL/images/logo.gif" alt="Google Logo" /><
Apacheのログは情報の宝庫だ。サイトの不具合や不審なアクセスを見つけたり、閲覧者の移動経路などからサイトを使いやすくする手掛かりを得ることができる。そのためには、ログの見方やカスタマイズ方法を知る必要がある。 アクセスログ 通常、「ログ」といえばこのアクセスログを意味する。アクセスログは、Webブラウザがサーバ(Apache)に何かをリクエストし、それにApacheが応えるごとに記録される。簡単にいえば、だれかが何かにアクセスするたびに、その結果が記録されるのだ。 詳しくは後述するが、このログに「何を記録するのか」「どのファイルに記録するのか」といったことは、管理者が自由に定義できる。細かな設定を可能としていることは、ログを活用しようと思う管理者にとって大きなメリットである。 エラーログ エラーログは、リクエストの結果がエラーになったものだけが記録される。また、アクセスログと違い、エラ
手のひらでキャベツを食べるハムスター(1歳4か月)の動画が、あまりにも可愛すぎるのでご紹介したいと思います。このハムスターは「ジャンガリアンハムスター」という種類らしく、飼い主ご自身が撮影して動画共有サイト『ニコニコ動画』に掲載したようです。 ハムスターを飼ったことがある人はその可愛さを実感していると思いますが、この動画を見ていると、今までハムスターを飼ったことがない人も飼いたくなってくるのではないでしょうか? 現に、動画を見ていたら筆者も欲しくなってしまいました。手のひらで夢中になってキャベツを食べている姿は、猫や犬の可愛さにも負けません。 しかし、可愛いだけではハムスターは飼えないようです。いまだに噛みぐせがあるらしく、指を噛まれて流血することがあるのだとか。それでも、ここまで可愛いのならばチョットぐらい流血しても飼いたくなってしまうものです。つぶらな瞳で前足でキャベツをつかみ、ガツガ
TOP > WebService > CSS3用のオンラインツールまとめ「10 Useful CSS3 Tools for Your Next Web Development」 WEB制作者の話題では最近耳にする機会も多いCSS3。多くのWEB制作に携わる人にとっては無視できない存在だと思います。もうすでに利用されているという方もいるかと思います。今日紹介するのはCSS3を便利に使うためのCSS3用のオンラインツールをまとめたエントリー「10 Useful CSS3 Tools for Your Next Web Development」。 KEYS.css コードを参照するものから、ジェネレータ系まで様々なオンラインツールがまとめられています。今日はその中から幾つか気になったものを紹介したいと思います。 詳しくは以下 ■CSS3 Click Chart by Impressive
今日はMac歴5日目です。 マイMacBook Proが届いてから今までに、環境をいろいろ揃えてきて、 少しずつですが、Mac使いに成りつつある…のような錯覚に陥る今頃です。 まあ、今回の記事を書いてる途中に、誤ってSafariのウィンドウを消してしまい、 この記事を最初から書き直しましたので、まだまだ甘々ちゃんだけどね…ワッハッハ。 さて、ぉぅぇぃはKCGで"PHP実習"という授業を担当しています。 タイトルの通り、割とポピュラーなウェブプログライング言語である PHPの実習を行う…のような内容の授業ですね。 もともとぉぅぇぃはWindowsマシーンを使っていましたので、 windows上でPHPの開発環境を整えるために、先輩教員のアドバイスで、 XAMPP(ザンプ)というウェブプログラミング用の統合環境を入れました。 ちなみにXAMPPのAMPPは、 ウェブサーバーのApache、デー
来年も作りたい!ふきのとう料理を満喫した 2024年春の記録 春は自炊が楽しい季節 1年の中で最も自炊が楽しい季節は春だと思う。スーパーの棚にやわらかな色合いの野菜が並ぶと自然とこころが弾む。 中でもときめくのは山菜だ。早いと2月下旬ごろから並び始めるそれは、タラの芽、ふきのとうと続き、桜の頃にはうるい、ウド、こ…
[Kinect] ofxKinect で Kinect の開発環境を用意する Xcode に Kinect の開発環境を用意してみた。 ofxKinect という OpenFrameworks と OpenKinect を組み込み済みのプロジェクトテンプレートが公開されているのでそれを Xcode から読み込んだだけ。 ofTheo's ofxKinect at master - GItHub https://github.com/ofTheo/ofxKinect openFrameworks http://www.openframeworks.cc/ 以下、作業メモ。 ofxKinect の準備 $ git clone https://github.com/ofTheo/ofxKinect.git $ git clone https://github.com/openframeworks
ちょっと勉強のためにMac OSX 10.6 (Snow Loepard)にMySQLを入れて動作させてみました。その時の作業メモを公開しておきます。(後で自分が参考にするため) また、こちらのページ[MacOSXでサーバー稼業 : Mac OS XにMySQLをインストールしよう]が大変参考になりました。 ダウンロード 私のMacはMacBook Pro (Intel)、OSはMac OSX 10.6.2を基本32bitで動作させています。そのため、MySQLは、”Mac OS X ver. 10.6(x86, 32-bit) DMG Archive”というファイル(約70.9MB)をこちら[http://www.mysql.com/downloads/]からダウンロードしました。 ちなみに、上記サイトには “MySQL Community Server” というものの他に、”MySQL
Mac OS XをSnow LeopardにしたらPHPが5.3になってて、PartuzaやShindigを使うのにentropyを入れなくても済んで、とても素敵です。 しかし同環境でMySQLを使うのに、ちょっとごにょごにょしなければならなかったのでメモを残しておきます。(2009年9月現在の情報です) MySQLをダウンロード MySQLのバイナリをこちらからダウンロードします。このページの下の方にあるMac OS X(package format)の中から、(Snow Leopardは10.6ですが)Mac OS 10.5(x86_64)を選びます。 MySQLをインストール インストールはGUIでできます。環境設定項目とスタートアップアイテムもインストールしちゃいます。パスも切っておきましょう。 ~/.bash_profileを作るか、既にあれば下記を追記します。 PATH=$PA
2013.06.24追記 Mac OS X 10.8(Mountain Lion)の場合は、こちらを参照してください。 Mac OS X 10.8でPHP 5.xを動作させる方法 - 大人になったら肺呼吸 はじめに 以下のエントリを参考に、Mac OSX 10.6の環境でPHPを動かしてみました。 OS X 10.6 と PHP - 風ブログ よくわかるPHPの教科書posted with amazlet at 13.06.23たにぐち まこと 毎日コミュニケーションズ 売り上げランキング: 29,637 Amazon.co.jpで詳細を見る PHPスクリプトを用意する テキストエディタでtest.phpというファイルを作成し、以下の内容を記載します。 <?php phpinfo() ?> PHPスクリプトを動かすディレクトリを用意する。 以下のディレクトリにadminというディレクトリを
ウェブデザインでもよく使用される、ユーザーの視線の動きを予測し、効果的にコンテンツを配置する代表的な3つのレイアウト、グーテンベルグ ダイアグラム、Zパターン、Fパターンを紹介します。 3 Design Layouts: Gutenberg Diagram, Z-Pattern, And F-Pattern [ad#ad-2] 下記は各ポイントをピックアップして意訳したものです。 グーテンベルグ ダイアグラム Zパターン レイアウト Fパターン レイアウト Pattern of Focal Points -情報の階層化 グーテンベルグ ダイアグラム グーテンベルグ ダイアグラムとは、均等に配置された同種の情報を見るときの視線の動きを一般的なパターンにしたものです。 これは特に、テキストの比重が高いコンテンツにはまります。 グーテンベルグ ダイアグラム グーテンベルグ ダイアグラムは4つの象
ファイルのダウンロードができるWebブラウザ「iCab Mobile (2.0)」 iPhone4に機種変更してからずっと使っていたWebブラウザSafariをiCab Mobile(以下、iCab)に変更することにしました。一年以上前にレビュー(ver.2.0)をして以来、アプリは格段に進化(ver.4.5)しています。 このiCabというアプリは「モジュール」という色々な機能を追加することで真価を発揮します。さらにSafariには無い機能をたった2タップで追加できるのも大きなポイントです。 今回は、先日のバージョンアップ内容をふまえながら私が設定した便利なモジュールを紹介してみます。 iCab Mobile (Web Browser) 5.3(¥240) カテゴリ: ユーティリティ, 仕事効率化 販売元: Alexander Clauss(サイズ: 4.3 MB) iPhone/iPa
自分への問いかけ。 と解答。 「基礎は無意識に落としこむほど反復してこそ、本当の土台となる。」 「基礎は常に更新、あるいは再構築されるものである。」 以下本文。 高校生を応援するNHKの番組「テストの花道」みて 早稲田先進理工学部で、 その他いろんな薬学部にも合格もらった人の 勉強法が面白かったです。 問題集への取り組み方 学校で配られた問題集で、 「例題」→「練習問題」→「演習問題」 と普通は順番に理解し解いていくところ、 「例題」のみひたすら繰り返す! 「練習問題」「演習問題」には手をつけない。 え? それだけ? というか、例題だけ覚えても練習やら応用やら、 やらないとダメなんじゃないの? と、思ったんですが、 どうも受験対策に買った物も「基礎英文法」と「単語帳」だけで、 後は授業の復習や、学校のプリント、問題集のみ。 結局応用問題には最期まで手を付けなかったそうです。 (そんなんで薬
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く