BootstrapやFoundationのように、フロントエンドのさまざまなUIエレメントが揃ったフレームワークを紹介します。 一番の大きな違いは、名の通りフラットを前提に作成されている、ということでしょうか。 Furatto Furatto -GitHub Furattoは、かっこいいフラットなスタイルのUIエレメントを使ったウェブページが簡単に実装できるようになっています。 デモページから、そのUIエレメントをいくつか紹介します。
InDesign CS6以前で作成されたドキュメントを、InDesign CCで開く場合に、文字組みが変わるケースがありますのでご報告させていただきます。 下図は、InDesign CS6で作成したドキュメントで、[ゴシックMB101 Pro B]と[Myriad Pro Bold]の合成フォントを作成して適用したものです。 ※[半角欧文]と[半角数字]のみ[Myriad Pro Bold]を指定。
ブロガーはライターでは無い。 冠に『プロ』と付けば定かでは無いが少なくとも個人の(アマチュア)ブロガーはライターでは無いだろう。ライターとは書く事を仕事にし書く事で対価を得て飯を食う。 ・これがあれば自信が持てる! ライター必携の原稿セルフチェックシート15項目 http://liginc.co.jp/web/useful/26947 これは非常に正しい。 正しいと言うか間違っていない。ライターと言う職業であり、人に読まれる記事を書き飯を食うならこう言う自己点検は確かに必要なことだと思う。 しかし個人ブロガーはどうだろうか。 よく『○○の基本20のテクニック』みたいな記事タイトルを見かける。中身はそのまま同じだ。SEOやライターとしての基本を守るなら実に正しい。 そして面白くない。 個人ブロガーは基本素人だろう。 しがらみが無いからこそ自由に書ける。 どんな話題でも個人の中傷などしたりしな
TOP > WebDesign > デザイン性の高いポートフォリオサイトのインスピレーション集「200 Portfolio Sites for Web Design Inspiration」 自身で制作した作品をまとめて掲載し紹介するポートフォリオサイトは、掲載する作品だけでなく、ベースとなるサイトのデザインにもこだわりたいものです。今回はそんな時に役立つ、デザイン性の高いポートフォリオサイトのインスピレーション集「200 Portfolio Sites for Web Design Inspiration」を紹介したいと思います。 (Charli Prangley) 作品をより良く見せてくれるデザインのポートフォリオサイトデザイン例が多数紹介されています。気になったものをピックアップしてみましたので、下記よりご覧ください。 詳しくは以下 ■Daniel Paul – Web De
こんにちは。毎日暑いですね…。猛暑日が続き、いよいよ夏バテがやってきそうです。夏はイベントも多く外に出たくなりやすいですが、外出の際はこまめに水分補給をしましょう!私はビール補給を毎日したいです。 さて、今日は美術やデザインを学ぶ中で一度は聞いたことはある『三分の一の法則(三分割法)』と『黄金比』について書こうと思います。皆さんはこの法則を意識してデザインをしたことがありますか? 三分の一の法則とは? まずは三分の一の法則について。 イラストや写真、文字などの要素を1つのエリアにレイアウトするとき、画面の中を分割するようなイメージでそれぞれの範囲に役割を与えると、受け手に情報が伝わりやすくなります。例えば、「写真のエリア」「タイトルのエリア」「説明のエリア」といったイメージです。このように3つの要素を配置する際に、三分の一を意識してあげると、全体的にまとまった印象になります。 上図のように
「1人で作業をしたほうが集中力が高まるから効率が上がるだろう」と考えているあなた。必ずしもそうとは限りませんよ。効率性やアイデアに関するブログ「99u」によれば、昔に行われた研究では、他人と近しい距離にいることが、より効率的に作業ができる理由を以下のように述べていたようです。 社会心理学界における早期発見の1つに「社会的促進」効果が挙げられていました。同じようなタスクに取り組む他人の存在が、私たち自身のモチベーションを向上させると言うのです。 1920年に社会心理学者のフロイド・オルポートは、同じ机で個別の作業を行う人々が、お互いに助け合ったり、競争し合ったりしていないにも関わらず、総合的なタスクの達成率が高かったと証明しています。 アルポートの研究によれば、例え1人での作業でも「他人の存在」というエネルギーが無意識にチームを作り上げているのです(だからこそ黙々と作業をする他人だらけのカフ
by Bairis Desarrollos... 仕事で「チームにおいて最も生産性を下げているものは何か?」と尋ねた時、多くの場合リストのトップに君臨するのは「書類の管理」と「会議のスケジュール」の2つである、ということでビジネス特化型SNSのLinkedInのCEOであるJeff Weinerさんが後者の「会議のスケジュール」という点について無駄な会議をなくすためのシンプルな7つのルールをまとめています。 A Simple Rule to Eliminate Useless Meetings | LinkedIn http://www.linkedin.com/today/post/article/20130701022638-22330283-a-simple-rule-to-eliminate-useless-meetings ◆01:プレゼンテーションを廃止する by Kirill
ビーチやキャンプ、スイカ、アイス、カクテルなど、夏のアイテムをモチーフにしたアイコンを紹介します。 アイコンは商用利用可のものからデザインサンプルまで、最後には夏をイメージしたパターン素材全62種も!まずは、フラットなアイコン素材から。
こんにちは。子煩悩ライターのイワタテです。 娘、と書くより、愛娘、と書いた方がしっくり来るんです。 きっと、愛しているからでしょうね。 ところで、ライターという職種に限らず、仕事で文章を書くすべてのみなさん。 原稿、自信をもって出していますか? 僕は、自信をもって出しています。 その秘密は、原稿提出直前に必ず使う、15項目のセルフチェックシートです。 このチェックシートを活用するようになってからというもの、クライアントの機嫌は良くなるし、読者からのレスポンスが見違えたし、みるみる仕事が増えていくし……父ちゃんやったぜ愛娘! 原稿送信のボタンを押すときはいつも不安になるという方。 よろしければこのチェックシート、印刷して机のどこかに貼って、使ってみてください。 □ 原稿の結論がタイトルに明記されているか。 何が書いてある原稿か直感的に理解できなければ、そもそも読者はページを開かない。 □ 想
iPhoneの画像加工アプリは非常に多くの種類が出ています。しかし、Macにはどうでしょう。少なかったと思いませんか? 例えばInstagarmのように、ちょっとビンテージ風な画像にしたり。はたまた、2枚の写真を1枚にまとめたり。こういう事がiPhoneなら簡単にできました。 しかし、Macはどうでしょう。手軽に写真の加工をできるアプリはなかったと思います。 しかし、アプリ「Fotor」を使えば簡単にできます。写真にちょっと良い感じの加工を施すのも、複数の写真を一枚にまとめるのも、これ一本でOKです。 写真ライフを楽しみたい方なら必須なアプリ「Fotor」。今日はこのアプリを紹介していきます。
流行りのロングシャドウが作成できるCSSジェネレーター『Long Shadows Generator』 Webデザインにおいてフラットデザインのブレイクと共に、今巷では“ロングシャドウ”というのがプチブームだそうな。 そんなロングシャドウを使ったCSSのコードが簡単に作れる専用のジェネレーターがこちらの『Long Shadows Generator』です。 プレビューを見ながらスライダーを調整したり背景色などを適宜指定して作っていきましょう。 デフォルトでは矩形のボックスとテキストのセットになっていますが、ボックスに含めずテキストオンリーを使うことも可能です。 こんな風にして出来上がったらコードをコピーして終わりです。 あとは、ボックスに「container」、テキストに「shape」というクラス名で定義されているので、そのクラス名を使ってマークアップしてやればいいだけです。
1日が24時間以上あれば良いのにと思った経験はありませんか? 時間を増やすことはできませんが、脳をうまくだませば、1日が長くなったように感じさせることはできます。ソーシャル共有アプリ『Buffer』のチームが、その仕組みを説明しています。 これまでの人生を振り返ってみてください。1週間を4週間ぐらいに感じたり、1時間が数日間にも思えたりと、時間が永遠に続くように感じた時期はありませんか? その時期に何をしていたかと考えてみると、おそらく自分にとってまったく新しい、集中力を要することをしていたのではないでしょうか。 おもしろいことに、「自分のしていること」に集中すると、実際に時の流れが遅くなるのです。正確には、脳がそのように感じる、と言ったほうが良いかもしれませんね。脳神経科学者のデイヴィッド・イーグルマン氏は、とても興味深い例を使って、そうした時間の感覚の仕組みを説明しています。 イーグル
「Monochro」は閲覧しているページの背景画像や文字装飾を削除できるアドオンです。背景画像や文字の装飾をなくすことで、ページの読み込み速度を速くできますよ。ゴテゴテしたサイトで使うと効果バツグンですね。 以下に使ってみた様子を載せておきます。まずMonochroへアクセスしましょう。Firefoxにアドオンをインストールしましょう。 右クリックすると「モノクロ表示」というメニューがあります。こちらをクリックすると、背景画像や文字装飾が完全にクリアされた状態でページが読み込まれますよ。 このようにすっきり表示されます。背景画像をクリアにするだけでも読み込み速度が速く感じますね。ぜひお試しください。 Monochro (カメきち)
こんにちは、まいです。夏休みに向けて、外出の予定は入っていますか?お出かけ前にパパッと天気を調べる方法をご紹介します。 そろそろ夏休みですね。皆さん外出の予定は立てていますでしょうか?ただ、夏は意外と天気が変わりやすかったりします。 今日は通知センターからパパッと天気をチェック、ポチポチっと天気詳細を表示させられる方法をご紹介します。 通知センターで天気をチェック! 画面上部を下にフリックすると「通知センター」が表示されます。プッシュ通知を一覧で確認できる便利な機能ですよね。 通知センターにはもう1つ「ウィジェット」の表示エリアという役割があります。iOSにおいてウィジェットとは、通知センターに常駐が可能なアプリで「天気」と「株価」が該当します。 単独でも起動できるし、情報を通知センターに常に表示しておける特殊なアプリですね。 さて、その天気ですが日本語環境で利用する場合はYahoo!JA
Mac OS XとWindowsのマウスカーソルの移動速度を比較すると、Macにはラグが存在します。このタイムラグが32ミリ秒あるため、Mac OS Xはゲームプレイやデザイン用途には向かないと言われていますが、その32ミリ秒のラグを解消するSmoothMouseがリリースされていたので利用してみました。 SmoothMouseの使い方 1.smoothmouse.comから.dmgをダウンロード 2.インストール 3.システム環境設定パネルにSmoothMouseの項目表示されます 4.使用しているポインティングデバイスに応じて [Mouse] か [Trackpad] を選択 5.タイムラグ解消を使用したいデバイスのチェックボックスに✔チャックを入れるとタイムラグが無くなります。 6.[Link in Windows]にするとマウスカーソルの初動の32ミリ秒遅延が無くなりますがほんの僅
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く