前回の記事でアクションの共有を行なっていると書いたところ、7人の方からまったく同様の質問をうけました。 アクションを共有とはどういうことでしょうか？ 別の端末間で同じアクションを利用できるのでしょうか？ というものです。 答えは出来ます。割と簡単に。 というわけでレッツチュートリアル。 １）用意するもの Dropbox はいでました。Dropboxちゃん。可愛いですよね。 別にオンライン・ストレージなら何を使ってもいいのですが、Dropboxを使う理由は以下のとおり。 一回登録すればオフラインでもアクションをちゃんと読み込む私のメインストレージだからというわけでDropboxをユーザー登録して、MacにもWindowsにも、Dropboxフォルダを作りましょう。 このフォルダが無ければ始まりません。 さらに、とりあえずDropboxの中に、「Photoshop共有」とかいうフォルダを適当に
料理初心者でレシピとか全く分からない私が、今年からちょと作り初めてます。ネットで色々と出てきたのを、見様見真似で作って見て、実際に美味しかったものをご紹介します。あと基本的に私パンが大好きなので、パンが多いですすみませんほんと。 ちなみに北海道のとれたてのホタテは、焼く、醤油いれる、バターのせるだけで超絶美味しいので料理から省きました。 おすすめレシピ 表面はサクッ、中身はフワッ、たった1分で中まできっちり染み渡るフレンチトーストを作ってみました このままつくると牛乳がひどかったので、牛乳すこし少なめにして、変わりにメープルシロップ少々入れるとうまいす。最後に荒い砂糖かけて食べると食感も楽しめます。 ふっくらフワフワのフレンチトーストは最高だ！おいしい焼き方を教えてくれ！！ ここ見ると、牛乳のかわりに珈琲とか入れると美味しいとか・・・。あとホテルオークラの昔のレシピものってるので、あとで試
もはやこの業界ではかなり浸透しつつある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;
第３回目の特集は、記事の内容を少しだけレベルアップさせるテクニックです。 今回のトレーニングを全て終えた時、あなたのブログは少しだけレベルアップするかもしれないです。 あまりギスギスせずに記事を書きたいんだという方はそれでも良いと思います。 難しい事を要求するわけでもありません。特に、社長ブログや、社員ブログなどの、ぞくにいう『ブログ初心者』の方々を相手に考えた方法です。次の３つのステップにチャレンジしてみると、いつの間にか身についてしまうと思います。 興味のある方は是非やってみてください。やってダメだったら自分流を模索してみるのも悪くありませんので！ 要点分解トレーニング さて、記事を書く前に、必ず記事にしようと思うネタがあるはずです。 ネタがないのに書こうと思ってかける人なら素晴らしいですが、大体事前にネタがあるはずです。 そのネタを、まず分解する事。 これがこのトレーニングの肝です。
アイコンまとめ祭り。 今回は量も量なので画像は小さめ、クリックすると拡大方式を使っています。 ※無料ダウンロード可能なハイクオリティアイコン総まとめ2013年版にて、最新の無料アイコンをご紹介しています。 無料アイコン １～１０ Free Icon Pack: Web Injection - Tutorial9 システムアイコンやRSSアイコンなどの詰め合わせ。 タグがいい感じすぎる。 mfayaz's Art Blog: FreeHand_ColorStroked icon pack オープンソースで出来たもの系のアイコン集。しかも手書き風。 IconTexto: Drink Web 2.0 各種ソーシャルサービスを空き缶アイコンにしたもの。 Freebies Aggregator: Vector Social Media Icons わざとダサめのアイコンに仕上げてある感じがいい。 H
フォトギャラリを作ろうとしたときの参考になりそうなのがありました。 興味のある人は是非一度触ってみるといいかもしれない。 色々なFlashフォトギャラリー Make Your Visitors Be All Eyesより 色々ありますが、とにかくお勧めが以下。 SERGEY TYUKANOV ARTWORKS これはすごい。 訪問すると目の前に扉があり、中へはいっていく。 中は美術館となっており、展示絵はマウスポインタを乗せると拡大し、絵を見て回れる。 ここまでは確かによさげだけと普通。 これから下にある紙をクリックすると・・・。 びゅーっと中を歩き出す。 仕組みとしては触ればわかりますが、単純な仕掛け。 ただ、こうして美術館の中をあるくような臨場感は、とても素晴らしい。 上記で紹介した記事には、さらにFlashのCMSについて書かれている。 実際にダウンロードして見た。 ものすごく簡単な
なかなか凄いぞ！ jQueryとPHPのモジュールで簡単に動いてしまった。 画像をアップロードして、カットしたいところをドラッグ。 その部分が指定したサイズになってクリップされるという代物。 因みに今回アップロードで使用した画像は美人時計さんのもので、1分おきに美人が現れる時計式ウェブサイトです。これも同時にお勧め。 仕様 必要なものは、PHP4もしくはPHP5。 そしてPHP GD ライブラリがサーバーにインストールされている必要がある。 逆に言えばこれだけクリアしていればものすごく手軽に設置できるという魅力あるスクリプトです。 仕様としては、アップローダーが付いており、そこに画像をアップすると、編集モードになる。 そこで、写真の好きなところをドラックして囲い込みをすればそこが画像としてリサイズできるのです。 ダウンロードは以下 ページ下部にある以下のリンクから。 ダウンロードした後は
すごいねこれほんとすごい。ってか今まで知らなかったこんなのあるなんて・・・。 Learn & Test Google’s APIs Easilyで掲載されてて朝から色々触ってました。 その簡単なレポートです。 GoogleAPIが色々サンプル収録されたエディターって感じでしょうか。 AJAX APIs Playground 面白いなぁ。わくわくするなぁ。 手っ取り早くRSSリーダーみたいなのを作ってみると この時点で、下のほうにプレビューが生成され、レイアウトや仕様を見ながら選べるのが特徴的。 すごく便利ー。 後はキーの部分や、取得するRSSのURLをちょこっと変えてコードをコピペすれば、あなたのサイトで簡単にRSSリーダが設置できますね。 APIキーについては、公式で確認するのが一番ですが、それぞれのサービスを使う為に、APIを使うURLをGoogleに申請して『キー』を発行してもらう必
ZAPA氏の記事。 ニュータイプなJSライブラリjQueryを使ってみよう！ これを見てから3日間。 ブログもあまりかけずこればっかりいじって遊んでました。 睡眠時間も1日2時間くらいになり、今日は書こうと思います。 まずZAPA氏、きっかけをありがとう。 私はJavaScriptの知識がほぼ皆無な人間です。 そんな私でもjQueryは簡単に使える為、面白くてはまりました。 ただ、お恥ずかしい話、PHPを使ってJavaScriptをある程度制御しなければ私は使いこなせません。 ですが恐ろしく簡単にこれまでこのブログで紹介してきたようなJavaScriptアプリと同等のものを作れる為、これははまります。 JavaScriptダメダメの私でも出来ました データベース接続部や、なんやかんやは全てPHPでまかない、動作部分やFormなどはｊQueryに投げる。 こんな方法で色々試して見ましたが、A
久しぶりに膨大な時間を2chスレッドに費やしてしまった。 私がウェブ業界で働いているからなのかはわからないのですが、心に残りまくるスレ。 その名も 『ブラック会社に勤めてるんだが、もう限界かもしれない』 はっきり言って、これがネタであろうと無かろうと、この物語は本当に面白かった。 プログラマやウェブ業界のかなり厳しい内情が暴露されているのもそうですが、複雑な人間関係の表現が非常にうまいため、見ていて飽きません。 最後妙に泣けてしまうところもこのスレの投稿者の文章が魅力的だからだと思う。 かなり有名なお話なので、既に知っている人は多いと思いますが、まだ一度も見た事が無いと言う人がいれば暇なときにでも見れるようハムスター速報2ろぐさんのエントリを、ここにまとめておきます。 スレッドまとめ ブラック会社に勤めてるんだが、もう俺は限界かもしれない ブラック会社に勤めてるんだが、もう俺は限界かもしれ
クリスマスを手軽にイメージ化 Christmas Brushes - Free Photoshop Brushes at Brusheezy! DOWNLOADをクリックすれば導入できちゃいますね。 Christmas Brushes Set 2 by =Yasny-chan on deviantART こちらもDOWNLOADしたものをブラシの追加をすればOK。 Christmas Ornaments Brushes by =altergromit on deviantART 上のブラシ同様にDOWNLOADでOK。 こういうのをよくもまぁ見つけてくるものだなぁと思ってこの記事を書いていた矢先、これらブラシを『いっぱい』まとめているエントリがあった事に気がつきました。 それが・・・いつも見ているブログでしたorz さすがとしかいえないです。 » Christmas Photoshop B
食品関係のショッピングサイトには細心の注意が必要となる。 ホームページ作成をする上で、最も注意しなければならないのが、法律的トラブルの回避です。 その為に契約書と規約というものを必ず設ける必要があります。 例えば、大学生の人が、アルバイトで何も考えずにホームページを受注し、相手から出された資料を元に作成したとします。 渡された資料が、既に薬事法に違反していたとします（かなり多い）。 こうした違反したページを作った場合、作成した会社と、WEB制作者に罰則が言い渡される事があります。 これを回避する為、かならずホームページ上での文章等の責任は、全て依頼元に委託する規約が絶対に求められます。 こうしたトラブル回避は、ある程度薬事法と医師法の知識さえあれば先に打開策を練る事が出来ますが、一般的WEB制作者の中には、言葉すら知らない人も居るでしょう。 今回は、こうしたWEB上での最もトラブルになりや
2007年10月に話題になった、ウェブサービス系を中心にまとめてあります。 お時間のあるときにどうぞ。 WEB制作者のためのライフハック Seth Godin「すごいWebサイトを作る方法」（日本語訳） - TRANS [hatena] 歴史上、3人以上で作られたすごいWebサイトというのは存在しない。1つもない。厄介なことになるだけだ。 感動した。 便利サービス rsizr このサービスは異常。 すごいと言う意味で。 文章の一部を残したままリサイズしたりする液体リサイズです。 Gimpでもこうしたプラグインがあった事を以前紹介しましたが・・・。 これは楽すぎる。 自動的に素敵なサイトマップを作ってくれるサービス URLを入力すると、手軽にサイトマップを作ってくれる優れもの。星５つ。 フリー素材サイト PHOTO ST（フォトストリート） プロが撮影した写真を、商用、個人利用問わず無料で使
今回は過去のホームページを作る人のネタ帳にて、まとめの一部として使われていたイメージギャラリーを主役にまとめました。 JavaScript系はブログでも使う事が出来たりしますので、お時間のあるときにでもお試しください。 （Flashに一点追加しました） CSSJavaScript Photo Sliderライブラリ。 滑らかなスライドを実装できます。CSSデザインである為、デザインのカスタマイズも可能。 ダウンロードページ 商用利用の場合は29ドルだけど、非営利の場合は無料で使える。 テキストが表示されているところもポップアップするので試してみると楽しいです。 ダウンロードページ 正確にはギャラリーではないですが、虫眼鏡による画像のビューア。 FLASHではないところがまた乙。重いのが難点か・・・。 ダウンロードページ こちらも虫眼鏡。地味に2つの機能がある。 クリックしながら右にドラッグ
最近よく聞かれるのですが、一体Yamada氏のネタ元はどこですかと聞かれます。 ネタ師であるブロガーがネタ元を晒すのはどうかと思っていたのですが、有益である情報は晒すべきだと友人に言われてしまったのと、海外でまとめエントリにされていたので公開に乗り切ります。 より有益な情報を得る為に 友人いわく、公開してその上を目指せ、とか意味がわからないことを言われましたが、結局のところ海外の数々の有益な情報からピンポイントで発信するからこそ価値があるのであって、まとめサイトが有益なものであるとは限りません。 これらネタ元をつかって、より多くの方にピンポイントで面白い記事の発掘が出来るようになれば、それはそれで自分にかえって来るんだなぁと思います。 WEB制作者向け発掘サイト DZone - fresh links for developers デザイン、CSS等に関して有益なエントリが上ってくるシステ
ライブラリ・WEBツール FancyForm - Javascript checkbox replacement チェックボックスをオシャレに変換する。 見飽きたチェックボックスを変更するだけで、少し違った印象を与える事が出来るかも？ （前に紹介した気もしますが念のため） Popular Online Generators | Tech Magazine 過去に話題になったWEB2.0系の画像を自動生成するWEBジェネレータまとめ。 アップした写真をお洒落に見せるJavaScript 写真風に自動変換してくれる便利なJavaScriptライブラリ。 Gigazinize: あなたのブログ，GIGAZINEのようにします 自動でブログ文章に見合った画像を探してくるサービス。 後継のGigazinize Tools - Image: Making up your Blog（あなたのブログに選り
WEBデザイナーの方なら誰もが一度は作ってみたいとおもうであろうフルFLASHサイトを18個選び抜いてご紹介いたします。 各サイトの特徴が、あとで役に立つ日が来る（かも？） 最終的にFLASHサイトの最後の壁は使いにくさ、わかりにくさ。 この辺を画期的な方法でわかりやすくする基準みたいなのがあると便利なんですけどね。 neovision 久々にすごいユーモアがあり、ユーザビリティがあるFLASHを見た気がする。 ここは説明よりも是非とも見ておいて欲しい。 【私の注目】 ・上から下へ移動する一つの動画の流れの中から商品を掴む遊び心 ・どの幅にも『ある程度』対応している ・商品カゴに入れることへの抵抗の無さ loworks 各メニューの動きが面白い。 また、開いたあとの上下移動フレームもストレスがないのがいい。 【私の注目】 ・シンプルなデザイン ・メニューの見せ方が好き ・下部の各アイコンの
SEOに関する情報は常に動いている。 SEO対策という言葉が今、『おかしい』という事もその一つ。 SEO＝サーチエンジン最適化という意味があるにもかかわらず、そこに『対策』をつけるのはナンセンスという声があるわけです。 今回はSEOに関するツール7本と19のSEO記事を自分の為にもまとめておきます。 GoogleWEBマスター・Digg・FlashSEO・twitterSEO・FeedBurnerSEO・パラサイトホスティング等、SEOの常識がどう動いているのかを知っておいて損は無いかもしれません。 厳選SEOツール なかのひと アクセス解析なんですが、他と全く違う仕様。 どの企業からのアクセスだったのかを測定するおもしろいツールです。 GoogleのサイトマップXMLを自動で作成 Google最適化に役立つツール。 GoogleWEBマスターに使ってみよう。 検索エンジンランキングチェッ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
