【送料込み】500円でフォトブックが作れるiPhoneアプリ「TOLOT」 - ネタフル
500円（送料込み）でフォトブックが作れるというiPhoneアプリ「TOLOT」のブロガーミーティングに参加させて頂きました。アプリの紹介とレポートをお届けします。 TOLOT カテゴリ: 写真 価格: 無料 会場となったのは、皇居から2番目に近い印刷所と言われる「TOLOT」の“工場”です。 オフィスには超巨大なプリンタや裁断機などが並んでいました。 会場で実際に「TOLOT」アプリを使用し、印刷される様子を見ながらフォトブックを作ってもらいました。 アプリを使ってみます。 初回の利用時にユーザ登録が必要です。 フォトブックを新規作成し、そこに写真を追加していくというのが基本的な操作です。 iPhoneのたくさんの写真を入れている場合には、読み込みに時間がかかる場合があります。 子供の写真を使ってフォトブックを作成してみました。表紙、タイトル、写真の順番などは入れ替えることが可能です。
ウェブサイト作成に役立つ35のwebサービス｜Webpark
ウェブサイトを作成する際に個人的に使っているWebサービスを紹介します。幅広く35個紹介しますので、新しい発見があれば幸いです。 フォント関係 wordmark.it パソコンに入っているフォントを一覧で見ることができます。フォントサイズも調整できます。 日本語フォント252種類を表示確認できます！フォントを探すならfonthack.jp。 日本語フォントの表示が確認できます。現在252種類あります。 PXtoEM.com: PX to EM conversion made simple. ベースのサイズ（px）を決めると、em, pt, %の値が表示されます。 カラー関連 ウェブ配色ツール Ver2.0 配色ツールは色々ありますが、日本語ですし、あまり考えなくても感覚的に使えるので楽しいです。 Color Scheme Designer 3 カラーパレットジェネレーターです。海外サイトで
HTML5 でやりがちな間違い
HTML5 Doctor で 「Avoiding common HTML5 mistakes」 という記事が上がっていましたので稚拙ではありますが翻訳など。HTML5 でマークアップする際にやりがちな間違いをいくつか挙げて、さらに正しいマークアップ例も紹介くれていますので、参考にしてみてはいかがでしょうか。 HTML5 Doctor で 「Avoiding common HTML5 mistakes」 という記事が上がっていましたので稚拙ではありますが翻訳など。HTML5 でマークアップする際にやりがちな間違いをいくつか挙げて、さらに正しいマークアップ例も紹介くれていますので、参考にしてみてはいかがでしょうか。 Avoiding common HTML5 mistakes ： HTML5 Doctor 翻訳といっても要約みたいな感じですので、書いてあることをそのまま日本語にしたものではあり
HTMLベースで作成できるプレゼン用スライドのまとめ
ブラウザでスライドを表示し、HTMLベースで作成できるプレゼンテーション用のスライドを簡単な操作方法と合わせて紹介します。
36 Must See HTML5 Tutorials | SpyreStudios
HTML5 and CSS3 expanded the possibilities of web design. As a developer, HTML5 and CSS3 are now requirements. It allows compliance to be more efficient thanks to its consensus-based standards, among other things. Whether you’re new to HTML5 or quite an advanced coder, here are some HTML5 tutorials that you may find useful for your webpage. Fullscreen Slideshow with HTML5 Audio and jQuery Build a
Create a Grid Based Web Design in HTML5 & CSS3
Follow this step by step walkthrough of the making of a sleek, grid-based website design for an eyewear brand in HTML5 and CSS3. We’ll build the HTML structure with the latest elements then style up the appearance of the site with CSS3 affects to match the original Photoshop concept with minimal use of background images. The design concept The design we’ll be coding up is for a fictional eyewear b
A tale of two viewports — part two
Related files: Part one of this article, about desktop browsers. Compatibility tables. The full list of browsers can also be found here. Test page. Many thanks to Grace Kloba (Google), David Storey and Anne van Kesteren (Opera), Mike O'Malley (Microsoft), Kartikaya Gupta and George Staikos (RIM), and Mark Finkle (Mozilla) for reviewing earlier versions of this piece and providing me with valuable
はじめてHTML5でコーディングする時に注意したいアウトラインとかいろいろ
先日このブログを HTML5 で作り直しました。その時に思った、HTML5 でコーディングするときの基本的な注意書きです。なので、HTML5 をこれからやってみようかなーという人向けです。canvas、video、audio などには触れていません。もっと基本の文章構造、アウトラインについての記事です。また、後半は実際に HTML5 でコーディングする時の tips になってます。 先日このブログ – Webデザインレシピを、HTML5で作り直しました。HTML5 … クライアントさんのページでは、まだ一度も使ったことがないし、勉強のためのサンプルはいくつも作ってみたんですけど、実際に運営しているページで試したいなーと思い、思い切って HTML5 にしました。 とりあえず作ってはみたものの、まだまだ分からないことだらけ。これから HTML5 でコーディングをする時に、とても大事だなーと思っ
Avoiding common HTML5 mistakes | HTML5 Doctor
Between curating sites for the HTML5 gallery and answering readers’ questions here at HTML5 Doctor, I see a host of HTML5 sites and their underlying markup. In this post, I’ll show you some of the mistakes and poor markup practices I often see and explain how to avoid them. Don’t use section as a wrapper for styling One of the most common problems I see in people’s markup is the arbitrary replacem
texteffects
Typographic effects in canvas Stay organized with collections Save and categorize content based on your preferences. My Background <canvas> entered my awareness in 2006 when Firefox v2.0 was released. An article on Ajaxian, describing the transformation matrix, inspired me to create my first <canvas> web-app; Color Sphere (2007). Which immersed me into the world of colors, and graphic primitives;
JavaScript screenshot creator
App engine proxy is temporarily out of use due to exceeded bandwidth use. Please try again tomorrow. Website URL: Get screenshot! Disable JavaScript (recommended, doesn't work well with the proxy) Tested with Google Chrome 12, Firefox 4 and Opera 11.5 About The whole screenshot is created with JavaScript. The only server interaction that is happening on this page is the proxy for loading the ext
東京てら子 Vol.16 発表資料「HTML5 アニメーション入門」 | ClockMaker Blog
なかなか時間がとれず遅くなりましたが、2011 年 6 月 25 日に開催した 東京てら子Vol.16 『ドキッ、JavaScriptだらけの240分』 のフォローアップとして「HTML5 アニメーション入門」のスライドとサンプルをシェアします。 スライド資料(PDF) HTML5でアニメーションを実装する方法について、大きく3つの方法にわけ、それらのメリット・デメリットと対応可能な環境について紹介しています。 資料の補足 HTML5だと最適なアニメーションの方法として3つの方法が必要がありますが、IE6-8系とモダンブラウザ、スマートフォンで実装方法を切り替えなくてはならないのがデメリットです。それに対してFlash PlayerはIE6-8/モダンブラウザ/Androidと幅広くブラウザ・デバイスをサポートしていて、それらのブラウザ・デバイスで挙動の違いがほとんどありません。 iOS(
テキストをおしゃれにアニメーションしながら切り替えられるjQueryプラグイン「jLetter」:phpspot開発日誌
jQuery text rotator plugin - jLetter テキストをおしゃれにアニメーションしながら切り替えられるjQueryプラグイン「jLetter」。 単純にテキストを切り替えるだけでなく、一文字ずつ散らばるようにおしゃれにアニメーションさせながら切り替えられます。 実装も超簡単で、次のようなマークアップを記述。 $('#demo').jLetter(options) で実装できちゃいます。 なかなか面白いプラグインですね 関連エントリ 特定要素内の文字をタイプライター風にアニメーションさせるjQueryプラグイン「TypeWriter」 jQueryとCSS3でGoogle＋風のアニメーション実装チュートリアル バックグラウンドを奇妙にアニメーションさせるjQueryプラグイン
jQuery Mobileを使う際に知っておくと役立ちそうなTipsや情報のまとめ
jQuery Mobileに関して少し整理したいので まとめました。JQMを使うときに知っておくと 便利そうなTipsとか情報とか。いくつか自分 の記事も含まれているのが若干アレなんです が、ご了承ください。内容はコードのみ、では なく、参考サイトなど一貫性無い感じですが。 整理するのが下手なもので一貫性に欠ける内容で申し訳ないですけど、jQuery Mibileを使ったWebサイト構築時のちょっとしたTipsや役に立つ情報などのまとめです。 ページ移動にAjaxを使わないようにするプラグインの前に記述。リンク単位でならマークアップでrel=”external”を、フォームはdata-ajax=”false”を加える。 <script src="http://code.jquery.com/jquery-1.6.4.min.js"></script> <script type="text/
Responsive Web Design Techniques, Tools and Design Strategies — Smashing Magazine
A round-up of resources for creating responsive website designs. Tutorials, techniques, articles, tools and more you need to create your own responsive designs. Back in January, we published an article on responsive design, “Responsive Web Design: What It Is and How to Use It.” Responsive design continues to get a lot of attention, but considering how different it is from the “traditional” way of
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
『息子の写真集つくってみた@TOLOT 2y2m15d』
初めてサービスを知った時は、なんたる安さかと目を疑いました。 今時の印刷業界は、残念ながら 安かろう悪かろうみたいなものも増えて来たので どんなもんかと軽い気持ちで行ったのですが、、、 「めちゃくちゃ本気」でした
『iphoneで500円フォトブック！tolotのブロガーイベントに行ってきた。』
twitterで募集されていたtolotイベントに当たったので、行って来ました！ 謳い文句は【皇居から2番目に近い印刷所ブロガーイベント】！ 要はiphoneを使ってA6サイズのフルカラーフォトブックをワンコインで作ろうの会です。 半蔵門駅から徒歩5分くらいのこじんまりとした場所に かっこよくて大きな印刷機がででーんといらっしゃいました。 上部。なんか強そう。 下部。インク部分がドリンクサーバーみたいできれい＾＾ お食事もご用意していただいたので、ちまちまつまみながら作業開始。 生ハムメロンうめー。 これ最初に考えた人天才すぎるよね。 メロンはハムと出会う為に生まれてきたと思うんだ。 インテリアの蛍光灯シャンデリアが超かわいい！ ★前準備 1、tolotさんサイト経由 http://tolot.com/ やAPPストアからtolotアプリを落とします。 私はitunesとiphoneのヴァ
iPhoneアプリと500円でフォトブック印刷「TOLOT」、皇居から2番目に近い印刷所ブロガーイベント
するぷ @isloop しております！(｀_´)ゞ RT @kogure: 今日はTOLOTという写真印刷アルバム作成のiPhoneアプリのブロガーイベントに参加してます(｀_´)ゞ #tolot0810 2011-08-10 19:34:10
【告知】iPhoneアプリと500円でフォトブック印刷「TOLOT」、皇居から2番目に近い印刷所ブロガーイベント
トップ > 写真iPhone > 【告知】iPhoneアプリと500円でフォトブック印刷「TOLOT」、皇居から2番目に近い印刷所ブロガーイベント いしたにまさきの新刊：HONDA、もうひとつのテクノロジー ～インターナビ×ビッグデータ×IoT×震災～ 01 それはメッカコンパスから始まった｜Ｈｏｎｄａ、もうひとつのテクノロジー 02 ～インターナビ×GPS×ラウンドアバウト～ 運転する人をサポートすること｜Ｈｏｎｄａ、もうひとつのテクノロジー 03 ～インターナビ×災害情報×グッドデザイン大賞～ 通行実績情報マップがライフラインになった日 2011.08.01 iPhoneさえあれば、なんでもできると言い切っていい様な状態にどんどんなってきていましが、なんだかんだいって、それはデジタルやネットの世界の中だけのことでした。 でも、とうとうiPhoneからアナログに出力するサービスが出てきま
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Hack For Japanの軌跡 – Japan Innovation Leaders Summit 2011 8.6 satから | Hack For Japan
http://fontdragr.com/
補講：HTMLの今後 – HTML5で何が変わるのか
Clarity Consulting
500円フォトブックTOLOT（トロット）