How to Create CSS3 Pricing Tables - Designmodo
Step 1 – HTML We will create a table with the class “pricing-table”, this class will be the base to add our styling. Then we will divide our pricing tables in three parts: the first one, <thead>, will have the title of the plan and the respective price; the second one, <tbody>, will have the features of the plan (for example: bandwidth, disk space, etc.); and finally the third one, <tfoot>, will b
Interesting Navigation Examples in Website Design - Designmodo
With Postcards Email Builder you can create and edit email templates online without any coding skills! Includes more than 100 components to help you create custom emails templates faster than ever before. Free Email BuilderFree Email Templates The team skillfully goes for a quite ingenious solution that instantly strikes the eye. At first sight, it may seem that this is a basic image background, h
20+ Mac Apps for Web Designer
2013年11月28日 便利ツール 私のメインマシンはMacです。以前から制作環境であったり、使ってるアプリを紹介してほしいとのリクエストを頂き続けているので、やっと重い腰をあげてまとめてみます…。というのも結構有名所のものばかり使っていて、目新しいものは特にないので…あまり…面白くないかなって…。それでも読んであげるよっていう優しい人は続きをどうぞw ↑私が10年以上利用している会計ソフト！ 簡単にスペック紹介 Macbook Pro 13″です。それでWebデザインって画面小さくないかって？小さいですよ！大きな画面に憧れてますよ！しかし国をまたいだ引越しが多く、作業もカフェや図書館ですることが多いので、持ち運びを重視して小さなサイズです。いい加減デュアルディスプレイにしたいです。 デスクトップ。普段はドック隠してます。デスクトップがファイルだらけになるのが嫌いなので、一時的に画像やファ
日経xwoman：doors 私だけの扉をみつける：日経xwoman
日経xwomanのマイページの通知やフォロー機能はリゾームによって提供されています Copyright © Nikkei Business Publications, Inc. All Rights Reserved.
Google がまだ Flash を使っているサービスでみる脱 Flash の難しさ - てっく煮ブログ
Flash, HTML5スマートフォンの普及が進む中、iPhone には Flash が搭載されず、Android 版 Flash は開発停止になるなど、遅かれ早かれ Web 上から Flash が消えていき、リッチな表現は HTML5 に置き換わっていくことは確実となりました。「これからは HTML5 だ」という印象を世間に強く与えたのが、2009 年の Google I/O でした。Google I/O 2009 レポート グーグルが賭けるHTML 5の未来 − ＠ITGoogle はそれ以降、多くのサービスに HTML5 を取り入れてきました。しかし、いまだに Flash を利用しているサービスがいくつかあります。この記事では HTML5 化していない、または、できていない 5 つの Google のサービスを通してどのこで Flash が使われているのかなぜ Flash が使われて
あなたのコンテンツがソーシャルネットワークでシェアされない9つの理由
ファンが「シェア」するときの心理学に基づき、なぜあなたのコンテンツがソーシャルネットワークでシェアされないのか、9つの理由に分けて説明された記事をご紹介します。 こんにちは、SMM Labの小川です。 Facebookページのファンがウォール投稿に全然反応してくれない、何を投稿したらよいかも分からない…、そんな悩みをお持ちのFacebookページ運用者の方も多いのではないでしょうか。 そこで今回は、socialmediaexaminerより「あなたのコンテンツがソーシャルネットワークでシェアされない9つの理由」をご紹介します。 All about smartphones / Denis Dervisevic コンテンツをシェアしてもらうには3つのステップがある Facebookでは、1ヶ月の間に300億個ものコンテンツ（投稿、写真、リンクなど）がシェアされていると言います。HubSpotの
「ムカつく相手、横柄な人を一発で黙らせる」 9つのオトナ対話テクニック
うるさい人、むかつく相手、横柄な人を黙らせ、うざい言葉を上手に返す、むかつく上司に言い返す、そんな時に使えるテクニック集である。 合気道からヒントを得たというこの本は、相手に対して攻撃したりケンカしたりする方法を教えるのではない。 相手の悪意を巧みに利用して相手と喧嘩にならず、自分も気分をスッキリさせてしまう方法を教えてくれる。 今日このエントリーでは、この本の中から僕が特に面白いと思ったテクニックを9つ抽出した。 もし興味を持たれたら、是非本書を手に取って、残りのテクニックも身につけてみて欲しい。 さっそく紹介しよう。 1. 傾聴で相手の懐に飛び込む 混雑した電車の中で酔っ払った労働者風の男性が周囲に悪態をついていた。 周りの人たちは迷惑そうに席を立ったり、車両を移動したり。 酔っ払いは誰彼構わず絡み、大声で怒りをぶちまけ続けた。 その時、一人の老人が酔っ払いに近づいていった。 酔っ払い
プログラマならば使うべき：GitHubでDNS管理ができる Luadns | Everyday Deadlock
さきほどTwitterで流れてきたのでたまたま見つけたのですが、LuadnsというDNSホスティングサービスがかなり凄いです。Luaスクリプトでゾーン設定を書いてGitHubにpushするだけで即座にDNS設定ができてしまいます。 DNSホスティングサービスというと、多くの場合ブラウザを開いてログインしてコントロールパネルからポチポチと入力して送信して、、、という手順を踏まないと設定が更新できないわけですが、Luadnsは違います。example.com.lua ファイルをEmacsやVim(やその他エディタ)で開いてLuaスクリプトを書き、git commit ＆ git push で設定が完了してしまいます。push にフックして Luadns の設定が自動的に更新されます。 マウスまで手を動かすのが無限に遠く感じられるプログラマにとっては、これほど素早く簡単にDNSが設定できるのはか
[CSS]box-shadowを使って、紙がふわりと浮かんだようなエフェクトをつけるスタイルシートのまとめ
Creating Different CSS3 Box Shadows Effects [ad#ad-2] デモ 実装 デモ デモはbox-shadowに対応した下記のブラウザでご覧ください。 対応ブラウザ Internet Explorer 9.0+ Firefox 3.5+ Chrome 1+ Safari 3+ Opera 10.5+ デモページ [ad#ad-2] 実装 基本となるHTML 8つの各デモのHTMLの基本は同じで、class名が異なるだけです。 <div class="box effect"> <h3>Effect</h3> </div> 基本となるCSS div要素とh3要素の基本となるスタイルです。 .box h3{ text-align:center; position:relative; top:80px; } .box { width:70%; height
WebSocket の動作確認に wscat が便利すぎる件 - tricknotesのぼうけんのしょ
WebSocket を利用したアプリケーションを作る際に、動作確認が煩雑な場合があります。 サーバ側とクライアント側をどちらも実装する必要があって、「ちょっとこの部分だけ動かしてみたいなぁ」っていうときに、簡単に試す方法があると便利ですよね！ そんなときにおすすめなのが、 wscat です。 wscat は、コマンドラインで利用できる WebSocket のサーバ/クライアントで、ws に同梱されています。 ws とは、 Node.js 上で WebSocket を使うためのモジュールで、Socket.IO やengine.io の内部でも利用されている今注目のプロダクトです。 今回は、この wscat の使い方をご紹介します。 対象バージョン ws (0.4.7) インストール Node.js のモジュールなので、 npm でインストールするのが簡単です。 $ npm install -
これから本気でSEOを始める人が読むと幸せになれるかもしれない記事50選 | パシのSEOブログ
検索エンジンの進化は凄まじく、最近はソーシャルメディアも念頭に入れたSEOが求められるため、過去の情報を元にやっていると時代に取り残されてしまいます。SEOの本質というか基本的な部分は、ここ何年も変わっていませんが、取り組み方には大きな変化が訪れようとしています。 そこで、ある程度基礎ができていて、これから本気でSEOを始めるという人のために、ここ2～3カ月に公開された記事の中から、とりあえずこれ読んどけ！というものをご紹介します。かなり数が多くなった為、リンクを羅列するだけになりますが、気になったものを拾い読みする形でも良いと思います。 サイト運営に役立つ記事 アクセス解析に役立つ記事 被リンクの獲得に役立つ記事 有用なSEOツール解説記事 Googleオタクにオススメの記事 おまけ サイト運営に役立つ記事 Googleの中の人が明かすホントのSEO サイトを新設する際のSEOチェックリ
｢ゴミだね｣と言われて本当に｢傷つかない技術｣ - teruyastarはかく語りき
というか、広い考え方。 「傷つかない技術」を体験した授業 | 記事 | s-style-arts blog !! http://s-style-arts.com/blog/article/entry-234.html 最後の学年のアート＆ビジネスというクラスでした。 3ヶ月くらいかけて完成させる課題で、 ◯△□の基本的なシェイプを使って最終的には何か プロダクトのモックアップを作るみたいな感じだったと思います。 (略) 「はい。みんな課題持って来ましたか？ では、机の上に出して、紙の人はそのまま破り捨てなさい。 立体物の人は壊してゴミ箱へ捨てなさい。」 生徒全員しばらく唖然とした状態で沈黙。 その後、泣き出す人、すごい剣幕で怒り出す人、教室から出ていっちゃう人、 多くの生徒はそのショックをそれぞれに表現していました。 (略) ｢みんなプロのデザイナーとしてこの先の人生食っていこうと思ってい
なるべく覚えないviエディタの使い方 - ザリガニが見ていた...。
viというエディタがある。長い歴史のあるエディタである。ユーザー視点で見ると、コマンドモード・入力モードという二つのモードがあって、モードを切り替えながらテキスト編集するスタイルである。GUI全盛のモードレスなエディタに慣れきってしまった自分には、かなり面食らったエディタであった。初めて起動した時、文字も入力できず、終了の仕方も分からない...。何じゃこれは？ そう思って調べてみると、viには非常に多くのショートカット的コマンドがある。その多さにまず面食らう。とても覚えきれないと。以下は、自分で調べて理解できた使い方である。軽く100以上の操作がある。（これでもなるべく行を節約して書いたのに）しかも、以下の表でもすべてを網羅できている訳ではない。 どうにか、これらのコマンドをなるべく覚えないで、そこそこ使えるようになりたい。何を覚えて、何を覚えなくていいのか、探ってみた。 viエディタの使
フェンスを外す人 - β2
イギリスのチェスタートンという批評家の名言に好きな言葉がある。 「なぜフェンスが建てられたのかわかるまで、決してフェンスをとりはずしてはならない 」 高級なクラブなどに行くと気づくのは、そこにある灰皿が極端に小さいことだ。小さく造形された灰皿はそれだけで独特な美しさを持っているが、ここには原作者の粋なアイデアが詰まっている。小さな灰皿は、一本でもたばこを吸えばいっぱいになってしまう。そうすると、スタッフが灰皿を新しいものに替える。そうするとことで、客への細やかなサービスを演出できるし、スタッフに自然と客へ細かく注目させることを可能にしている。 もちろん、これを違うやり方で実現することもできる。たとえばマネージャーが、スタッフに「客を細かく見ろ。灰皿は、客が一本たばこを吸ったら必ず変えろ」と言えばいい。そういうマニュアルを作ってもいいし、バックルームに貼り紙をしてもいい。なんらかの指示や号令
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
売れるデザインのしくみ、ざっくりノート - 4mimimizu blog