ネットで話題になった料理でほんとに美味しかったレシピ10個＋1
料理初心者でレシピとか全く分からない私が、今年からちょと作り初めてます。ネットで色々と出てきたのを、見様見真似で作って見て、実際に美味しかったものをご紹介します。あと基本的に私パンが大好きなので、パンが多いですすみませんほんと。 ちなみに北海道のとれたてのホタテは、焼く、醤油いれる、バターのせるだけで超絶美味しいので料理から省きました。 おすすめレシピ 表面はサクッ、中身はフワッ、たった1分で中まできっちり染み渡るフレンチトーストを作ってみました このままつくると牛乳がひどかったので、牛乳すこし少なめにして、変わりにメープルシロップ少々入れるとうまいす。最後に荒い砂糖かけて食べると食感も楽しめます。 ふっくらフワフワのフレンチトーストは最高だ！おいしい焼き方を教えてくれ！！ ここ見ると、牛乳のかわりに珈琲とか入れると美味しいとか・・・。あとホテルオークラの昔のレシピものってるので、あとで試
Web制作の為の無料Webサービス・ツール40*ホームページを作る人のネタ帳
web制作で使えるWebサービスや、Webツールなどをご紹介。 小分けして紹介していた分もあわせてまとめています。定番の物からマニアックなものまでお楽しみください。 グラフィック・創作 10,000s Cool FREE Seamless Patterns-パターンファイルジェネレータ Web制作でもよく背景で利用するパターンファイルを作成する素晴らしいジェネレータ。様々な模様があり、色は決めれますので、組み合わせはほぼ無限です。 Pixlr Photo Editor-オンラインフォトエディタ 世界で最も人気とされるオンラインフォトエディタ。OSを選ばない。 photoshopに近いインターフェイスと、ブラウザさえあれば動くという使用が人気。ユーザー登録しなくても利用できる（したほうが便利）。 Vintage Effect-レトロ、ヴィンテージエフェクト 上のPixlr.comが運営するも
ドメインも無料｜無料でビジネスwebサイトを15分で作れる波が襲ってきた
制作にかかるコストを極限までスリム化したビジネスサイト作成ツール。 「みんなのビジネスオンライン」 なんとドメインも1年間無料というふとっぱら。 制作→Googleの広告であるアドワーズの利用を促すものではないかと。 襲ってきたと書きましたが、それほど危惧するほどのモノでもないような気がします。 結局誰かの手が必要な気がします 無料で制作と言うものに凄く夢がありますが、現実問題そんな簡単そうではなさそうで。 これまでも結局webサイトは、作成も重要ですが、作成後の運営のほうがはるかに重要であると言う事を書いてきました。 実際にwebサイトには、つくるまえ、つくるとき、つくったあと、という3つのステップの説明がされています。 本当に簡単に説明されていますが、これこそがサイト作成前にめちゃくちゃ考える事であって、web屋とweb屋じゃない人との、埋める事のできない溝じゃないかと思います。なので
ブログ記事公開前に5分間のチェックでアクセスを伸ばす方法
要点：たった３つのチェックを記事を公開する前に5分行うだけでその記事が大きく生まれ変わる事があります。そのチェックポイントを学んでみましょう。 ブログ記事には色んな記事があって、それぞれどんな方向性があるのかを吟味しながら記事を書かれていることだとおもう。 記事には「数字」を稼ぐという意味ではてなブックマーク向けの為の記事や、Twitterやfacebook受けするような大衆向けの記事、あるいはGoolgeから検索してもらう事で将来的に数字を稼ぐ記事などがあります。 今回はこうした点について考えてみましょう。 3つのポイント ポイント分けして考えるとそれぞれ3つのポイントがあります。 それは 口コミしやすいか最後まで読まれたか検索されやすいか この3点です。 これを検証する事で、その記事が持つ力を測定できるのではないかと考えました。 １）口コミしやすいか 口コミ率の高い記事というのは至極あ
CSS3で作るあんなものやこんなものまとめ
さまざまな可能性を秘めたCSS3の登場から、いろんなエントリーが出てきましたので、一部をまとめてご紹介。 ちなみにこの画像はこちらのもので、CSS3だけで画像を使わずにキュウべえを書いたそうです。 CSS3でどんなことができちゃうの系 CSS3のみでいろいろなオブジェクトの作り方を掲載されている。 CSSについて知っておきたいことまとめ。 仕事で役立つ事もばっちり羅網。このまとめっぷりはすごいです。 CSS3の完全一夜漬けマニュアル。 とりあえずこの記事のところにサンプルがありますので触ってみてください。 すごく気持ちいい体験が待っていることでしょう。 CSS3のアニメーション効果を利用してちょっとダイナミックな404ページを表現しています。 すっごいかっちょいい。サンプルデモはこちら。 CSS3だけで3Dを表現。とりあえずこれがCSS3だというものを見せてくれる。ぱない。chromeでも
様々な背景に使えるテクスチャ画像集総まとめ
あんな背景がほしいなという方へ ここでは色々なテクスチャをご紹介いたします。中にはこんなのどうやってつかうんだよ・・・というものまでありますが、それは加工しだいでいくらでも活用できちゃいますよね。 ペーパーデザインについては過去のまとめなども参考にして見てください。 ペーパーデザインのWEBサイトを作るときに見るべきまとめ グラウンジの利用など様々なパターンのWebサイトはこちらからどうぞ。 webデザインのセンスを磨く『○○系のwebデザインまとめ』の総まとめ １）水の模様のテクスチャ35 ２）砂漠や砂、ぬれた砂漠の模様など35枚 ３）レトログラウンジ迷路模様 ４）キュートなのかなんなのかちょっとわからないテクスチャ ５）青と白のグラウンジパターン ６）皮模様のテクスチャ ７）本皮模様テクスチャ40枚 ８）ゆるふわ毛皮パターン ９）葉っぱのテクスチャ画像 １０）布系のテクスチャ画像 １１
一人で仕事をする上で学んだ５つの事｜SOHOとしての日常*ホームページを作る人のネタ帳
個人的な話になるのですが、職場を自宅にした事で様々な変化がありました。 この変化の中で一番重要なのが「自分の管理」です。 しかし、自分を管理する事がいかに難しい事かと言うのは孤独であればあるほど難しい問題です。 様々なタスクに優先順位をつけて、自分が決めた期日までにそれを解決していかなければならないのですが、いかんせん時間が足りない上に、さらに体調不慮とか情けない状況になり、少しふさぎ気味になっていました。 このとき、どのようにしてこれらを乗り越えていくかと言う心構えと言うか、具体的にどうしてきたと言うのを記録しておきます。 １）タイムオーバーしたタスクは優先順位すら悩んでしまう 私の場合特に入院なんていうイベントに見舞われてしまい、やる事がちょっと増えすぎてしまった状況になり「どれもこれも重要なのに、優先順位を決めなければならない」という事態になりました。 タスク管理ツールにどれを解決す
web屋さんの為のベストエントリ2011年3月度版
というわけで、web屋さんに送るwebマガジン3月号です。 今回はいつもよりさらに厳選してます。逆に量を減らして見ました。 もしかしていつも無駄に多いんじゃないかと思いまして・・・。今回も色々必読な記事はありますが、jQuery関係の記事が少なかったのが特徴でした。 逃してしまった方はぜひこの機会に。 3月のWebマガジン目次 超必読記事WEBデザイナ向けCSS/JavaScript素材/無料素材業界記事 必読記事 PNGの画質を劣化せず極限までファイルサイズを落とす、たった1つの方法 たった一つかどうかは別にして、png画像のサイズを落とす事ができるフリーソフトを紹介されています。 ついに出た！Chrome版「Page Speed」の使い方 :: Stocker.jp / diary webサイトの表示速度の改善について色々と書かれています。 Chromeのツールの紹介記事ですが、参考に
Web制作をこれから始める人の為のスキル・HTML・CSS・ブラウザ・写真素材入手の基礎情報*ホームページを作る人のネタ帳
Yamadaです。 かれこれWeb屋暦が14年くらいになるんですが、こうしてWebに携わっていると、3ヶ月周期で情報の入れ替えをしていかないと、正直追いつかないと感じます。そんな激流のようなWeb業界にこれから飛び込もうと言う新卒の方や、中途の方に送るバイブルとなればと思います。 というわけで改めて春ですし、これからホームページ（Webサイト）を作成してWeb屋さんになる方へ送るお勧めサイト集です。 後編はこちら Web制作を始める人の為のスキル・ワイヤーフレーム・SEO・マーケティング・Webサービスの基礎情報 忘れないで欲しい事 Web制作には、様々なスキルが求められます。 しかしその技術が、いつの間にか消えていったり、使えなくなったりしました。新しいデザイン、新しいコード、新しい言語、新しい環境、様々なものがあります。しかし、それらを追い続けていくうちに、一つ、とても大事な事を忘れて
Web屋さんのためのベストエントリまとめ2011年2月度版
今月のWebマガジン目次 超必読記事WebデザインWordPress関連記事CSS/JavaScript無料アイコンWebサービス業界記事 必読記事 結局どうすればいいの？ - Dive Into HTML5 HTML5を学ぶ最適な資料。内容も面白いです。 PayPal 基礎知識ゼロから始める、個人利用・事業利用の使い方大辞典 日本でなじみないPayPalだが、そろそろきてもおかしく無いながれ。ブクマをすすめます。 目次にもどる Webデザイン 優れたiPhoneサイトデザイン集 - iPhoneデザインボックス スマートフォンサイトのデザイン集です。デザインのインスピレーションに。 絶対見ておきたい有名企業のスマホサイトまとめ 有名企業サイトのスマートフォン用デザインのまとめ記事。 25 Examples of Wireframes and Mockups Sketches 手書きのWe
「クリエイティブな記事」を作るための３つの条件
「クリエイティブな記事」とは一体なんだろうかと言う事について考えてみましょう。 そもそもクリエイターと呼ばれる人たちが、育み生み出す作品と言うものにはどんな共通点があるかを考えた事はありますか？ 私はデザインと同様にテキストも創造されるものだと考えています。 多くのブロガーが多くの記事を作っていると思うのですが、私も毎日大量の記事を見ているなかで、これはクリエイティブだなと感じる記事にたまに出会います。 今回はこうした記事を作るために、何が必要なのかを考えてみたいと思います。 クリエイティブを理解する ブログ記事のクリエイティブ性を問われる場合、真っ先につけられるコメントがあります。 それが 目のつけどころが違う切り口が斬新そこを突っ込むか という言葉です。 特に「切り口が素晴らしい」という言葉は日本のブロガーによく使われる褒め言葉だったりします。 切り口が素晴らしいという記事はそれこそが
手書き風のイメージを作るためのphotoshopブラシとフォント特集
年始から手書き風画像のフォントとかどうなってるんですかという問い合わせが多いので、今回はphotoshopで、手書き風の画像を作るときに便利なブラシとフォントをまとめてみることに。 手書き風photoshopブラシ ※以下画像をクリックでブラシファイル見本を開きます。 ダウンロードしたファイルを解凍します。 次にphotoshopを開き、『編集』→『プリセットマネージャー』を開きます。 そのごブラシを選択し『読み込み』から解凍したブラシファイルを読み込みます。 １）69 Doodle arrow brushes ダウンロードページ 手書き風の矢印豊富。 ２）Free Arrow Brushes ダウンロードページ 手書き風の矢印の中では量が豊富なブラシなため、人気。 ３）U Rock Photoshop Brushes ダウンロードページ ロックな感じのブラシ集。 ４）Cute Rando
商用無料で使える写真素材サイトまとめ2009年度初版*ホームページを作る人のネタ帳
とりあえず自分がこんなまとめがあると後でつかうだろうなぁというものをかき集めてみました。 ページ自体を少しでも軽量化したかったので画像は、そのサイトをイメージできるだけのサイズにカットしています。テキストリンクだけだとあとでわからなくなる事が多いので、必要最低限のシンボルとして表示しています。 商用可能な写真素材サイト 5000 Free Stock Photos ノーアカウントで5000の写真と8000のクリップアートがダウンロードし放題。 Free Photo - Cepolina Photos 画像数8000超え。お勧め。 Free Photos, Free Stock Photos, Photography BurningWell Image * After 現在21000点以上の素材がダウンロードし放題。 FreeDigitalPhotos.net 600pxくらいまでの画像は無
jQueryプラグインのベストトレンド総まとめ2010*ホームページを作る人のネタ帳
もはやこの業界ではかなり浸透しつつあるjQuery。 今回はそんなjQueryにスポットを当て、本年度紹介された中でも、ホットなトレンドプラグインをご紹介します。 ※プラグインつかってないのもあります。 １）3D表示プラグイン サンプルデモ 今年のトレンドと言えば3D。 というわけでこちら。まずはサンプルデモを確認。 触ってわかる通りですが、2枚の画像が3D表示されます。 呼び出す $(function() { $('#mindscape').smart3d(); }); HTML <ul id="mindscape"> <li><img src=".../mindscape1.png" /></li> <li><img src=".../mindscape2.png" /></li> </ul> CSS #mindscape { width: 720px; height: 170px;
商用利用可能な女性アーティスト写真160枚をリリース｜写真素材の足成
無料素材配布サイト「足成」。 当ブログでもよく使っているサイトですが、このサイトがこのたび、女性アーティストユニット「SALBIA」の３人をモデルに、生活観のある女性の写真素材としてリリースいたしました。 これは必見ですね！ デビュープロモーション 2010 年10 月にシングル「GIFT」でデビューした女性R&B ユニット「SALBIA（サルビア）」とのコラボ企画を実現。デビュープロモーションの一環として、「SALBIA」メンバー三名の人物写真を、フリーの写真素材として配布を開始しました。 これ、実は結構すごい事で、今後もこうしたデビューにあわせて企画を合致させてくれると、どんどん写真素材が増えていくって言う寸法。 これは応援しないわけには行きませんね。 因みにこの足成。写真素材は、転売はもちろんダメですが、Web ページ制作やニュース記事のイメージカット、企画書等の様々な用途でクレジッ
webデザイナーの色彩スキルを磨くエントリーまとめ
多くのwebデザイナーが、行き詰ったときに吐かれる台詞。 それが『センス』です。 センスがない、というのはよく聴く言葉です。 しかし、色彩感覚とは『センスの問題』ではなく、たんに勉強不足というケースも少なくありません。 今回はそんな色をテーマにしたエントリーをまとめて見る事にします。 とにかく最初に学ぶ基礎 この色彩系の分野においては圧倒的にwebクリエイターボックスブログが強いので、その中でこれは使えるぞというエントリを何個か抽出しています。そのほかにも、ちょっと古い記事でもとても参考になるものからもご紹介いたします。 正直私のブックマークが配色、色彩、色で60近くのエントリーがありました。 色で学ぶ部分と言うのは「広く浅く」では無く、どちらかと言うと「狭く深く」のほうが強い気がします。なので、そのブックマークの中から、かなりというかもう限界まで厳選した物をご紹介いたします。 配色パター
Webデザイナーなら見ておいて損のなさそうな２０のFLASHサイト
フルFLASHサイトを紹介するエントリーがありました。 多分「いいね」ボタンがあったら、みんな押しちゃうんじゃないかな？ FLASHでできたWebサイトには、いろんなワクワクがありますよね。 そして、こういうサイトを見るときにはユーザビリティの事を一度忘れて見ましょう。そのほうがぐっと楽しめるはずです。 私が選ぶBEST7 20 Flash Sites for Your Inspiration 20個のうち、私が是非見ておいてほしいなと思うものは7つ。 全体的に音出るサイト多めなので、ご注意ください。 1)thibaud.be デザイナーさんのポートフォリオサイト。 私の中ではキングオブデザインです。使いやすさ、見易さ、さわり心地、どれをとっても最高です。 このアイデアはかなりいいかもしれない。 と言うか惚れる。 2)nadinefeghaly.com イラストポートフォリオの中でも、非常
ウェブ制作者のためのベストエントリ33【2010年7月版】
というわけで、しばらくまとめていなかったまとめ記事を再開し、私は元気ですとアピールしたい。 7月にあつめたブックマークのまとめです。 7月度必須ブクマベスト HTML5 Canvas Cheat Sheet 悩んだけど一応ベストへ。 HTML5 Canvas tagのチートシート。日常的に使うものでもないし、開発者向けになってしまうけど念のため。 OSを選ばないウェブデザイナーのための使えるウェブアプリ15*ホームページを作る人のネタ帳 7月に書いたけどついこの間のようだと思ったら、あんまり記事かいてないからそう思うんだきっと。 ついでにこちらも7月でした。 今日から現場で使えるjQueryのフォーム関連プラグイン15選 iPhone等のWebアプリをHTML5で構築する為のフレームワーク・Sencha Touchを触ってみた スマホアプリ開発者ならブクマしておきたい一品です。 Googl
無料のphotoshop素材をダウンロードできる20サイト
個人的に、今月最高のクリティカル記事を発見。 いやほんとに。これぁすごい。 誰もがいいね！って言いたくなると思います。 GraphicsFuel 素材のレパートリーとクオリティ、両方ともすごい。 サイトのテンプレート ちょっとしたオブジェ クールなRSSアイコン 素敵なワインケース 見開き本 個人のポートフォリオサイト用のミニフレーム シンプル張り紙デザイン 本当に素敵なもがわんさかあります。 ぜひぜひ時間のあるときにご堪能あれ。 GraphicsFuel.com FreePSD サイトデザインからしてもはやPSD的な感じで素敵。 FREEとかかれたものはFREE。 PREMIUMが有料。 TUTORIALはその作り方が掲載されています。書いてないやつはほぼ無料で掲載されています。特に、有料のデザインが参考になります。お金をとるレベルとはなんなのかをヒシヒシと学べますね。 Photosho
photoshopチュートリアル10のビデオ
動画で学ぶフォトショップ CS3、4、5あたりのチュートリアル中心です。 とりあえず後でこれだけは見ておこうと思ったのが以下。 白黒とカラーのコントラストアート。 なんていうかスナックの女の子のあらゆる部分を完全に修正する技術的な。 手軽にphotoshopでクールな背景を作る教材として後輩に見せる用として。 お手軽に二つの写真をコラージュするチュートリアルビデオ。グラデーションでちょちょいとやってますね。 他にも６つのチュートリアルが掲載されています。お勉強中の方に是非。 10 Popular Photoshop Video Tutorials with Sound » DJDESIGNERLAB – Find All Your Design Inspirations From This Laboratory あと時間が無いのでついでに掲載。 The Top 20 Photoshop T
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
