temuron

30 Added | 7 Magazines | 14 Likes | @temuron | Keep up with temuron on Flipboard, a place to see the stories, photos, and updates that matter to you. Flipboard creates a personalized magazine full of everything, from world news to life’s great moments. Download Flipboard for free and search for “temuron”

写真がちょっとだけ動く、シネマグラフの美味しそうな料理レシピまとめ

写真が部分的に動いているように見えるデザイン手法、シネマグラフ(英: Cinemagraphs)。写真では伝わらない不思議な雰囲気を加えることができ、これまでに当サイトでもフォトショップによるシネマグラフの作り方を含む、いくつかのエントリーを公開(1 | 2)してきました。 …

トルコ初の、触れると音楽が鳴るポスター「Babylon Audio Poster」

トルコで音楽イベントを開催したり、音楽に関する文化を広める活動をしているBabylonが、トルコ初の触れると音が鳴るポスターを制作した。 壁にセンサーパネルを貼り、その上にポスターを貼る方法。 ポスターに掲載されている、 […]

今週読んだ本『三軒茶屋星座館 春のカリスト』

まずは献本御礼。三軒茶屋にある星座館を舞台にした小説の第三弾ですね。毎回「ヒキ」がうまいので次回作を楽しみにしていたのですが、今回もいろいろ盛りだくさんで実に楽しめました。星座のトリビアというか物語をちょー現代風に教えてくれるので話のネタにもいいですね。ただ登場人物のキャラが立っているのでやはり第一 …

WebサイトへのGoogle Mapの埋め込みをサポートするスクリプト・「MAPIT」

MAPIT<p>MAPITはWebサイトへのGoogle Mapの埋め込みをサポートするシンプルなスクリプトです。jQueryに依存しています。Google Mapのスタイルのカスタマイズやルート表示、ピンの変更など、面倒な部分を手軽に変更できるようにサポートしてくれます。ライセンスはApache …

YouTubeチャネルの登録者を400%増加させる方法…

ちょっと煽りっぽいタイトルですがなるほどね、と思ったのでご紹介。とはいっても簡単で、 <b>URLに「?sub_confirmation=1」をつけるだけ</b>というものでした。これをつけるとそのチャネルにアクセスしたときに次のようになります。↑ …

CSS, JavaScriptで実装された、チェックしておきたいUIデザインの最近のテクニックのまとめ

実用的なテクニックから、こんなこともできるんだ!とワクワクするすごいアイデアまで、Web制作者はチェックしておきたいUIを実装するテクニックをCodePenから紹介します。 JavaScriptは最小限にして、アニメーシ...記事の続きを読む

2点間をつなぐストリートビューをGIFアニメにしてくれる『Google Maps Streetview Player』

会社案内とかにいいかも?Google Maps Streetview Playerを使えば2点間をつなぐストリートビューをGIFアニメにしてくれますよ。↑ 2点間の住所を適当にいれればOK。↑ …

様々なJavaScriptライブラリやフレームワーク、プラグイン等を探せる・「JavaScripting.com」

JavaScripting.com<br>JavaScripting.comは公開されている様々なJSライブラリやフレームワーク、プラグイン等を探せるWebツールです。大量のJSライブラリ等を収集しており、細かくカテゴリ分け、探しやすいようにしてあるみたいです。それぞれのJSライブラリやフレームワークは本サ …

BootstrapやGhost、管理画面等のテーマやテンプレートを探せる・「Template Stash」

Template Stash<br>Template …

jQueryを使わずに~したい、を調べられる逆引きリファレンス・「Plain JavaScript」

Plain JavaScript<br>Plain …

CSSの実用的なテクニックから素晴らしいアイデアまで!スタイルシートの最新テクニックのまとめ

次のプロジェクトに使ってみたくなるような実用的なものをはじめ、CSSでこんなこともできるの!という素晴らしいアイデアまで、クリエイティブなスタイルシートのテクニックを紹介します。<p>アニメーションで動くハートを実装する様子をアニメーションで楽しめます。<br>これにインスパイアされたWebページ作成編yourw …

英語がペラペラになる「魔法の5行エッセイ」 | 英語学習

[JS]縦長ページに実用性とデザイン性を兼ね備えたスクロールメニューを設置するスクリプト -ScrollMenu

画面をキャプチャするとマリオのステージを自動生成してくれる『Screentendo』

なにこれ、無駄にすごい。画面をキャプチャするとマリオのステージを作ってくれるプログラムです。<p>ソースはGithubで公開されているようです。<p>» Screentendo | Aaron Randall<p>Tweet<p>Pocket

シンプルで幸せな毎日を送るために覚えておきたい10の「禅語」

عربي (Arabic)<p>Australia<p>Brasil<p>Canada<p>Deutschland<p>España<p>France<p>Ελλάδα (Greece)<p>India<p>Italia<p>한국 (Korea)<p>Maghreb<p>México<p>Québec (en français)<p>South Africa<p>United Kingdom<p>United States

「ページの先頭に戻る」をエレベーター風に表現した『Elevator.js』

日本の野菜種子は、なぜ海外でウケるのか | 食品

グロナビもサイドバーも必要なし! 離脱要因となるリンクはフォームでは外す/15か条の9 | 勝手にEFO分析-エントリーフォーム改善

グローバルメニューさえも不要! フォーム送信以外のリンクは極力なくす<p>エントリーフォームの完了率アップのためには、フォームからの離脱をいかに減らすかを考えることが重要です。今回「惜しい!」エントリーフォームとして紹介するのは、トヨタ自動車株式会社様の「Web Passport …

毎週金曜日にUIで使える無料サウンド素材を送ってくれる『Sonics』

サンプルを聞く限り、いい感じなのでご紹介。毎週金曜日にUIで使える無料サウンド素材を送ってくれるようです。こういうのはコツコツとためておくのがいいですよね・・・。<p>毎週、20個ぐらい送ってくれるそうですよ。<p>» Sonics – Free UI Sounds – Sound …

ドイツで作られたサイトのフッターを選択すると・・・?!

なんと素敵な。Random Password Generatorのフッターを選択するとドイツの国旗っぽい色になりますよ(ドイツの人が作っているサイトです)。<p>いつもながらLittle Big Detailsで教えてもらいました。いいサイトだ。<p>» Random Password Generator – …

検索じゃ学べない! HTML/CSS/JavaScriptの気づきTipsまとめ31こ

HTMLファイ部のほんだです。<p>気づきTips! Σ(・ロ・)<p>カヤックの中でもHTML5のWebフロントエンド実装を担当する<br>エンジニアを集めた部署「HTMLファイ部」では、<br>制作にあたってはまったことや、気づいたことをメモ的に蓄積・共有しています。<p>通常は、<p><b>1. 制作で何かわからないことがでた</b><br>▼ <b><br>2.</b> …

IE8でWebサイトを閲覧した際に問題の起こりそうな箇所を教えてくれるOSS・「IE8 Linter」

スタバのカップに描いてみたイラストいろいろ

この人、すごいすなw。スタバのキャラの人格まで見えてきそうです。<p>興味がある方は以下のサイトからどうぞ。<p>» Doodles on Starbucks Coffee Cups | I New Idea Homepage<p>Tweet<p>Pocket