ライターなら取材がうまくなろう！プロがまとめる取材のコツ10 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。子煩悩ライターのイワタテです。 連日夜な夜な原稿と格闘していますが、2歳半の愛娘が隣で『ドラえもん6巻』を音読しています。どうやらパパと一緒に寝たいよアピールのようですが、自分の口では『パパと寝たいよぅ』と言わないところが、いじらしく愛らしい。 さて、自分で言うのも何ですが、僕は取材がウマイと言われます。文章がウマイは年に1回言われれば良い方ですが、取材がウマイは年に5回くらい言われます。そこで今回は調子に乗って、取材がウマくなる10のコツをご紹介したいと思います。 なお、取材といってもその対象は芸能人、文化人、学生……と様々ですが、今回は表記上、企業に所属する方へのインタビュー取材に統一させていただきました。 おそらく、ライター仕事で一番多いのは、企業取材だと思われるためです。他の取材対象がメインという方も、基本は同じですので、適時脳内変換してお読みください。 取材のコツ1：
「Flickr」全面リニューアル → 容量1TBまで無料に → 写真アップロードもよくなってる！ - ネタフル
新しい「Flickr」写真アップロードもよくなった！ 実は「Flickr」の利用から足が遠のいてしまったもう一つの理由に、写真アップロードが不便だったことが挙げられます。 専用アプリを使用するとアップロードに失敗する画像があり、それを確認するのが面倒だったり、ウェブからのアップロードが手間だったり。 しかし、新しくなった「Flickr」を確認したところ、Google Chromeではウェブブラウザへのドラッグ＆ドロップで写真のアップロードができるようになっていました！ これは便利！！ さらに、アップロード時に写真の回転もできるようになっています。選択した写真にタグ付けや説明が付けられるので、これまた便利ですね。 その場で写真セットも作れますし！ 最初はとっつきにくそうなユーザインターフェースだと思ったのですが、すぐに慣れますね。うわー、これはヤバい‥‥超便利になってる‥‥。 これは専用アッ
リンクをコピーするだけで「あとで読む」サービスにバックグラウンドで自動送信ができるiPhoneアプリ「Clipped」｜男子ハック
Gunosyやデフォルトアプリなど「あとで読む」に送れないアプリと組み合わせると超便利サービスはとても面白いのにアプリがいまいち使いにくい「Gunosy」。他にもメールアプリなど、後でチェックしようと思っても「あとで読む」サービスに送ることができないのは不便。 でもClippedというアプリを使うことで、リンクをコピーするだけであとで読むサービスに自動で送ることができるというので試してみたら超便利でした！ アプリを起動してまずは自分が使っている「あとで読む」サービスを登録します。 登録が終わったら、登録したアカウントをタップして「Set as Favorite Service」をタップ。次に「Background Uploading」をオンにします。 あとは気になるリンクを見つけたらコピーするだけで、あとで読むサービスに送ることができます。 注意事項としてバックグラウンドでの動作はずっとは
実はあまり知られていない？Adobe公式の無料チュートリアル動画集
2014年8月17日 Illustrator, Photoshop, 便利ツール Web制作にはかかせない、PhotoshopをはじめとするAdobe社の製品。初心者向けのWebサイト制作についてかかれたサイトや書籍でも必ず目にする名前だと思います。覚える事が多くて何から勉強すればいいかわからない！なんて言う声もよく聞きますが、Adobeの公式サイトで配信されている無料動画で、基本的な使い方はマスターできちゃいますよ！昔からあるサイトですが、意外と存在を知らない方がいらっしゃったので、記事にしてみます。 ↑私が10年以上利用している会計ソフト！ Adobe TVとは？ Adobe TV Adobe TVはAdobe社公式の動画チュートリアルサイト。各ソフトの概要やチュートリアルをはじめ、新しい機能の紹介も随時追加されています。何より嬉しいのは動画で説明されているサンプルファイルもダウンロー
自己主張ファーストなコンテンツを排除しよう
私はよく「コンテンツがない。壊れている。」と主張していますが、人によっては「既に自分たちには素晴らしいコンテンツがある。アピールするための素材もたくさん用意されている。」と考える方もいると思います。しかし、それは利用者からの視点からすればコンテンツでも何でもないノイズということもあります。 昨年末から全国で開催しているマルチデバイスを見据えたコンテンツ設計講座で、企業は的外れなコンテンツを出していることを事例を挙げながら紹介しています。クオリティの高い写真、映像、文章が使われているものの、中身は利用者のことを優先していない自己中心なメッセージばかりということがあります。残念ながら企業 Web サイトの大半はそんなところが多かったりします。 上記は Break Up という、広告主と消費者の関係を人間関係に見立てて表現した 2007 年のビデオです。以下、簡単にやりとりを抜粋しておきますが、
コンテンツからはじまる新しいWebワークフロー
4月27日にCSS Nite in AOMORI Vol.7 が開催されました。毎年、来青させていただいていますが、CSS Nite として参加するのは今回で 2 回目になります。今回は コンテンツからはじまる新しい Web ワークフロー と名付けて、コンテンツの設計をしっかりしないと、モバイルをはじめとした他デバイスに向けて Web サイト制作をしても意味ないよというメッセージを込めた講演を行いました。そして、コンテンツを基軸にして画面構成やビジュアルデザインを組み立てていく新しいワークフローの提案も行いました。 今までこのサイトでも何度かプロトタイプとコンテンツの話をしてきました。一見、まったく違う分野の話をしているように見えますが、この 2 つは密接な関係をもつ重要なキーワードです。それがなぜ繋がっているのかを解説するにも絶好の機会でした。しかし、40 分という短い講義の中では説明し
組織のロゴの schema.org マークアップのサポートを開始しました
+1 ボタン 2 AMP 11 API 3 App Indexing 8 CAPTCHA 1 Chrome 2 First Click Free 1 Google アシスタント 1 Google ニュース 1 Google プレイス 2 Javascript 1 Lighthouse 4 Merchant Center 8 NoHacked 4 PageSpeed Insights 1 reCAPTCHA v3 1 Search Console 101 speed 1 イベント 25 ウェブマスターガイドライン 57 ウェブマスタークイズ 2 ウェブマスターツール 83 ウェブマスターフォーラム 10 オートコンプリート 1 お知らせ 69 クロールとインデックス 75 サイトクリニック 4 サイトマップ 15 しごと検索 1 スマートフォン 11 セーフブラウジング 5 セキュリティ 1
東北支援プロジェクト「イノベーション東北」を開始します
メディア関係者向けお問い合わせ先 メールでのお問い合わせ: pr-jp@google.com メディア関係者以外からのお問い合わせにはお答えいたしかねます。 その他すべてのお問い合わせにつきましては、ヘルプセンターをご覧ください。
TechCrunch | Startup and Technology News
When Alex Ewing was a kid growing up in Purcell, Oklahoma, he knew how close he was to home based on which billboards he could see out the car window.…
Sublime Text2との恋を見送り、Adobe Bracketsに巡り会いました
永らくHTMLエディターを移ることなく過ごしてきたのですが、先日Adobe Bracketsの記事を見て一目ぼれし、インストールしてみました。ごめんな、Sublime Text…！ どうもハマれなかったSublime Text 私は普段HTMLを書くときに結構適当なエディターを使ってきたんですが、いい加減ちゃんと効率のいい、Zen-Codingにも対応してて、HTML5の予測変換も出来てSassに対応したエディターを使わなきゃなーと思ってました。 そして現れたのがSublime Text。 ”恋に落ちるエディタ”「Sublime Text」 完全入門ガイド！ | 株式会社LIG 確かに、知人友人のweb制作者達がこいつの魅力にバッタバッタとやられてました。私も望んでいる要件を満たしているこいつが気になってはいました。 恋する速度を爆速化。Sublime TextでZen-Codingを使用
web制作系の気になるセミナー/勉強会等のイベントブランド
私のアンテナの低さと指向性の問題で紹介しきれていないイベントもあるかと思いますがご容赦ください！もしオススメのものとかありましたら教えてもらえると幸いです★ セミナーに行こう！ 皆さんはweb制作系の勉強会やセミナーに行ったことがあるでしょうか。私は以前は何となく気後れして全然参加してなかったんですが、これが行ってみるとまた行きたくなります！ 私はWordPress、webデザイナー、フロントエンド技術のセミナーに顔を出すことが多いですけど、まず共通して言えるのは基本的に楽しいです！★ WEBCRE8.jpを読んでいる人はweb制作というもの自体が楽しい！という人も少なくないと思うのですが、そういう人は勉強会で色んな話を聞くことで色んな刺激が受けられますし、自分の制作に役立つこともたくさん学べることがあります。特にまだよく知らない技術についてはじめの一歩を踏み出すきっかけとしては最大の効果
自己管理に目覚めたなら最初に取り組みたい5STEP | jMatsuzaki
自己管理に目覚めたなら最初に取り組みたい5STEP 2013年5月19日投稿 2013年5月21日更新 カテゴリ：ライフハック 著者: jMatsuzaki photo credit: Vincepal via photopin cc 私の愛しいアップルパイへ 目の前に流れてくる仕事をただ受動的にこなすより、もっと主体的に仕事に取り組んで高い成果を追求したいものですよね。そのためには、ものごとの優先順位を見直し、不安や怠惰を押しのけ、自分の行動を適切に管理する必要が出てくるでしょう。 自己管理に関する書籍は様々なものが出ていますが、代表的なものを何冊が読めばあなたにとって大きな力となるのではないでしょうか。でも、「そんなことより今すぐここでざっくり感覚を掴みたいんだ！」と貪欲に考えるのがあなたの良いところです。 よろしい！この愉快なjMatsuzakiが一肌脱ぎましょう！私にはあなたの望み
アプリ風のなめらかなサイドメニューが実装できるjQueryプラグイン「mmenu」:phpspot開発日誌
jQuery.mmenu slick app look-alike sliding menus for your mobile website アプリ風のなめらかなサイドメニューが実装できるjQueryプラグイン「mmenu」 この手のライブラリというかプラグインは色々と出ていそうですが、１つの選択肢として知っておくとよいのかも。 $("#nav").mmenu(); で簡単にメニューが初期化でき、オプションも豊富です 関連エントリ レスポンシブなiPhoneのサイドメニューっぽいメニューが作れるjQueryプラグイン「Sidr」 iPhoneのサイドメニュー風UIが作れるjQueryプラグイン「jPanelMenu」 3D Transformsを使った次世代の3Dサイドメニュー実装スクリプト「Meny」 レスポンシブでクールなドロップダウンメニュー実装例 垂直アイコンメニュー実装デモ＆サ
Over&Out その後
2009 | 08 | 2011 | 01 | 02 | 03 | 04 | 05 | 06 | 07 | 08 | 09 | 10 | 11 | 12 | 2012 | 01 | 02 | 03 | 04 | 05 | 06 | 07 | 08 | 09 | 10 | 11 | 12 | 2013 | 01 | 02 | 03 | 04 | 05 | 06 | 07 | 08 | 09 | 10 | 11 | 12 | 2014 | 01 | 02 | 03 | 04 | 05 | 06 | 07 | 08 | 09 | 10 | 11 | 12 | 2015 | 01 | 02 | 03 | 04 | 05 | 06 | 07 | 08 | 09 | 10 | 11 | 12 | 2016 | 01 | 02 | 03 | 04 | 05 | 06 | 07 | 08 | 09 | 1
PC時代のおわり、プログラマ時代のはじまり - Syoichi's Tumblr
youkoseki: 概要：スマートフォンやタブレットの人気によりPCの果たす役割は小さくなりつつあるが、これにはプログラミング環境を失うという側面もある。一方でプログラマに対するニーズは今後も高く、このギャップを埋めることにビジネスチャンスがある。 hpがPC事業を切り離すという発表は驚きをもって迎えいれられた。なんといってもhpは世界シェアナンバーワンのPCメーカーで、20%弱ものシェアを誇っている。しかし量販店に行けば誰でも、最新のPCが昔では考えられないような安い値段で叩き売られているのを目にすることができる。PCはもはや儲かるビジネスではない。アップルはスマートフォンとコンテンツストアのビジネスへ変質した。デルは次々とITサービス企業を買収している。NECのパソコン部門はレノボとの協業でなんとか道を見出そうとしている。AsustekやAcerといった企業でさえ、タブレット端末など
モバイルSafariでYouTubeリンクを長押しすると公式YouTubeアプリで動画を開けることが判明 | NANOKAMO BLOG
どうも@kuroji1987です。 これ全く知りませんでした。以外とAppleも許容してるんだなぁと実感ｗ iPhoneやiPadのモバイルSafariでYouTubeのリンクを長押しすると、Googleからリリースされている公式『YouTube』アプリで動画ページを開けることが発覚いたしました。 YouTube カテゴリ: 写真／ビデオ 価格: 無料 Chromeではありませんよ！ Safariです！ ということで方法を解説いたします。 リンクを長押しするだけ まずYouTubeへのリンクを見つけます。そいつを長押ししましょう。「”YouTube”で開く」というボタンが表示されます。 ボタンをタップするとアプリが開いて動画が再生されました。これだけ！！ 見つけたのがGoogleの検索結果だったので他のリンクでも開くか疑問だったのですが、試したら同じように「”YouTube”で開く」ボタ
手遅れになる前に！Webディレクターがプログラミングを学ぶ時に使いたいサイト10選
プログラミングを「本気」で勉強するのに役立つサイト10選とその解説 | 今年はWebディレクターもコードを書こう！ 『Webディレクターは、コードを書く必要はない？？』 もちろん本業のエンジニアと同等のコードを書く必要はありません。しかし、プログラムの全容や工数を把握し機能の優先順位を付けたり、技術面でエンジニアとのコミュニケーションをする上で、プログラミングを覚えることはプラスになります。 さらに、「こんな実装が出来るなんて凄い！」といった実感を伴った一つ一つのコミュニケーションが、エンジニアからの信頼を獲得する助けになるのです。 どうやってプログラミングを覚えるか？ プログラミングは、毎日のちょっとした勉強の積み重ねで学習する事もできます。 今回はスタートアップで働くWebディレクターの方々に向けて、プログラミングを学べるサイトを10連発でまとめました。 このエントリーでは、
【Webデザイナー・コーダー向け】震えるほど便利なPSDスライスツール「Slicy」 - Flash Black
2012/10/13 23:33 一部修正しました。 PSDのスライスってめんどくさい デザイナーからあがってくるPSDをスライスツールで“ピクセルを気にしながら”切り出して〜という作業がとっても面倒！と思う人は多いはず。 そんな人々にお勧めな最強のツールをみつけてしまいました。 Slicyマジ最強 シャレ乙なHTMLエディタEspressoで知られるMacRabbitからリリースされているSlicy。 このサイトの説明だけでは良さが解りづらいのがモッタイナイ！ ものすごく簡単に素材の切り出しが可能です。 そして手順もすごく簡単！ 使い方 書き出したい素材をPhotoshopのグループ機能（Command + G）を使って纏める グループ名を書き出したいファイル名と拡張子（.png） に PSDを保存して、SlicyにD&D Slicy Sample from masabe on Vime
HTML5で複雑なアニメーションを実現する最適な方法とは？ CreateJSを使って容量もパフォーマンスも最適化しよう - ICS MEDIA
HTML5で複雑なアニメーションを実現する最適な方法とは？ CreateJSを使って容量もパフォーマンスも最適化しよう HTML5で複雑なアニメーションを実現する方法にはいつか方法がありますが、それぞれの手法について容量とパフォーマンスのメリット・デメリットを検証してみたいと思います。 スプライトシートを使う方法 ベクターアニメーションを使う方法 スプライトシートビルダーを使う方法 おまけ：GIFアニメーションを使う方法 おまけ：Flashアニメーションを使う方法 スプライトシートを使う スプライトシートとは映画のコマのようにアニメーションの全コマを画像として用意しておいて、順番に高速に切り替えることでアニメーションを実現する方法です。enchant.jsやCreateJSなど多くのJavaScriptのフレームワークで採用されており、もっともスタンダードな方法です。 表現の再現性が高いう
HTML5 Boilerplateの開発者でGoogleのエンジニア、ポール・アイリッシュに聞くCSS高速化テクニック - builder by ZDNet Japan
Adobe Systemsがロサンゼルスで5月に初旬に開催した「Adobe MAX 2013」において、HTML5 Boilerplateの開発者として知られるPaul Irish氏の講演「Mobile CSS Performance」を聴講した。その内容をベースにしながら、CSSを高速化するためのさまざまなテクニックを紹介する。 Paul Irish氏は、HTML5 BoilerplateやModernizrなどの開発者として世界的に著名なGoogleのエンジニア。その彼が直接CSSのパフォーマンスを語るとあって、セッションは大変な人気であった。 一般的にウェブページの高速化、特にモバイルにおいてはCSSを高速化することよりもネットワークのパフォーマンスを最適化する方が効果が高い。そのため、まずはPageSpeedやYSlowなどを効果的に使用し、HTTPリクエスト数を減らす、ダウンロー
script src='//...' って書けるの知ってましたか？ · DQNEO日記
scriptタグで外部サイトのJSファイルを読み込むときはこういう風に書きましょう。 <script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script> Google公式サイト(Google Hosted Libraries - Developer's Guide)でもこの書き方が提示されています。 こう書けば、HTTPのときはhttp、HTTPSのときはhttpsになるので大変便利です。 参考 いい加減、<script src="http://.. と書くのはやめましょう １つのネタで２回記事を書いてしまいました。 後悔はしてない。
いい加減、<script src="http://.. と書くのはやめましょう - DQNEO起業日記
外部サイトのJSファイルを読み込むときに、こういう書き方するのはやめましょう。 <script src="http://example.com/js/jquery.js"></script> 理由 あなたのサイトが、いつの日かSSLに対応することになったとき、そのscriptタグがバグの原因になります。 ご覧のとおり、HTTPSページの中でHTTP要素を読み込もうとすると、ブラウザによっては安全装置が働いて読み込んでくれないのです。 上の例ではjQueryの読み込みに失敗していますが、エラーメッセージ「Uncaught ReferenceError: jQuery is not defined 」を見てもHTTPS/HTTPのプロトコルが原因だとはすぐ気づかないので、わかりにくいバグになってしまいます。 結論 JSファイル(とかCSSとか画像とか)を読み込むときは、"http:"の部分を省
UI/UXの第一人者が集まり、語り尽くす- 第六回スマホデザイン会議 ～UI/UX 最前線まとめ〜｜U-NOTE【ユーノート】-イベントまとめプラットフォーム
■「アートの世界観をデジタルで実現する手法〜蜷川実花監修カメラアプリ cameran」 株式会社リクルートホールディングス Media Technology Labs（MTL） 大城 哲也氏 迅速にグローバルで沢山のユーザーに使われるアプリを広告費ゼロで作りたかった。 【カメラアプリを選んだ理由】 「情報が多すぎて処理しきれない！」 という 世の中の不を感じ 「ビジュアル化で、処理しやすくしたい」と考えた。 「カメラアプリの不 」 かっこいいけど似たフィルター多い？ 「 開発者の不」 万が一ヒットしてもすぐにコモディティ化する これは チャンスだと思った！ 本当は東京のクリエイティブは世界一ヤバイ！ （データあり） 「コード×東京のセンス」で 唯一無二のカメラアプリを作れないか？ そして思いついたのが、 蜷川実花さんの世界観を実現するカメラアプリ 。 【全体設計の進め方（コンセプト
ActyWay.com is for sale | HugeDomains
Working with hugedomains.com was a quick and easy process. We got to speak to multiple real people located in Colorado without having to wait on hold! Our only complaint was we felt we had to overpay more than this particular domain was worth, and we weren't able to negotiate it down to a level that we felt was fair. However, payment and delivery were seamless, and within a few hours we had all of
[iOS] iOS Safari の Web インスペクタが便利すぎる
自分のブログのスマホ版をチェックする時とかに いまさらですが iOS 6 の Safari に備わっている Web インスペクタを試してみました。 まずは上図の通り、Web インスペクタ機能を ON に設定します。設定は iOS の設定から Safari＞詳細 と進めば OK です。 これだけでは全然不十分なので、上図にもある通りコンピュータ (Mac) 側の設定も行います。
自分の持つ能力のうち、世界で戦えるレベルのものは何か - 小さなごちそう
ある程度社会人経験が長くなると「できること」が多くなる。器用な人ほど多領域のスキルセットを身につけて、「総合力が自分の強み」と思いがちになる。ただ「総合力」というのは他者に対して今一歩アピールが弱い。「総合力」では熾烈な競争に勝てそうな気がしない。 改めて自分の強みを整理しようとしたときに、「あれもできる」「これもできる」と色々できることが返って邪魔をしてしまうことがある。自分の持つ能力のうち、磨けば世界で戦える可能性があるもの、ハイレベルな人材の中で伍して働ける可能性がある分野は一体何だろうか。 自分のスキルを棚卸しして強みを明確にするためには、「アウトプットに必要な労力」と「アウトプットの品質」の二つの軸で整理するのがいいのではないかと思った。 言うまでもなく、1の象限（楽に高い品質のアウトプットが可能）に属するスキルが自分の強みだ。2の象限（気合いを入れて頑張ればそこそこ良いものが出
ルーティンを効率化。WordPressで定期的な処理をさせる方法 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
お世話になっております。エンジニアの小林です。 WordPressで時間を指定して、または定期的に処理を行いたい場合の方法について書かせていただきます。 ご存知かもしれませんが、WordPressには元々そのような機能が提供されています。 例えば、公開日を未来に設定して行う予約投稿などにはこの機能が利用されていたかと思います。 この機構を利用して、独自の処理を定期的に行う簡単な例を示します。 定期的に行う関数の準備 定期的に行いたい処理を記述した関数を準備します。 function do_this_hourly () { // do something every hour } 独自のアクションフックの追加 作成した関数を実行する独自のアクションフックを追加します。 add_action( 'my_hourly_event', 'do_this_hourly' ); 新しいスケジュールイベ
IEなんて怖くない！冷静にバグを叩き潰すための11のヒント | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。LIGフィリピン支社代表のせいと(@seito_horiguchi)です。 コーディングを始めてはや1年。今でこそ、そこそこできるようになってきた僕ですが、初めの頃はそれはもう悲惨なものでした。 あるときはIEのバグで先輩に助けを求め、またあるときはIEのバグで先輩に助けを求め、そしてまたあるときはIEのバグで先輩に助けを求め・・・。 そんな時代に、CSSハックを使わず、極力自力でバグをつぶすために、僕は先輩の助言を元に「バグで詰まったらまず目を通す11のヒント」なるものをノートにリスト化して書きとめておいたのでした。 バグったらとりあえずこの項目に目を通す。するとGoogle先生に頼らずともなんとかなるようになりました。 今でこそもう使わずともよくなりましたが、コーディングに不慣れな方は、このようなリストを作っておくといいかもしれません。 参考程度に以下、ご覧になってみてくだ
スマホで増えすぎた写真をオンラインで管理しよう！無料で使えるフォトクラウドサービス5選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。ディレクターの允（まこと）です。 突然ですがみなさん。スマホやデジカメの写真が増えすぎて保存先がバラバラになってはいませんか？ 私は何がどこにあるのか分からないくらいグチャグチャになっています。カオスです。 そんな私のあなたの為に、無料で使えてとても高機能なオンラインのフォトクラウドサービスをご紹介します！ と、その前にオンラインサービスを使用するメリットとデメリットを紹介しておきます。 いくらオンラインサービスが超絶便利だからといって、何も知識がない状態で使用するのはちょっとコワいです。 なので、オンラインサービスを使用するメリットとデメリットを念の為にご紹介しておきます。 メリット PCが故障（もしくは紛失）しても、オンライン上にデータは残る ネット環境があれば、どこからでもアクセスして閲覧できる FacebookやTwitterへの投稿が簡単にできる（サービスによる） あ
今年絶対おさえておきたいフラットデザインのまとめ | 株式会社LIG
こんにちは。ライターの内藤です。 恥ずかしながら、最近になって「フラットデザイン」を意識しはじめました。 装飾を最小限におさえることによって、特定のメッセージや製品、アイデアを直球勝負で伝えるデザイン。 フラットデザインは、もともとスマートフォンの小さな画面でシンプルに見せるものから派生したのだと思われますが、Windows8やGoogleの新デザインがきっかけとなって一躍注目を浴びるようになったようです。 もう知っている方も、まだ知らない方もいらっしゃると思いますので、目次のお好きなところから読んでください。 最初から全部読まなくても大丈夫です！ フラットデザインとは まずはどんなものか、百聞は一見にしかず、サンプルを見てみましょう。 フラットデザインの例 http://builtbybuffalo.com/ http://www.squarespace.com/templates/ ※
今どんなボタンが好きかCSSプロパティごとに検討してみた
下のボタンCSS3を駆使して色々しているのは分かりますが、最近フラットなデザインが流行っていることもあり、何となくあか抜けない気がします。 なぜでしょうか。 ということで、どのようなボタンが好きかプロパティごとで考えてみます。 ボタンの色（background-color） まずはどのような色がよいか考えてみます。背景色によってどの色がよいかは違ってくると思いますが、今回は白い背景色で考えます。 最初に青いボタンです。 色がきつすぎてあまり好きではないです。同じ青系でも薄くてさわやかな色の方が好きです。 緑系も同じです。 濃い緑より薄い緑の方が好きです。 オレンジも同じです。 ということで薄めで明るい感じの色が好きです。 テキストの色（color） 続いてテキストの色について考えます。まずは白。 これが一番いい気しますが、一応いくつかやってみます。では黒。 なんかきつすぎる。次は背景と対極
表示領域に合わせて画像のアスペクト比を制御するobject-fitプロパティ | CSS4.biz
object-fitプロパティは、CSS Image Values and Replaced Content Module Level 3で定義されていますが、Features at riskとなっており、CSS3の仕様から削除され、CSS Image Values and Replaced Content Module Level 4に移行される可能性はありますが、2013年4月時点ではCSS3の仕様です。 使いどころ 画像のアスペクト比を保ちつつも、指定して表示領域に収めたい場合があると思います。 例として、ECサイトで製品画像とかでしょうか。要望としてよくあるのが、アスペクト比を保ちながらリサイズし、決められた範囲で下記図のような横長の画像の場合は上下中央、縦長の画像の場合は中央表示という場合がほとんどです。 実装するには、サーバーサイドで画像をリサイズするか、JavaScriptで
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ヴィレッジ不動産はリニューアルしました
パンダ・ペンギンアップデート情報をGoogleAnalyticsに簡単表示できるChrome機能拡張「chartelligence」 | 男子ハック