The Responsinator is designed to test responsive websites on different device resolutions
この記事は、 Vim Advent Calendar 2012 の83日目(!)の記事です。 昨日の記事は ujihisa さんの「unite.vimのfile_recで無視リストを追加する」。 — こんばんは。 目に優しい黒背景が大好きなcocoponです。 エディタの配色って大事ですよね。 見やすさは、コーディングの速度に直結します。 黒背景のvimを全画面表示にすれば、自然とテンションも上がってきますね。 一生ついていくと決めていた「jellybeans」黒背景のカラースキームといえば、迷うことなく「jellybeans」をオススメしてきました。 クールながらも落ち着いた、絶妙な配色。 はじめて出会ったときは、その完成度に圧倒されたまま「一生ついていく」と心に決めたスキームでありました。 しかし、気になる点もいくつかありました。 例えば、JavaScriptの正規表現。 黒背景に濃い
If you're paying attention to what's going on in the design world, you've probably noticed the ongoing debate around skeuomorphism vs flat design. So here's a quick test. Which of these two calculators feature a skeuomorphic design? If you answered "skeuowhat?" you obviously haven't read any of the approximately 5000 blog posts covering the topic that have come out in recent months, so here's your
An interactive Git visualization tool to educate and challenge!
This is a quick writeup on a delightful little gem I found While creating a calculation app. Inside Foundation framework with iOS 10 there is now a structure called Measurement, which takes a value and a unit. The units come from a whole host of categories such as volume, length, mass, and many more. As I come from an engineering background, this fills me with joy. I’m not even sure how often, I w
Available free for open-source reading below or for purchase via the O'Reilly store. Pull requests and comments always welcome. Prelude Not so long ago, “data-rich web application” was an oxymoron. Today, these applications are everywhere and you need to know how to build them. Traditionally, web applications left the heavy-lifting of data to servers that pushed HTML to the browser in complete pag
Apacheの設定ファイルを変更します。 80番はリバプロ側で処理するためApacheではListenポートを8010に変更する nginx側の設定を変更します。 インストール後は「/opt/local/etc/nginx」に設定ファイルのサンプルがあり、 通常はこちらを参考にして設定しますが、今回は設定ファイルを下記のように設定します。 1.mimeタイプはデフォルトのものを利用します sudo mv /opt/local/etc/nginx/mime.types.default /opt/local/etc/nginx/mime.types user nobody; worker_processes 1; error_log logs/error.log info; events { worker_connections 256; } http { include
こんにちは、デザイナーの王です。 今回の記事ではCompass使いになるための必要最小限の知識から応用まで、体系的にひと通り紹介していきます。 全くの初心者でも問題ありません! はじめに結論を言うと、CompassでCSSを書くと 早い! 見やすい! メンテしやすい! コード量がぐっと減る! 一度使い出したら最後、もう元には戻れない! 一体どこまで便利なのかずらずら書くよりも、百聞は一見にしかず! 簡単なプロジェクトを通して、各特徴について紹介した短いデモ動画を用意したので、まずはこちらを見てください! Compassとは? Compassを語る前に、まずは「Sass」を知っておく必要があります。なぜなら、CompassはSassを元に開発したフレームワークだからです。 Sassとは では「Sass」とは何かと言うと、正式名称は「Syntactically Awesome Style Sh
CSS3初心者でも簡単に利用でき、上級者でも実装のヒントになる、ページでよく使うパネルやボックス、ボタン、バーなどをbox-shadowを使って実装するスタイルシートのスニペットを紹介します。 10 Creative Techniques Using CSS3 Box Shadow 10個のスニペットは、Apple, Pinterest, Facebookなどで使用されているエレメントのHTML/CSSを簡略化したものです。 1. スクロールしてもバーを常に最上部に表示 2. サブナビゲーションのドロップダウン 3. シャドウを使った光沢が美しいボタン 4. 吹き出しスタイルの通知パネル 5. Appleのページラッパー 6. Appleのコンテンツボックス 7. Appleのフィーチャーリンク 8. 画像にさりげなくシャドウを添える 9. フォームの入力を目立たせる 10. エラステック
Captcha security check hackinsight.com is for sale Please prove you're not a robot View Price Processing
海外のblogにて、生活を簡略化する50つのライフハックというポストがあったのでご紹介します。 全て画像1枚で伝わるライフハックです。 海外ならではのアイディアも沢山あって面白かったです。 机周りを綺麗にしたとき良く遭遇する問題ですね。クリップの間を通すだけというシンプルな解決法はさすがです。 空き缶のプルタブを使ったナイスなライフハックです。これはかなり使えますね。 使う場面はあまりないですが、覚えておくと便利なライフハック。 なるほど!と思ったので抜粋しました。 これも先ほどのクリップハックと同じように、配線のトラブルを解決するライフハック。 束ねるだけではなく、どれがどの配線かひと目で分かるというのは素敵です。 発想が素晴らしかったので抜粋。タコスを焼くときのために、頭の片隅においておきたいライフハックですね。 これはご存知の方もいるかと思います。私も掃除のおばさんがやっている
毎日仕事中と寝る前にチェックしてるUIの参考になるサイトをまとめました。 もう、見ているだけで涎が出ますね。 Dribbble – Following もはや知らない人はいないでしょう。世界中からハイレベルなデザインが集まるこのサイト。3時間に1回は見てます。 JAYPEG 日本版Dribbbleというとわかりやすいかもしれません。昨年末にできたばかりですが、すごく好きです。投稿しまくってます。自分で作ったUIを素材として公開してたりします。1時間に1回は見てます。 Inspired UI – mobile ui patterns カテゴリーが細かく分かれていて非常に嬉しいです。数も豊富で見やすいサイトです。 iOS Mobile Patterns カテゴリーがわかりやすく、マウスが拡大鏡になるので細部まで見ることができます。 iPad and iPhone Design Ins
最近のデザイントレンド、フラット、サークル、ミニマル、ブラーなどを取り入れ、ディテールにこだわった美しいデザインのフォームのPSD素材をPixelsDailyから紹介します。
Life hacks are little ways to make our lives easier. These low-budget tips and trick can help you organize and de-clutter space; prolong and preserve your products; or teach you something (e.g., tie a full Windsor) that you simply did not know before. Most of these came from a great post on tumblr. There is also a great subreddit ‘r/lifehacks‘ with some fantastic tips as well.
みなさま。こんにちは 世界一周から帰国して約3週間が経ちました @hiroki_tkg です。 今日はめっちゃ安い格安航空券の取り方について書きたいと思います。 世界一周でも単発の旅行でも、やはり旅費で一番高い割合を占めるのが、そう移動費なんです。 長距離移動の飛行機チケットは格安航空券でも、かなりの値段がします。 でも、やり方によってはかなり安くチケットを取る事も可能なんです。 時には、旅行代理店を通して買うより、半額以下の値段になる事も。。。 そんなわけで、今日は僕が旅中に見つけた、めっちゃ安い航空券を取れる素晴らしいサイトたちをご紹介します。 ①momondo momondo http://www.momondo.com/ momondoは、日本語・日本円非対応ですが、今まで見た数多の航空券のサイトの中でぶっちぎりに安いです。他のサイトを使っていた方は是非お試しあれ!でも欠点がないわ
先週、このブログでもお披露目した「がん保険のアフィリエイトサイト」ですが、今回は、サイトの作成過程を記録して記事にしようと思っていたので、所々でサイトをキャプチャしておきました。 過去にアフィリエイトサイトの作り方については何度か書いていおり、基本的には、今でもアフィリエイトサイトの作り方【2012版】で書いたとおりに作っているのですが、デザイン込みの作り方を解説したことはなかったので、今回はなるべく詳細に書いていきたいと思います。 今回サンプルとして使うのは、「 はじめてガン保険」というサイトです。このサイトを見ながら解説を呼んでいくとわかりやすいと思います。なお、WordPressでサイトを作っています。途中WordPressの使い方については、解説が抜けるかもしれませんので、その際は、WordPressの使い方とカスタマイズをご覧ください。 あくまでサイトの作り方の手順ですので、アフ
【スタートアップベンチャー必見】ニュースサイトのプレスリリース配信先メールアドレス40選 2012/11/30 PR, スタートアップ, 地域, 日本 私たちはプレスリリース配信のPR TIMESを運営しています。1配信3万円~という価格で、企業の情報を効果的に広めるお手伝いをしています。 他のプロモーション手法と比べてもお手頃価格ということもあり、会社設立3年未満のスタートアップベンチャーにもよく利用いただいてます。Kadittさんが今週、ローンチしたCarryのプレスリリースはメディアにも数多く取り上げられましたが、PR TIMESのページでもアクセスとFacebookいいね!を集めました。 ありそうでなかった 新発想の「備忘録」アプリ。行きたいお店を持ち歩ける“ToGoリスト”「Carry」(キャリー)をリリース – PR TIMES (2012年11月27日) PR TIMESの費
最近、海外のスタートアップ界隈では”モバイルファーストは間違いだった”という意見がよくでてきている。 それにたいして、”これからはモバイルだ!モバイルだ!”とずっと言い続けていたTechCrunchのエース記者MG SIEGLERさんとの対談が非常に面白い。 動画はこちら。Mobile First Or Mobile Worst?(英語) この動画で語られている事は興味深すぎるので、出来る限りどんなことを話しているかを紹介するとともに、事の経緯とか、iPhoneアプリを開発している立場として僕の意見も書きまくりたい。 ちなみに、この動画で話しているのは、スタートアップが新規事業を立ち上げる時にスマホアプリから始めるか、それともWebベースのPCサイトから始めるかの話です。 例えばFacebookはWebファーストで、Instagramはモバイルファーストのスタートアップ。 基本的にはサービ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く