タグ

2014年12月8日のブックマーク (10件)

  • チャンピオンクロス

    0gpvnNyCutgH7a315rl5axCzJlFmJTtd 0gpvnNyCutgH7a315rl5axCzJlFmJTtd 95d01166748bd701975cfad3945abe80 championcross

    チャンピオンクロス
    hedeyoshi
    hedeyoshi 2014/12/08
    最高にエロいとおもった
  • Simple Morphing Search | Codrops

    A simple effect idea for a search input that morphs into a fullscreen overlay. The idea is to enlarge the search input and show some relevant content or search results. Today we’d like to share a simple morphing effect with you. The idea is to have a search input in the upper right corner of the page and once the input is clicked, the whole search element expands to a fullscreen overlay. The fulls

    Simple Morphing Search | Codrops
    hedeyoshi
    hedeyoshi 2014/12/08
    サーチが拡大表示されるやつ。見てみてほしい。
  • Redirection SOSMOBILES.FR

    hedeyoshi
    hedeyoshi 2014/12/08
  • p5.jsでProcessingのようにリッチなWeb表現を作るチュートリアル | 株式会社LIG(リグ)|DX支援・システム開発・Web制作

    こんにちは、エンジニアののびすけです。最近はGKE触って遊んでました! 発表されたばかりで情報が少ないですね(汗) さて、今日はフロントネタで「p5.js」の話をしてみたいと思います。 p5.jsとは http://p5js.org/ p5.jsは、ProcessingのJavaScript版ライブラリと言えば分かりやすいと思います。 Processingで描画や音声、ゲームなどが作りやすくなっているライブラリです。 また、CanvasやWebAudioなど、最近のHTML5界隈の技術を内部で使っているみたいです。 Webでこういったことをやろうとすると、来はCanvasやWebAudioといった各々の知識を覚える必要があるのですが、こういったライブラリがまとめてくれると初心者には嬉しいですよね。 使ってみよう プログラミングが初めての方でもチャレンジできるくらい、簡単な書き方になってい

    p5.jsでProcessingのようにリッチなWeb表現を作るチュートリアル | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
    hedeyoshi
    hedeyoshi 2014/12/08
  • Photoshopで“水しぶき”などの背景が透けた画像をカンタンに切り抜く方法 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作

    こんにちは。デザイナーの藤田です。 久しぶりにPhotoshopのtips記事をお届けします。 皆さんは�“水しぶき”などの背景が透けた画像の切り抜きに苦戦したことはありませんか? ただ背景を切り抜くだけだと、透明感をなかなか表現できませんよね。 そこで今回は、“水しぶき”などの透け感がある画像をみずみずしく切り抜く方法をご紹介いたします。 ※今回の記事で使用している画像は下記サイトのものです。 water splash http://nihongo.istockphoto.com/stock-photo-13225547-water-splash.php Psd Soda Can Mock-Up Template http://www.pixeden.com/psd-mock-up-templates/psd-soda-can-mock-up-template Photoshopで“水し

    Photoshopで“水しぶき”などの背景が透けた画像をカンタンに切り抜く方法 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
    hedeyoshi
    hedeyoshi 2014/12/08
    “境界線を調整”がミソ。
  • Expired

    Expired:掲載期限切れです この記事は,産経デジタル との契約の掲載期限(6ヶ月間)を過ぎましたのでサーバから削除しました。 このページは20秒後にITmedia ニュース トップページに自動的に切り替わります。

    Expired
    hedeyoshi
    hedeyoshi 2014/12/08
  • 食べ過ぎ要注意!~オニオンリングのレシピ - 今日、なに食べよう?〜有機野菜の畑から~

    おやつにもいいネ!~オニオンリング 玉ねぎに火を通すと当に甘くなります。これが切る時に涙の素になるとは信じられません。 ふわふわでサックりとした衣と相性抜群のジューシーさ、夏にはツラい揚げ物も今では苦になりませんね。 衣生地にカレー粉を足して、ついでにカレー味も作ってみました。主な材料が玉ねぎだけっていうのも嬉しいですね。もう一品欲しいときに重宝します。 野菜嫌いの子供には、おやつに作ってあげればきっと喜んでべてくれると思います。 材料(作りやすい量) 玉ねぎ      1個 強力粉      100gくらい(70gプラスα) 卵      1個 ビール      1/2カップ ベーキングパウダー      小さじ1/4 塩・こしょう      適量 サラダ油      適量 カレー粉      小さじ3/4 スポンサーリンク 作り方 ① 玉ねぎは5mm幅の輪きりにし、リング状にばらし

    食べ過ぎ要注意!~オニオンリングのレシピ - 今日、なに食べよう?〜有機野菜の畑から~
    hedeyoshi
    hedeyoshi 2014/12/08
    あっこれつくらなきゃ。
  • Unity 用の超シンプルなトゥイーンエンジン Uween を作りました

    2014年Dec8日Unity 用の超シンプルなトゥイーンエンジン Uween を作りました こんにちは。オインクゲームズのデザイナーの新藤です。MUJO では UI やエフェクトの実装、モーションデザインを担当しました。 MUJO のような動きのあるタイトルを作る際には、プログラマティックにアニメーションを制御する技術が必要不可欠です。なぜかといえば、ゲームの状況に応じて変化する部分が大きいからですね。例えば現在のスタック数によって、スタック時に飛び散るタイルの数が変わったり、大きさによって速度やスケールが変わったり、あるいはモーションが単調にならないように揺らぎやディレイを入れてみたり…。 このようなことを実現するために、MUJO では「トゥイーン」を使用して、全てスクリプト制御でモーションを作成していました。トゥィーンとは、簡単に言えば「何秒であそこまで移動する」と命令しておけばあと

    Unity 用の超シンプルなトゥイーンエンジン Uween を作りました
    hedeyoshi
    hedeyoshi 2014/12/08
    よくわからないけどすごそうな技術。
  • 2014年総まとめ、jQueryのプラグインとスクリプト100選

    毎年末にjQueryのプラグインをまとめていましたが、今年はプラグインの他に単体で動作するスクリプトも加えて、jQueryのプラグインとスクリプトの総まとめとして記事にしました。 今年目立ったのは、去年から引き続きアニメーション系、縦長ページ用のスクリプトでしょうか。 1カラムのレイアウトが流行っているためか背景関連も充実していました。それとSVGをより簡単に利用できるようになったのも大きな目玉ですね。 また、jQueryに依存しない、単体で動作するスクリプトも多く開発されるようになったと思います。 背景関連 SVG関連 縦長ページ関連 スクロール連動・パララックス関連 その他スクロール操作・補助関連 レスポンシブ関連 ナビゲーション関連 レイアウト関連 コンテンツ生成関連 コンテンツ紹介・ツアー関連 スライダー・カルーセル関連 画像拡大・配置・キャプション関連 アニメーション関連 エフェ

    2014年総まとめ、jQueryのプラグインとスクリプト100選
    hedeyoshi
    hedeyoshi 2014/12/08
    フォオオオオオオ!あと!でも!みる!なん!ども!みる!じっ!くり!よめ!
  • 修正依頼をよりスムーズに!ウェブ制作におけるバグ報告を超効率化するUSERSNAPが便利! | バンクーバーのうぇぶ屋

    WEB制作において、クライアントに確認の依頼をして、修正依頼って夜中に来たり、納期ギリギリに来たりすると困りますよね。それで愚痴る人も少なくないと思います。でも、よく考えたらなんでそんなに時間がかかっているんでしょう? もしかしたら、クライアントが修正依頼を報告するまでの課程に問題があるのかもしれません。よくいるクライアントは、修正依頼を書くまでの課程が… 修正確認ページをぷりんとあうとー → 手書きで修正 → スキャン → 送信 → また修正見つけたけどさっきスキャンした紙どこやったっけ? → またプリントアウト → 手書き修正 → スキャン → あれ一枚目の修正どんな内容だったっけ? → 以下無限ループ ・・・・無駄しか無いわ!!!無駄以外探すのが難しいわ!! まぁ、でもこれはクライアント側も可哀想。WEB屋ならまだしも、WEBサイトの修正依頼にどれだけの時間を使わせるつもりかと…そり

    修正依頼をよりスムーズに!ウェブ制作におけるバグ報告を超効率化するUSERSNAPが便利! | バンクーバーのうぇぶ屋
    hedeyoshi
    hedeyoshi 2014/12/08
    これいいね。でも日本人クライアントにはわかり辛く難しそうにみえる。