Ruby on Rails チュートリアル プロダクト開発の0→1を学ぼう Railsチュートリアルとは?
みなさんWunderlistというアプリをご存知でしょうか?iPhone, iPad, Android, Windows, Mac, Webで使えるいいデザインのtodoリスト管理アプリです(無料)。とても素晴らしいアプリなので使っている方も多いかと思います。 先日このアプリを作っている会社6Wunderkinderのブログを読んでいたら、Wunderlistがどのようにして新しいデザインを作ってきたかが書かれた興味深い記事がありましたので翻訳(意訳)しました。 [以下Break Rules To design better productsの翻訳(意訳)] 私たちは一日のうちに、スマートフォンやタブレット、ノートパソコンといった様々なデバイスを使い分けています。それぞれに独自のガイドライン、インタラクションの種類、そしてもちろん異なったインターフェースがあり、私たちはデザイナーやエンジニ
社会を変える画期的デザイン!途上国から生まれたグッドアイデア17選 最終更新日: 2017/02/01 寄稿 こんにちは!「トジョウエンジン」というブログマガジンを運営している三輪(@3_wa)と申します。この度寄稿させて頂くことになりました。 「Last Day. jp」では「途上国」と呼ばれる海外の情報が沢山紹介されていますが、皆さんは「途上国」と聞いて何を想像するでしょう? 水不足、電気不足など、沢山の問題を想像されるのではないかと思います。 今回お伝えするのは、そんな問題をデザインの力で解決する17のアイデア。途上国から生まれた、とっておきのアイデアをご紹介します! 水問題を解決するグッドアイデア6選途上国で最も深刻な水問題。現在26億人もの人が安全な飲み水を確保できていないと言われています。この問題を解決するために生まれた6つのアイデアをご紹介します。 1.世界中の雨水を飲料水に
CSS3アニメーションとjQueryを使って、アニメーションの動きが気持ちいい水平型のギャラリー・ポートフォリオを実装するチュートリアルを紹介します。 デモページ:サムネイルのホバー時 サムネイルのホバー時だけでもキャプションの表示だけでなく、画像などのサイズ変更、テキストの表示、各アイテムの可視化、配置変更などもアニメーションで行われています。 実装 実装はポイントをまとめて紹介します、Stepは3つです。 元記事では詳細に書かれているので、参考にしてください。 Step 1: HTML 画像、2つのパラグラフ、タグが一つのセットになっており、それぞれをリスト要素で実装します。 <ul class="portfolio-items"> <li class="item"> <figure> <div class="view"> <img src="images/1.jpg"> </div>
2013年として最近のフリーアイコンを探すと、どこもかしこも「フラットアイコン」ばかりでしたが、一つここで総まとめしておきたいと思います。 フラットアイコンも、よーくみるとそれぞれ若干の違いや特徴があるんだなと、並べてみるまであまりわかりませんでしたが・・。というわけでして、無料アイコンをお探しの方はチェックしてみてください。 フラット無料アイコン ソーシャルメディアフラットアイコン。 ソーシャルメディア、ブラウザ系の無料フラットアイコン フラットUIアイコン iPhoneアイコン用PSDファイル 各種ファイル用のフラットアイコン1 各種ファイル用アイコン2 フラットアイコン Vol.1 フラットアイコン Vol.2 フラットアイコン Vol.3 フラットアイコン Vol.4 サークルバッチ型の無料アイコン いろんな形のソーシャルメディア用フラットアイコン WebサイトUI無料アイコン 各
ソーシャルボタンのJavaScriptでfunctionの前に「!」がついている理由を調べてみました。 1.はじめに TwitterやPocketなどのソーシャルボタンのコードをみると、共通してscript要素の中にあるfunctionの前に「!(エクスクラメーション)」がついています。 Twitterの場合 <a href="https://twitter.com/share" class="twitter-share-button" data-via="yujiro" data-lang="ja" data-size="large">ツイート</a> <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getE
これまででも最長クラス、およそ120分間に渡って行なわれたWWDC 2013の基調講演は、新しい発表の激流だった。未来を感じさせる新技術や、目からウロコの新機能、解決が難しいと思っていた根の深い問題への驚くような根本的解決策――。 しかし、あえてこう言いたい。WWDC 2013基調講演で最大のニュースは、Macの新OSの名前でもなければ、フラットな見た目の新iOSでも、新しくなったMacBook Airや、世界中を驚かせたMac Proのデザインでもない。 もちろん、2つの新しいOSと2つのハードウェアに見るべきものがないと言いたいわけではない。これらの新製品の素晴らしさについては、その詳細な魅力に至るまで、何ページにも渡って飽きさせずに読ませる自信が筆者にはある。 例えば、まだほかの記事ではあまり触れられていない「Activation Lock」という機能1つだけでも、書こうと思えば1ペ
WordPressのプロになるなら最低限知っておきたい10+1個の知識、挙げてみますね! 2013.06.12 | WordPress | 初心者向け WordPressのプロとしてやっていきたいなら知ってないと困っちゃう知識を、10個挙げてみました! これを知っていればプロになれるというわけでもないと思いますが、知らないとマズイ、自分が困る、あるいはお客さんが困る、というものだと思いますので、チェックしてみましょう! 色んな切り口あると思うんですが、今回は、html/css/jsだけを使ってサイトが作れるようになったデザイナーさんがぶつかることになる壁というか課題、という視点でやっていければと思いまーす! 今回はチェック&勉強のきっかけのためというコンセプトでやらせていただきますので、各知識については自分で勉強するなり、教えてもらえるところに行く(Webデザイナー・HTMLコーダーのスキ
Chrome CanaryDevToolsも進化してるのでStableではなくCanaryを Local ProxyPCのみならDevToolsだけでもいいけど、スマホのWebView内解析とか考えるとLocal Proxyは必須 Windowsなら Fiddler (無料) Macなら Charles (有料) Macでお金払うのが嫌な場合 CocProxy for nginx (無料。CUI。Ruby版使うくらいならこちらを) JS製が良くてソース読みたいなら Klepto (無料。GUI。不安定) ソースの文字コード変更ChromeでJS、CSS開くと日本語が化けるので、初期文字コードをUTF-8に変更 (フォント設定( chrome://settings/fonts )の一番下を「Unicode (UTF-8)」に) “This Frame” Context Menuiframeの
Mac ProMac Pro 2013に何か入れたくてしょうがない人達のツイートまとめ。詳細は以下から。 動物系 –@paseri_d くまー http://t.co/LhTD4Fza9M #macpro 2013/06/11 16:03:42 –@sistervivienne まっくふろできたよー ( ´ ▽ ` )ノ http://t.co/RjljyqYHIO 2013/06/11 16:15:41 –@coro_oyakata MacPro 2013. http://t.co/IiR7zbEpJg 2013/06/11 18:01:28 –@Takuri_east 俺だって… http://t.co/ZZi8KVG9TH #macpro RT @tomozh: お腹が空いてきた…>日本でも海外でも、新しいMac Pro 2013に何かを入れたくてしょうがない人達のツイートまとめ h
「売れるネット通販」がやっていることに仮説なし! はっきり言おう。 今のネットマーケティングの常識は間違いだらけである。 多くのネット通販は、広告代理店や制作会社やシステム会社の言われるがままに、オシャレな広告原稿(バナー)を作り、キレイな本サイト(ECサイト)を作り、ショッピングカートのシステムを導入さえすれば、売り上げが上がると思っている。 しかし、統計的に日本の約9割のネット通販事業が実は赤字だと言われている。数年前に夢見てはやりのネット通販事業に手を出してみたものの、フタを開けてみると「貧乏ネット通販」になっていた会社ばかりだ。もっというと、王道のネットマーケティングの“常識”でやっている会社ほど失敗している。 その一方で、ネット通販で50億円、100億円と稼いで大儲けしている「売れるネット通販」も世の中にたくさんある。私のクライアントたちはまさにそうだ。 では、なぜ“売れるネット
WordPressプラグインで、コワーキングスペース7Fの入退出管理システムを作りました。 コワーキングスペース7Fで2013年6月から運用を開始しています。 コワーキングスペースの入退出管理として、 (1)各利用者(ユーザー)に番号を発行してバーコードとする。そのバーコードはスマートフォンで読み出せるし、会員カードに印刷することも可能。 (2)バーコードリーダーでピッと読み取ると、チェックイン時間・チェックアウト時間を記録して、過去の履歴として残せる。 (3)スタッフの管理用として、コワーキングスペース内に現在いる人の顔写真や名前やプロフィールや会員ステータスや過去いつ来たか等を一覧で見れる。(週1・2のアルバイトスタッフでも利用者の顔と名前とプロフィールなどを知ることができる。) (4)サイト上に、各利用者(ユーザー)で公開OKのみ、今そのコワーキングスペースにいることが分かる。(こ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く