商用利用無料、UIデザイン用のSVGアイコンが558種類！デザインに合わせたカスタマイズも簡単な優れもの企業サイトはもちろん、プロダクト、コマース、ショップ、アプリ、ブログなど、さまざまなUIデザインのSVGアイコンが無料で利用できるTabler Iconsを紹介します。 SVGアイコンの数はなんと558種類で、オープンソース！ 豊富なアイテムに加え、カラーやサイズやストロークなどのカスタマイズも簡単で、自分のデザインに合ったSVGアイコンを利用できます。
AdminLTE 3 | Dashboard 3
Brad Diesel Call me whenever you can... 4 Hours Ago
Facebook, Twitter, Instagram, TikTokなど、各ソーシャルメディアで最適な画像・動画サイズのまとめ -SocialSizes
Facebook, Twitter, LinkedIn, Instagram, Pinterest, TikTok, YouTube, AppStoreなど、各ソーシャルメディアで最適な画像のサイズ、最低限必要なサイズ、動画の長さなどをまとめてダウンロードできるSocialSizesを紹介します。 Adobe XD, Figma, Sketch, Photoshop用のファイルが用意されており、個別でも一括まとめてダウンロードもできるので非常に便利です。 SocialSizesでサポートされているソーシャルメディア Facebook Instagram LinkedIn Twitter Snapchat YouTube Pinterest Twitch Whatsapp AppStore TikTok ProductHunt Vk PlayStore 各ソーシャルメディアで最適な画像・動画
動作するきれいなコード: SeleniumConf Tokyo 2019 基調講演文字起こし+α - t-wadaのブログ
この文章は、2019年4月18日に開催された国際カンファレンス SeleniumConf Tokyo 2019 で行った基調講演の文字起こしを土台に加筆修正したものです。 当日の講演資料は speakerdeck で、動画は YouTube で公開されています。 Clean code that works - How can we go there? - Takuto Wada | SeleniumConf Tokyo 動作するきれいなコード - どうたどり着くか 本日の講演タイトルは「動作するきれいなコード - どうたどり着くか」です。動作するきれいなコードへ至る道の話をさせていただこうと思います。 資料は公開予定で、講演の写真撮影も問題ありません。ツイッター等での実況も大歓迎です。ハッシュタグは #SeConfTokyo です。 改めて自己紹介です。和田卓人（わだたくと）といいまして、
総まとめ！2019年のすごいIllustratorチュートリアル、作り方厳選50個
Illustratorの使い方の学習に最適なチュートリアル、作り方を当サイトでも不定期で紹介してますが、今年最後となる今回は、2019年のあいだに公開された中で、特に確認しておきたいIllustratorのデザインチュートリアル50個を厳選しています。 覚えておきたい最新デザインテクニックから、従来のツールをより効果的に利用する方法、2020年のグラフィックデザインのトレンドを意識したスタイルなど、デザインの幅を広げるマストなシリーズとなりました。 過去のIllustratorチュートリアル総まとめ 去年までの過去３年間の総まとめエントリーは以下を参考にしてみましょう。これまでにどのようにデザインスタイルが変化しているのか確認してみても面白いでしょう。 【総まとめ】2018年すごいIllustratorチュートリアル、作り方厳選68個 【総まとめ】2017年すごいIllustratorチュ
イラストレーターの使い方～初心者から情報をアップデートしたい中級者以上に向けて～ | DESIGN TREKKER
本サイトの記事は、「動画」に「デザイナーの現場感」を加えて、書籍以上のものを目指して書かれたものです。原則、初心者向けに書かれていますが、最新の機能も必ずいれるようにしていますので、中級者以上にも満足していただけると思います。 Illustrator（イラストレーター）は機能を覚えるというよりも、まずは作りたいものを作ってみるという覚え方が一番効率が良いです。 illustratorでできること ロゴ、アイコン、イラスト、文字組みなどを利用して雑誌の紙面やフライヤー、ポスターなどの平面のデザインをつくることを得意としたソフトです。 一方、よく比較されるPhotoshop（フォトショップ）は写真の加工や合成、色調整など、画像を扱ったデザインを得意とするソフトです。 illustratorとPhotoshopの違いはこちらから
illustrator文字の変形/アウトラインを取らない４つの手法
昔は文字のアウトラインをとってから変形 ひと昔前は文字のアウトラインをとってから変形していました。ですから、一度変形してしまうと後から文字の修正が入ると、また１から作成しないといけない苦労がありました。 今は違います、アウトラインを取らずにほとんどの文字の変形ができてしまいます。それではみていきます。 文字のアウトラインについては、こちらから アウトラインをとらずに変形 ここからご紹介する文字の変形は全てはアウトラインを取らずに、後からテキストの変更が可能です。そう、アウトラインをとって変形して苦労していた時代を知っている人からすると涙ものです。 決まった形の文字変形／効果（ワープ）５選 たくさん種類がありますが、実践的に使うものだけを紹介します。私が使うのは次の５つが多いです。「効果」→「ワープ」から選択します。 円弧 扇型にひろがっていくタイプの効果です。 下弦 下側が丸く弧を描くタイ
管理画面を作る：AdminLTE 基本編 - Qiita
管理画面を作るのは大変なので、なるべく手間を省きたい。Bootstrapでもいいが、意外としょぼくなるのと、何よりメニュ周りの制御が今ひとつな感じがする。そこで、管理画面作成に特化したCSSフレームワークを使ってみる。 いくつか選択肢はあるが、ここではAdminLTEを利用してみる。 bootstrapベースとはなっているが、いろいろと独自の癖があり、「bootstrapだと動くのに・・・」みたいなことがままある。 最初に注意 まじめに、TOPメニューから作って見たが、Dropdown等、基本的な機能がうまく動作しないことがあった。どうやら、他の要素に依存しているので、header(class="main-header")だけでなく、サイドバー(class="main-sidebar")や、コンテンツ(class="content-wrapper")、フッター(class="main-fo
うわっ、私のサイトBootstrapくさすぎ!? たった数文字変えるだけでBootstrapのくさみが抜ける7つのCSSテクニック。
なんか、このサイトBootstrapくさい。そう感じることはありませんか? その理由はズバリ、欧文ベースでつくられたフレームワークを文字構造の違う日本語で適用した際に不都合が出てしまっているからです。 それらが醸し出す違和感を放っておくと、Bootstrapくささを生み出す大きな原因になってしまいます。 そもそもの問題として、欧文と比較して和文は文字の要素が多く、文字自体のリズムも少ないため、どうしても複雑で単調に見えてしまいます。 しかし、和文だからといってあきらめることはありません。BootstrapのCSSを少しだけ変えるだけでグッと見た目がよくなる隠し味をご紹介します。 1. line-heightで行間にゆとりを。明朝やゴシックなど、フォントの種類が言葉の印象を表すように、文字の行間は読みやすさ、文章全体の雰囲気を左右します。 欧文をベースに設計されたBootstrapをそのまま
Lorem Picsum
Easy to use, stylish placeholders Just add your desired image size (width & height) after our URL, and you'll get a random image. https://picsum.photos/200/300 To get a square image, just add the size. https://picsum.photos/200 Specific Image Get a specific image by adding /id/{image} to the start of the url. https://picsum.photos/id/237/200/300 You can find a list of all the images here. Static R
デザイナーが持っていたい、すごいフリーフォント素材57個まとめ 2019年4月度
この記事では、最近公開されたばかりの新作フリーフォント素材をまとめてご紹介します。デザイナーが持っておくと便利なスタイルを網羅したコレクションで、使い勝手の良い万能スタイルから、ユニークな手書きブラシ、筆記体フォントまで幅広く揃います。 高品質な素材のみを厳選しているので、入力した文字にフォントを適用するだけで、雰囲気をガラリと変え、魅力的なデザインに仕上げることができます。デザインアイデアに悩んだときに、参考サンプル例として目を通してみると良いでしょう。 デザイナーが持っていたい、すごいフリーフォント素材まとめ こまどり 小さくかわいい小鳥のイメージで作成した日本語フォントです。本文よりも、ちょっとした言葉や見出しなどに使っていただくと、紙面がカワイイ雰囲気になります。 ※ 個人利用可能 きなりゴシック 華奢で有機的なシルエットのフォントで、繊細で優しい雰囲気を表現したい際に活用できます
2024年用、日本語のフリーフォント699種類のまとめ -商用サイトだけでなく紙や同人誌などの利用も明記 | コリス
個人でも商用でも無料利用できる、日本語のフリーフォント727種類を紹介します。 Webデザイン、アプリ、動画、紙のデザインをはじめ、クライアントのプロジェクトでも販売する同人誌まで、幅広く利用できる無料フォントが満載です！ 前年の647からフリーフォントが50種類くらい増えています！ ※サイト閉鎖などでかなりのフォントが減っています。気になったフォントはダウンロードできるうちにダウンロードしておくことをお勧めします。 本記事は定期的に、全フォントを確認して、更新しております。 初紹介のフォントから既存フォントも改めてリンク・ライセンスを確認しています（※情報はこの記事の執筆時のもの）。ライセンスはWebデザインだけでなく、同人誌や印刷物などでの利用も確認しました。 更新情報 2024/6/4: フォントを10種類追加 2024/2/20: フォントを11種類追加 2023/12/26: フ
“表紙あるある”の知恵がこのタグに集結！ #それっぽくなる表紙 - Togetter
🐕️ @54jpd09 今まで作った表紙だが… 一枚目：絵に文字を重ねて後は揃えとけ 二枚目：正方形で揃えとけ 三枚目：タイトル斜め、写真はぼかしてりして効果的にしとけ #それっぽくなる表紙 pic.twitter.com/SOOvvkYgFH
明治時代に刊行された日本画独特の波の描き方が記された『波紋集』全巻がオンラインで無料公開！ : カラパイア
明治時代に発展した日本画は、日本の伝統や文化に関心を持つ外国人の間でも非常に人気がある芸術品の一つだ。 その中には、時を経てその価値や魅力を再認識されるものも多いが、オンラインで無料公開となった『波紋集』というデザイン帖が海外で話題になっている。 それは森雄山という明治の日本画家が、全3冊にわたって残した波のモチーフ集で、波一つにも多様な表現がある日本画の奥深さがうかがえる素晴らしい本だ。 明治時代の日本画家、森雄山による『波紋集』 これは森雄山(-1917)という日本画家が1903年（明治36年）に出版したもの。 この画像を大きなサイズで見る この画像を大きなサイズで見る この画像を大きなサイズで見る この人物にまつわる情報はあまりないが、京都で活動した日本画家であり円山応挙の画風を引き継いだ森寛斎の弟子だといわれている。 職人のために作った波のデザイン集 上中下の3冊から成るこの図版集
Google Fontsが日本語WEBフォントを正式サポート – Dream Seed
当ブログの一部のリンクはアフィリエイトリンクです。これらのリンクから商品を購入された場合、当サイトは一定の報酬を得ることがあります。 ユーザーの端末にインストールされていないフォントを表示できるWEBフォント。便利な反面、日本語など文字数が多いフォントではファイルサイズが大きくなり、通信量が増えてしまうのが難点です。 しかし、そんな日本語フォントをGoogleのWEBフォントサービス「Google Fonts」がサポートしました。といっても、以前から早期アクセスとして提供はされていましたが、正式版になったということのようです。 利用可能なのはゴシック6種 + 明朝2種の8書体。早期アクセスで提供されているものとは書体が異なります。 Noto Sans JP Noto Serif JP Sawarabi Mincho Sawarabi Gothic M PLUS 1p M PLUS Roun
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Bootstrap · 世界で最も人気のあるフロントエンドのコンポーネントライブラリ
Bulma: Free, open source, and modern CSS framework based on Flexbox
エンジニアのためのスライドデザイン実践講座 / How to design presentations for engineers
