Flash Pro → スプライトシート → Edge Animate
Flash Proで作成したアニメーションをHTML5にするには、「Toolkit for CreateJS」を使って、そのタイムラインの持つ構造を極力維持したまま、JavascriptとCanvasを利用したHTML5ベースのアニメーションを生成する、というのもありですが、作ったアニメ素材は「ぺらぺらマンガ状態でもいいからHTML5にしたい」という場合には、スプライトシート書き出しの機能を使うのもありですね。 一方、Flash Proとすごくよく似たアニメーションツール、しかもHTML5ベース、ってところで「Adobe Edge Animate」が頭に浮かびます。この製品は、HTML5に特化しているので、こっち方面では、今後の成長も期待できます。しかも、Creative Cloud 無料プランに入ると使えるので「無料」だそうです。 という事で、細かなアニメーションはFlash Proでサ
はじめてスマートフォンサイトを作る人へ。制作で気をつけたいポイント５つ
スマートフォンの普及に伴い、スマートフォンサイト制作案件が増えてきている方も多いと思います。かくいう私もその一人です。 最近は一人でカバーしきれない程のご依頼をいただくようになり、新たに担当者を増やすことにもなりました。 普段私が気をつけている点、どういったことを考えてスマートフォンサイトを制作しているかを伝えることになったので、ついでに記事にしてしまいたいと思います。 私がスマートフォンサイトを制作するときのポイントは、以下のとおりです。 1.そのサイトはいつ・誰が・どんな時見るのか2.実際のサイズ感を考えて、使いやすさを確かめる3.死角と押しやすい位置を意識する4.CSS3で実現可能なデザインを5.ユーザは本当にスマホサイトを求めているのかそれでは、詳しくお話していきたいと思います。 こんなの当たり前だよ！ということばかりかもしれません。 案件やサイトのジャンルによっては当てはまらない
30min.[サンゼロミニッツ]
ビアガーデン ビアガーデンが各地で開催開始。ビール解禁シャツ開襟、今年の夏もキリッと冷えたビールで乗り切りましょう！一緒に楽しみたいのはビールがスス... プール 暑い夏、遊びに出かけるならひんやり冷たいプールでほてった体をクールダウン。こちらでは楽しい仕掛け満載の大型レジャープール施設をご紹介し...
驚くほど優秀なビジネスマンが、合コンでも優秀な理由 | ShareWis Blog（シェアウィズ ブログ）
こんにちは。サポートメンバーの田原です。 今日は、優秀なビジネスマンの一側面について考えたいと思います。 私が在籍している会計事務所は一応外資系ですので、日系でよく話を聞くような形式的でめんどくさい上下関係はあまりありません。 ですので、全員参加の飲み会は一切ありませんし、逆に上司と合コンに行くこともままあります。 基本的に3年位で振るいに掛けられ、その後も厳しい競争が続くので、8年以上勤めている人は皆驚くほど優秀です。 ただ我々会計士のような専門職の業界では、優秀には２種類のタイプがあります。 一つは「職人肌系」で、もう一つは「ナイスなビジネスマン系」です。 前者は会計が好きで好きで、いつも会計のことを考えているうちに、クライアントの要望に何でも応えられるほど会計に詳しくなった専門家です。土日も仕事か勉強しかしません。 後者も、公認会計士であるからには、会計の知識は当然に持っています。し
LESS/Sass+Compass/Stylusなどをコンパイルするアレコレ – A Memorandum
知ってる限りでちょっとまとめておきました。LESSやSass+Compass、Stylusをコンパイルできる各種ツールです（それらのMixins集なんかは入れていません）。中には、HTMLのテンプレートエンジンなんかもあわせてコンパイルできるのも含まれています。何かのご参考になれば。 GUIでどうにかしたいあなたへ 1. CodeKit CodeKitは、有償のアプリケーションでOS Xでしか使えません。対応しているプリプロセッサやテンプレートエンジンの種類は圧倒的に多いのが特徴です。とりあえず使いそうなものをあげると、LESS、Sass/Compass（とそのmixinであるBourbon）、StylusといったCSSプリプロセッサの類、IEの4095個セレクタの問題を回避するBless。そしてHamlにJadeにSlimといったテンプレートエンジン、CoffeeScriptにNode.
YouTubeの映像を見ながらギターを学べる『SoundSlice』 | 100SHIKI
これはちょいと期待・・・。 SoundSliceはYouTubeで映像を見ながらギターが学べるサイトだ。 実際にギターを弾いている人の指の動きなんかを見つつ、コードも確認できるので学習効果が高そうだ。 またスピードを半分にしたり、コードをドラッグすることでループを作り、繰り返し練習する、なんてことも出来る。 インターフェースもシンプルだし、iPadにも最適化されている。これでギターに挑戦！という人も増えてきそうな予感だ。
[jQuery]画面を一定量スクロールした時にサイドバーなどを固定位置に配置する
当ブログでも採用しておりますが、ブログなどでもよく見かけるようになった、ある一定量画面をスクロールするとサイドバーなどが固定されるﾔｰﾂ。 手順メモを晒しておきます:) 続きましてheadタグ内ないし外部読み込みスクリプトに以下を記述します。 [js] $(function($) { var tab = $(‘.hoge’), offset = tab.offset(); $(window).scroll(function () { if($(window).scrollTop() > offset.top) { tab.addClass(‘fixed’); } else { tab.removeClass(‘fixed’); } }); }); [/js] ↑のスクリプトは.hogeがtopの位置に行ったらfixedというclassを追加、それ以外はclass属性を削除する、と言う命令を
![[jQuery]画面を一定量スクロールした時にサイドバーなどを固定位置に配置する](https://cdn-ak-scissors.b.st-hatena.com/image/square/ac7ae56c20fc639b9d7e08f7f0da2fec804f6625/height=288;version=1;width=512/https%3A%2F%2Fozpa-h4.com%2Fwp-content%2Fuploads%2Fskitched-20121120-005330.jpg)
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
jQuery Burn
jQuery Burn Some men just want to watch the text burn! jQuery Burn is a plugin which adds a flame-like effect to text using multiple text-shadows, animated by repeatedly changing their horizontal offsets. The effect can be somewhat CPU intensive (especially for older computers), so use it sparingly. It can be stopped and restarted dynamically, colored, stretched, offset, sped up and slowed down. T
15 Cool jQuery Modal Plugins | Tripwire Magazine
15 Cool jQuery Modal Plugins by Lars | Last updated Nov 21, 2012 | jQuery Plugin Collections | 2 comments There are many situations where jQuery modal plugins can be useful for guiding the visitors focus to a specific piece of content. Basically a modal window is a kind of pop-up window that have been embedded into a web page and therefore appears without the need for a new browser window. The tec
過去、孫正義はもっと過激だった
11月19日発売の週刊東洋経済の巻頭特集は『ソフトバンクの世界作戦』。久しぶりのソフトバンクに関する巻頭特集だ。調べてみると、2006年にボーダフォン日本法人を買収した際につくった『ソフトバンク奇襲の成算』が最後だった。 今回の特集のために孫正義社長が本誌の取材に応じたのは11月7日のこと。2010年11月以来、2年ぶりだ。変化球のような質問をしても、言いよどむことなく理路整然と答える様は、1997年に最初にインタビューした時からまったく変わっていない。「何をどのように話すべきか」という引き出しが頭の中にいくつも用意されており、ストーリーは練りに練られている。 何度会っても感心するのは、相手が誰であろうとほとんど態度を変えないことだ。政治家であっても、一介の記者であっても、使い分けのようなことはしない。人の目をまっすぐに見て話を聞き、自分がしゃべるときには、相手の手元あたりを見ながら話をす
個人で「商品メーカー」になれる時代がやってきた
独自の基盤が必要なら、試作品を設計・製造してくれる企業があります。ウェブプログラムと同じように、実際に動くプロトタイプを作りながら手元で開発できることが素晴らしいです。 資金調達はネットで 事業化していくには、ある程度の量を製造して売らなければなりません。つまり、初期投資が必要になります。これまでは銀行などから融資を受けるしか方法がありませんでしたが、最近は「クラウドファンディング」と呼ばれる資金調達の仕組みがあります。 商品のプレゼントやイベント参加を条件に、ネット上で出資を募る仕組みです。目標額に達しないと資金調達はできないルールです。Kickstarterが世界的に有名。日本のクラウドファンディングにはキャンプファイヤーなどがあります。 出資する側は、自分の欲しい商品をいち早く手に入れられます。出資を受ける側は、商品の需要を知る事ができます。目標額に達しない場合は、そもそも需要が無か
「こわくない Git」というスライドを発表しました - kotas.tech
社内向けに「こわくない Git」というタイトルのスライドを作って発表しました。 対象者は「マージがなんとなく怖い」「エラーが怖い」「リベース使うなって言われて怖い」と、Git が怖いと思っている人です！ こわくない Git from Kota Saito 発表中に出た質問など 補足も兼ねて、上のスライドを発表した際に出た質疑応答などをここに書いておきます。 Q: 常に Non Fast-Forward (--no-ff) でいいのでは、と思えるけど git merge がデフォルトだと Fast-Foward or Non Fast-Forward (--ff) なのはなぜ？ A1: Non Fast-Forward だと、確かにメリットが多いのですが、1点だけデメリットがあります。特に差分が無い状態で git merge --no-ff すると、空のマージコミットが作られてしまうのです。
ウェブデザインの引き出しを増やすPSD素材がダウンロードできる -ByPeople、質も量もものすごいです！
ウェブページのメニュー、ボタンなどをはじめ、ボックス、スライダー、アイコン、背景パターン、リボン、バッジ、エフェクト、テンプレートなど、トータル2,000くらい？のPSD素材がダウンロードできるByPeopleを紹介します。 そんなに数多くダウンロードできないよ、って人も大丈夫！ 全素材まとめてダウンロードできます。 ByPeople ダウンロードできる素材はほとんどがPSDで、モノによってはAIだったりします。 ダウンロードはページ下のメール欄にメールアドレスを入力して、ダウンロードボタンをクリックします。しばらくすると、ダウンロードのURLがメールに送られてきます。 素材の利用にあたっては個人でも商用でも無料、とのことです。 詳しくは、Use Licenseをご覧ください。 数多くありすぎる素材から、いくつか紹介します。 本当に、ごく一部です。
おれはHTML5 Boilerplate(ボイラープレート)を使い始めるぞ！ジョジョーッ！！
おれはHTML5 Boilerplate(ボイラープレート)を使い始めるぞ！ジョジョーッ！！ 2012.11.20 | この方法お勧めです！ ほらみんなも！ | レスポンシブ ども、パープル・ヘイズのフィギュア買うかどうかどうしようかなあ。と悩み中のパープルです。表題でも叫ばしていただきました通り、今日はHTML5でサイトを構築していくためのベスト・プラクティスと言われているHTML5 Boilerplate(ボイラープレート)についてのお話です。知っている人は知っていますし、すでに使い初めているでしょう。というかこれを使わないと話にならないよ。ぐらいの感じかもしれません。 転換期を迎えたっぽいWEB制作環境 なにやら昨今は、インブラウザデザインや、Sassにless、フレームワークにパッケージ、レスポンシブでモバイルファーストで、プログレッシブ・エンハンスメントですから、WEBサイト構築
人を責めるのではなく、システムを変えよう - 脱社畜ブログ
会社の新入社員や若手社員が、何か仕事上のミスを犯したとする。書類の書き方を間違ったとか、メールを送る宛先を間違ったとか、内容はまぁなんでもよい。そんな時、あなたが仮にこのミスを犯した社員の上司や先輩だったとしたら、どのように対処をするだろうか。 こんなときに、「意識が甘い」といってミスを犯した社員を責めたり、説教をしたりするのはあまりうまいやり方ではない。確かに、上司や先輩に説教をされれば、その人は「以後、気をつけます」と答えるだろう。大いに反省しているように見えるかもしれない。しかし、怒られて気分のいい人間はいないから、実際にはあなたに腹を立てているかもしれない。また、いくら気をつけても、人間はミスを犯す生き物なので、また同じようなミスが起きないとも限らない。 このような時は、ミスを犯した人を責めるよりも、なぜミスが起きたかを考えて、ミスが起きにくいようにシステムを変えるほうがよい。例え
バトルロワイヤル化するＴｗｉｔｔｅｒ
Twitterはソーシャルメディア「だった」 前回のコラムでは、2009年ごろのTwitterを振り返った。炎上とはほど遠い、内輪のサロン的な空間だったと書き、「そう。かつて、Twitterはソーシャルメディアだったのだ」と思わせぶりな文章で締めたが、尻切れトンボで申し訳なかった。前回を読まれていない方は、読んでから戻ってきていただけるとありがたい。 ソーシャルメディアの定義はまちまちだが、ここでは、ユーザーの発言と交流によって成り立つオープンなメディアというイメージで定義したい。ユーザー同士が対等に話し合え、そこから何らかのアウトプット、「メディア」が生まれるという意味だ。 ソーシャルメディアとしてのTwitterに助けられたことが筆者にも何度かあった。休日に原稿を書きながら、思いついたネット論などをTwitterに“だだ漏れ”し、読んでいる人から意見をもらって自分の考えを修正したり、T
こわくない Git
8. コミットに入ってる情報 リビジョン (SHA-1 ハッシュ) 例: 23cdd334e6e251336ca7dd34e0f6e3ea08b5d0db Author (コミットを作成した人) 例: オープンソースプロジェクトにパッチを送った人 Committer (コミットを適用した人) 例: 受け取ったパッチを取り込んだ人 ファイルのスナップショット (tree) コミットで変更されたファイルを含むツリー（説明は省略） 1つ前のコミットのリビジョン 例: 4717e3cf182610e9e82940ac45abb0d422a76d77 9. コミットに入ってる情報 リビジョン (SHA-1 ハッシュ) 例: 23cdd334e6e251336ca7dd34e0f6e3ea08b5d0db Author (コミットを作成した人) 例: オープンソースプロジェクトにパッチを送った人 Co
フッターに記載するコピーライトの年表記を自動更新する方法
今回はとっても小ネタです。 たいがい、どこのサイトでもフッターに入れているコピーライト表記ってありますよね。 形式としては© 開始年-現在年 Name All rights Reserved.というのが多いかなと思います。この現在年を自動で更新する方法を紹介します。 Photo:Large copyright sign made of jigsaw puzzle pieces By Horia Varlan 本来的なコピーライト表記 いろいろなサイトを見ていると、上述した表記例が多く見られますが、実のところコピーライト表記は以下の記述で十分だったりします。 © 開始年 Name 現在年とかAll rights Reserved.とかは、正直必要ない文言なんですね。 それどころか、現在カンボジア以外の国はベルヌ条約を締結して、無方式主義が採用されているので、カンボジアでの著作権保護対策さえ考
ユーザーのためが最強のSEO！nanapiのSEOで何をしているか : けんすう日記
nanapiのSEOってすごいの？ いやあ、最近、nanapiのSEOについて聞かれることが多くなってきました。 もともと「いいコンテンツをつくるのが最強のSEOだぜ！」という思想のもと、特に何も施策していなかったのですが、辻さんという、ハイパーなコンサルタントの方に入ってもらってから、めきめきとランクがあがっていきました。 参考：#cssnitelp24 辻大先生による、「事例で考える、SEOの力」 - Togetter →nanapiの事例でお話いただいています というわけで、nanapiのSEOで何をやっているかを紹介します。 そもそもうまくいってんの？ そこそこうまくいってそうです。 一般ワードでも結構上位に来るものが多くなってきました。 「結婚」・・・1位 競合が強そうな儲かる系のワードも 「副業」・・・3位 と、中々の成績です。 製品の説明系も 「line」・・・3位 となって
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
PSDDD.co - Free Photoshop & Sketch UI Resources
http://bukupe.com/summary/7114
新着記事
解雇する覚悟がなければ、採用してはいけません：日経ビジネスオンライン
TechCrunch | Startup and Technology News
Heavy Metal Television
DEATH: Entire 'Spiritual Healing' Deluxe Reissue Available For Streaming
BETWEEN THE BURIED AND ME| 激ロック インタビュー