フラットなUIデザイン用に作成された、世界各国の有名デザイナーが使用しているカラーパレットのまとめFlat UI Colorsがバージョンアップし、世界各国の有名デザイナーと協力して作成されたフラットなUIデザインに合うカラーパレットを紹介します。 Flat UI Colors 2 カラーパレットはFlat UI Color本家のを含めて、全部で14種類、トータルで280色のカラーがまとめられています。カラーはコピペで簡単に取得することができ、すぐにデザインやプロジェクト、プレゼンに利用できます。 まずは、本家のカラーパレットから。
CSSのみでレスポンシブ対応したテーブルデザインを作る３つの方法 | Neganin(ネガニン)
レスポンシブデザインをやるときに必ずテーブルの対応で悩んでしまいます。今回はよく使う方法を実例を作ってまとめてみました。 簡単なCSSで実装する方法もあるので、案件に合わせて参考にしてもらえると嬉しいです！ CSSの記述箇所を見やすくするために、メディアクエリは「max-width」での指定とし、ブレイクポイントは720pxに設定しています。 まずは、デモをご覧ください。 HTML <div id="demo01"> <table> <thead> <tr> <th>プラン</th> <th>データ容量</th> <th>バージョン管理</th> <th>料金</th> </tr> </thead> <tbody> <tr> <td>無料プラン</td> <td>5GB</td> <td>なし</td> <td>無料</td> </tr> <tr> <td>個人事業主プラン</td> <t
ビジネス系のイラストはおしゃれなのが無いと困っている人に！商用無料で使えるイラストのSVG素材 -unDraw
ビジネス系のサイトをはじめ、ランディングページ、ポートフォリオ、もちろん個人ブログにもぴったりなイラストのSVG素材が無料でダウンロードできるサイトを紹介します。 シンプルでセンスのあるイラストが揃っており、しかもクレジット表記不要の太っ腹ライセンスなので、使い勝手がよいと思います。 unDraw unDrawの特徴 イラストのSVG素材 素材のダウンロード unDrawの特徴 unDrawではランディングページ、スマホアプリ、プロダクトなどで利用できるイラストのSVG素材が無料でダウンロードできます。 イラストのフォーマットは、SVGと透過PNG イラストのテーマカラーは変更可能 MITライセンスで、使用時のクレジット表記は不要 テーマカラーの変更は、オンラインで簡単にできます。SVGだけでなく、PNGにも対応しています。
愛されていたことに今更気付いた
じいさんは無口な人だった。水道工を定年するまでやっていて、頑固な職人気質。 両親が共働きだった俺は保育所に通っていて、婆さんが迎えに来れないときはじいさんが会社のマークの入ったオンボロ軽トラで迎えに来てくれていた。 小さい頃、俺はじいさんが苦手だった。じいさんからはいつもタバコの匂いがしたし、保育所であったことを話しても「ほうか。」「ほうね。」と一言二言しか返してくれないじいさんより、婆さんが迎えに来てくれればいいのにと思っていた。 じいさんは野球が好きで、オンボロ軽トラではいつもラジオがかかっていて、広島東洋カープの情報が流れていた。 ある日じいさんが珍しく「カープの練習を見に行こう。」となぜか俺を連れ出した。家の近くにカープの二軍練習場があって、そこに期待の若手が入ったらしい。 野球がよく分からなかった俺は苦手なじいさんと二人きりは嫌だなぁと思いながら、さりとて嫌だ嫌だと泣きわめくのも
オヤジ転がしのうまさと仕事の出来なさの関連性。
うちの職場の若い女の子で、天才的にオヤジ転がしがうまい子がいる。酒の席の必需品といってもいいぐらいで、会話がどこに飛んでも上手いことキャッチして返してくる。正直仕事では得意ジャンルと苦手ジャンルの差が激しすぎて、あんまり上の人のご機嫌とりに使うのはどうかと思うんだけど、仕事が出来ないヤツが嫌いなはずのうちの上司は私を職場に置き去りにして、その子とその他のお気に入りを宴会に連れていく。 オヤジ転がしの達人だけあって、オジさんたちと上手くコミュニケーションを取ることでスムーズに進む仕事に関してはよくやっている。が、数字を扱ったり、書類を調えたりする系の仕事になると途端にアホになってしまう。うちの職場はお金の流れが複雑なので、最初のうち混乱するのはある程度仕方ないんだけど、何回か同じような仕事をやらせても覚えない。「○○をするときには××する」というルールは覚えるんだけど、「なぜ○○をするために
head内に書くべきタグを総まとめ：SEO対策に有効なものは？
HTMLのheadタグとは？ みなさんが普段ネットサーフィンするときに見ているWebページはHTMLにより作られています。HTMLは、大きくheadと、bodyに分けることができます。 head：<head>...</head>ではさまれた部分。訪問者に直接は見えないタグを入れる body：<body>...</body>ではさまれた部分。訪問者に見える部分がここに書かれる 皆さんが今この瞬間に見ているこのページの文字や画像は、bodyタグ内に書かれています。 headタグ内には、検索エンジンやブラウザに情報を提供したり、指示を出したりするためのタグを書きます。調べない限り、訪問者の目には触れません。 headタグ内には主にmetaタグとlinkタグを入れる metaタグと呼ばれるものをheadタグ内に書くことで、文字コードの指定や、ブラウザでの表示のさせ方、検索エンジンへのインデックス（
2018年に流行しそうな、注目Webデザイントレンド20個を大予想
あっという間に一年が過ぎ、2017年には多くの革新的なデザインが登場しましたが、2018年はどんな一年になるでしょう。今回は、2018年に注目したいデザイントレンド20個を大予想。たくさんのデザイン事例と一緒にご紹介です。 グラフィックデザインの201年トレンドと比較てみてはいかがでしょう。 https://photoshopvip.net/106130 コンテンツ目次 1. 3Dデザインが人気に。 2. ARデザインの増加 3. 3Dタイポグラフィの増加 4. デジタル・ハンドメイド・アート 5. 鮮やかで発色の良い色やグラデーション 6. 2Dを融合した3Dアニメーション 7. フレキシブルな3Dデザイン 8. よりアーティスティックな写真デザイン 9. モダンなレトロイラストレーション / アニメーション 10. カラーフィルタを使った写真デザイン 11. レスポンシブ・ロゴ 12.
Webデザインが「どこかさみしい」と思ったとき、3分で試せるアイデア7つ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、デザイナーのまきこです。 iPhone6のディスプレイがバキバキに割れてしまってから、心を無にしてずっと使っていましたが、iPhone6sの発売により、最近はちょっとウキウキしています。 ところで、デザイナーのみなさんは、普段作業をしているときに「このままのデザインだと、なんかさみしい�」「もっとにぎやかにしたい」と思ったことはありませんか？ そんなときは、制作物に応じた「にぎやかし」をするのがもちろん良いのですが、いろいろ難しく考えるよりも、手を動かしてみたほうが早い、ということもありますよね。ということで今回は、デザインが「なんかさみしい」と思ったときに、だいたい3分あれば試せるデザインアイデアを7つご紹介します！ ▼ デザインアイデアに詰まったときはこちらもどうぞ。
ツイッター(Twitter)集客･活用とツール･キャンペーン･成功事例[中小企業･店舗向け] | 集客DX相談室 byGMO
X(旧ツイッター・Twitter)のビジネス活用｜サービス業向けの新規設定・活用方法を解説！ Twitterはビジネス活用に適しています。実店舗があるサービス業で、店舗でSNSを活用して販売促進につなげたいとお考えの事業者様も多いのではないでしょうか。今回は利用者の多いSNSであるTwitterについて、効果的に活用する方法と注意点を、サービス業、とくに小売店の例を交えながら解説します。 ツイッター(Twitter)とは？ Twitterってよくわからない！なんて考えていらっしゃる方もいるかもしれません。 最初に、そもそもTwitterとは何なのか…さっと振り返っておさらいしてみましょう。 Twitterに関しては既に知っているよという方は、読み飛ばしてください。 ツイッター(Twitter)について Twitterとは、簡単にまとめると、自分の好きなことや今目の前で起きていることを、気軽
![ツイッター(Twitter)集客･活用とツール･キャンペーン･成功事例[中小企業･店舗向け] | 集客DX相談室 byGMO](https://cdn-ak-scissors.b.st-hatena.com/image/square/20b2f27939c319797885051bc37f187a6478d934/height=288;version=1;width=512/https%3A%2F%2Fcontents.digitallab.jp%2Fwp-content%2Fuploads%2F2023%2F03%2F201612_8b5b986c2bd56eaf219c3c1866fbc008.webp)
店舗・企業のSNS集客担当者必見！SNS活用上手な使い分け方 | 集客DX相談室 byGMO
企業がSNSを活用する方法！3つの使い道とは？ まず、ビジネスにおけるSNSの使い道や活用方法について紹介します。企業は主に次の3つの面でSNSを活用できます。 WEB集客の無料相談・資料請求受付中！ ホームページの問い合わせが少ない SNSって仕事に繋がるの？ ホームページが検索で出てこない そんなお悩みをお持ちの方は、無料で相談してみませんか？ 貴社にぴったりの対策を提案致します。 集客・販促チャネルの拡大 1つ目に、集客や販促チャネルの拡大のためにSNSを使う方法があります。SNSは従来のWeb広告よりも種類が多いので、複数のSNSを効果的にマーケティングに使うと、それだけ集客チャネルを拡大させることが可能です。 ユーザーとの良好なコミュニケーションや、SNSならではの拡散効果によって販促効果が大きくなる可能性もあります。 商品やキャンペーン情報の拡散 SNSを利用すれば、商品やサー
次世代のロゴデザインに欠かせない！レスポンシブロゴの基本
レスポンシブデザインがWebに旋風を巻き起こしてから10年が経過し、今ではWebサイトの標準となっています。モバイル端末による閲覧は今や全トラフィックの3/4を超え、ブラウジング自体のトラフィックも全体的に増加したことで、従来のWebサイト設計に大きなユーザビリティの問題を引き起こすようになりました。 その中で注目を集めているのが、レスポンシブロゴと呼ばれる新しいロゴの考え方です。 今回は、次世代のロゴデザインに欠かせないレスポンシブロゴの基本についてご紹介します。 表示サイズに関するユーザーの要求に応えるために、ロゴについて再考することは非常に重要です。 次世代のロゴデザインに欠かせない！レスポンシブロゴの基本 レスポンシブロゴ（Responsive Logos）とは、様々な画面サイズに合わせて数段階に変化するロゴのことを指します。これまでは、スマートフォンやタブレット、デスクトップなど
インド映画スーパースターの政界入りに与野党から秋波 | NHKニュース
映画「ムトゥ踊るマハラジャ」などに出演し、インド映画界のスーパースターと呼ばれるラジニカントさんが政界入りを表明し、その国民的人気にあやかろうという与野党から秋波を送る発言も相次ぐなど、動向が注目されています。 ラジニカントさんは先月３１日、ファンの前で演説し、「いま決断しなかったら、後悔することになる」などと述べて政界入りすることを表明しました。 そして、ウェブサイトを開設してファンたちにメールマガジンへの登録を呼びかけました。ラジニカントさんの政界入りについて、モディ首相率いる与党のインド人民党やラフル・ガンジー総裁率いる野党の国民会議派の議員などから、「ラジニカントさんとは政策が同じだ」などとにわかに秋波を送る発言が相次いでいます。 インドでは来年、総選挙が控えていることから、その国民的人気にあやかって党勢拡大につなげたい与野党の間でラジニカントさんとの連携を探る激しい駆け引きが繰り
彩神一分快速三 (集团)有限责任公司
彩神一分快速三☯【官方推荐，值得信赖】☯顶级信誉彩神一分快速三属于老百姓自己的休闲平台，秉承公平、信誉、高效、顾客至上的理念，打造『彩票』『棋牌』『真人』『电子』.彩神一分快速三欢迎您！
シニア向け広告で効果を出すには？注意点や特徴、９種類別の広告媒体まとめ
シニア向け広告とは シニア向け広告とは、65歳から上の「シニア」をターゲットにした広告のことで、シニア広告とも呼ばれています。シニア世代の市場規模は徐々に増加してきており、新聞や雑誌などのマス広告だけでなく、オンライン上のシニア向けメディアも増えつつあります。 本記事では、国内No.1の広告媒体資料・マーケティング資料のポータルサイト『メディアレーダー』の担当者が、シニア向け広告のメディアや分類、アプローチ方法、事例などを紹介します。 日本のシニア世代の人数と傾向 少子高齢化が進む日本では、シニア世代を中心とする「シニアマーケット」が注目されています。 国勢調査では2021年2月時点での日本の総人口は1億2562万人。2060年には総人口が9000万人を割り込み、高齢者の比率は40%超になると予想されています。一方で人口減少にも拍車がかかり、日本市場はこれから大きな転換期を迎えているため、
Photoshopで表(テーブル)を作成する | Recost Design
診療所のホームページなどを作る時に、診療時間などを表（table）で作る時があります。htmlでは以前書いた「Numbers」を使ってHTMLのテーブルを作成する方法を使えば簡単に作成できますが、Photoshopで作るのは少し面倒です。 Photoshopはもともとそういった目的で作られていないので当然といえば当然ですが、PhotoshopでWebデザインをする人にだったら、Photoshopで表を作ったという経験は何度かあるんじゃないでしょうか。 今回はなるべく簡単に表を作る方法をご紹介します。 ちなみに今回はおおよその外形サイズだけ指定して、細かい寸法調整まではやりません。 1, 外形のサイズを決める まずはガイドを引いて、外枠を決めます。 次にガイドにそってラインツールを使って外枠に線を引きます。この時に、線がはみ出していても構いません。あとで消しますので。 2, 内線と文字を入れ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
最近のWebサイトで見かけるヘッダのアイデア・実装方法のまとめ
SVGをimgで表示した場合にIEだけサイズが変になる現象を直す - Qiita
CSSで面倒なコード、HTML5の新要素やスニペット、FacebookのOGPやTwiterカードなどのコードを生成できるオンラインツール
画像の上におしゃれに文字やボタンをのせる方法（CSS）
未経験者4人で作るオウンドメディアで年間2万人を送客！ コンテンツを収益につなげる方法とは？ | 成果につなげる！ コンテンツマーケティング最前線
