CSS Background Patterns by MagicPattern
CSS Background Patterns is fun little free tool that lets you create cool CSS patterns for your website background. We've curated and parameterized this collection of pure CSS patterns to help you generate & customize the most cool CSS seamless patterns around the web. The collection is being updated regurarly! Patterns are everywhere! From your website to your favorite book cover. There're severa
ウェブサイト制作では、游ゴシックはおすすめしない理由
ウェブサイト制作では、游ゴシックはおすすめしない理由こんにちは、こんばんは！せきゆおう です。 游ゴシックは好きですか？僕も印刷物では使いますが、ウェブサイトでは「游ゴシックを使ってください」と指示されるまでは使いません。 また、そう指示された場合もデメリットは必ずお伝えするようにしています。 「游ゴシックってMacでもWindowsでも標準でインストールされているし、デバイスフォントとして使う際に最有力候補では？」という方も多いです。それでも僕は推奨しません。 その理由は4つあります。 ・游ゴシックはWindowsでかすれて見える ・スマホ端末に游ゴシックは搭載されていない ・実はMacOSで游ゴシックは標準では搭載されていない ・今後、システムフォントとして使えないブラウザが増える それら4つの理由を参考資料を交えつつ解説したいと思います。 その前に...游ゴシックの採用率は非常に高い
CSSで角丸を美しく実装するテクニック、ネストされた外側と内側を相対角丸の美しいバランスで実装
カードやパネルの外側と内側に角丸を使用したときに、なんだかバランスが悪いなと思ったことはありませんか？ 角丸を二重にするときに外側の角丸と内側の角丸の値を同じに設定すると、内側の方がすこし大きく見えて、不格好になってしまいます。 外側の角丸と内側の角丸を美しいバランスで実装する相対角丸のテクニックを紹介します。 まずは、ネストされた角丸を美しいバランスで実装したデモをご覧ください。 See the Pen Inner Radius Design Tip with CSS Custom Properties by coliss (@coliss) on CodePen. 外側の角丸と内側の角丸を美しいバランスで実装するポイントは、「外側の半径 = 内側の半径 + パディング」に設定することです。こうすることで、外側の角丸と内側の角丸の中心点が同じになり、美しいバランスになります。 ちなみに、
採用について | 株式会社フクロウラボ
フクロウラボは「広告主と広告掲載メディアのマッチングマーケットプレイス」を 企画・開発・提供しています。 社内外問わず真摯に向き合い、期待を超える価値提供ができる人と 一緒に歩んでいきたいと思っています。
独学デザイン塾 | 未経験・独学デザイナーの方へ、スキルアップやデザイン力を上達するための情報サイトです
元会社員から未経験でグラフィック・Webデザイナーになった経験から、 デザイナーとして働くことを実現する方法を発信しています。
要素をずらして重ねるレイアウトについて｜金 成奎
要素をずらすレイアウトの流行最近公開された、デザイン的に秀逸なウェブサイトを見ると、矩形 (長方形) やテキストといった要素を (あえて) ずらして重ねる手法を多く見つけることができます。 具体例をあげます。 napla recruit site Abel 大阪医科大学 住信SBIネット銀行新卒採用サイト まとめると、共通してこのような表現と言えるでしょう。 - 写真の両端もしくは片方の枠を、カラム幅いっぱいに吸着して配置しない (余白を持たせる)。 - 要素同士を後景が (あえて) 見えるようにずらして重ねる。 - 文字 (タイトル) を画像枠内からはみ出させる。 背景シンプルさからの脱却 こういった表現の背景にあるのは、一つにはフラットでシンプルなデザイントーンからの脱却、と言えます。 ここ何年かで、グリッドで仕切りブラウザを大きく使うシンプルかつリッチなビジュアル表現が隆盛となり
Design Clip
カテゴリー 採用サイト (3) 関連サイト (1) ブロックデザイン (68) ソーシャル (2) フロー (6) フッター (2) メニュー (1) スタッフ (1) ナビゲーション (2) コンテンツ (3) 沿革 (1) オンラインショップ (4) お悩み (1) ページタイトル (4) ビルボード (4) 特徴 (5) メイン (2) よくある質問 (3) お客様の声 (5) お知らせ (6) 会社概要 (5) アクセス (5) cta (9) いい感じ (20) BiND向き (16) BiNDでは難しい (8)
サークルがランダムに配置される背景をSVGで作る
SVGを使って、毎回ランダムな色・大きさ・配置でボケ（bokeh）なサークルを作ってみます。 まあやってることは前回の「Kawaii Bubbles!」とあんまり変わりませんけど……。 前回はli要素を使ってやったのですが、背景として使うには適切ではないとかもなーと考えてました。で、SVGなら画像だから別にいいかと思って、今回のを作ってみました。 Random Bubbles Background with SVG デモファイルをダウンロード 始めはCSS BackgroundでSVG読み込ませようとしたりimgで置こうとしたんですが、それだとSVGのスクリプトは実行されないので、HTMLファイルで読み込んでいるJavaScriptでSVG要素を作ってインラインSVGとして追加することにしました。 今回の各ファイルは次のようになっています。 使ったテキストは与謝野晶子の「セエヌ川」です。
三重県でデザイン・ホームページ制作ならエコムクリエーション | ホームページ制作から会社案内などの印刷物制作までトータルにサポート | 菰野町・四日市市・桑名市・鈴鹿市・いなべ市・亀山市
無料の資料ダウンロード WEB制作や印刷物をご検討されている方に役立つエコムクリエーションの実績や会社案内、サービス紹介資料などが無料でダウンロードできます。 read more WORKS ウェブサイト、グラフィックデザイン、イラストレーション 企業、個人事業主、団体、非営利組織など 様々なクライアントの要望をカタチにしてきた実績をご紹介します。 松阪農業公園ベルファーム Billboard Corporate site 株式会社華月 Corporate site Logo 合名会社早川酒造 いなべ阿下喜ベース（株式会社旅する温泉道場） Corporate site Logo Sign 和光紙器株式会社 Brochure Corporate site 公益財団法人かかみがはら未来文化財団 Banner Business card Corporate site Envelope Flyer
ホームページ公開のお知らせ｜キッチンオブダーウィン（KITCHEN of DARWIN）
Concept 「すまいの笑顔」は「キッチン」から 「すまいの笑顔」は「キッチン」から そんな思いからこのショールームは生まれました。 多くの人に、より多くの場面でご利用いただけるよう、ショールームにとどまらず貸会議室・シェアキッチンとして、幅広いシチュエーションに対応。 たくさんの「すまいる」が生まれる空間をお届けします。 ショールーム 最高のキッチンで、至上の日常をあなたに。 キッチンを囲んで料理を作り、美味しいご飯を食べる。 団欒の場として、またコミュニケーションの場として。 毎日の生活で欠かすことのできない「食」を作り上げる空間に、より一層の安らぎとくつろぎをもたらし、誰かのために料理を作る楽しみや幸せに寄り添います。 View more 貸会議室 3時間で13,500円～ プロジェクターなどの備品を無料でご利用いただけます 会議としてのご利用は勿論、研修、小規模のセミナーなど、多
現代デザイン
現代デザインはWebサイトを集めたギャラリー･リンク集です。トップデザイン・下層デザインを一覧で確認出来るのが特徴です。毎日更新を目標にしています！（出来なかったらごめんなさい）Webデザイン制作の参考にどうぞご活用ください。
営業ノウハウnote34本を体系立てたら、SaaSの教科書ができた(気がする)｜DJ141
最近、多くの方に ｢石井さんのnote読んでます｣ って声かけてもらえてとても嬉しいです。 ただ、記事の数も多く、 ｢どこから順番に読めばいいか分からない｣ と言われることもあるので、今日は今までの内容を体系立ててまとめる回にいたします。 では、早速いきます。 ①マインドセット精神論、根性論を馬鹿にされることもあると思いますが、 僕は営業の7割〜8割はマインドセットで決まると思っております。 マインドが全ての土台になります。その上にテクニックや知識が乗ってくると考えています。 まずは、マインドを磨きましょう。 ==========ここからショートカット可========== その上で、自分がもっと頑張りたいと思える理由を作ることができたら最高です。 僕の場合はある種のコンプレックスや劣等感がモチベーションの源泉になっています。
Procreateではじめてのアニメーションづくりやってみた。｜中尾仁士 ★イラスト可視化士
iPadの絵かきアプリProcreate、どんどん機能が追加され使いやすく面白いアプリになってきています。これまでお絵かきやiPadによるグラレコにしか使ったことがなかったのですが、「映像研には手を出すな」を見ていて動画を作ってみたい！という気持ちになって、ちょうどProcreateにアニメーション機能ができていたなと思い、何はともあれとりあえず作ってみました。やってみると一枚静止画イラストとは違っていくらでも自由だし考えることが多くて、どこまでも作り込めるけど、ものすごく手間が大変。でも簡単な設定で動き出してくれる絵に、楽しくなって没頭しました。 使ったアプリ「Procreate ver 5.0.2」使いはじめたことは機能もシンプルだったのですが、しばらく経つとどんどんアップデートされて、文字も打てたり、CMYKも実装されたり、今回のアニメーション制作ツールとしての機能も実装されており、
画像を並べる時に考えていること｜sziaoreo
こんにちは。minneでデザイナーをしております。sziaoreoです。 minneではデザインに作品画像を素材として使用させていただくことが多く、バナーなどでよく画像をグリッド状に並べます。 業務でそういったデザインを何度も作っているうちに、なんとなくこう考えると楽だな〜というマイルールができてきました。 この記事ではわたしが画像をグリッドで並べる時に考えていることを書いていきます。こういう考え方もあるのね程度に読んでくださればと思います。 画像を並べる時、わたしは以下のように心がけています。 画像が持つ様々な要素・存在感を「重さ」として考え、 「組み上がった時にどこかに重心が偏ってしまっていないか」 「同じ重さの要素を持ったもの同士がやたらと隣り合っていないか」 というようにバランスを保つように組む その時に使える画像や制作物の目的によっても変わりますが、 配置を決める際の優先順位が高
Webデザイン制作が変わる！便利な最新オンラインツール45個まとめ
この記事では、Webデザインやグラフィックデザインの制作スピードが爆速になる、便利な最新オンラインツールをまとめています。 うまくツールやサービスを利用することで、時間や労力の必要な作業もラクラクこなし、よりプロジェクトを円滑にすすめることができるでしょう。気に入ったツールを制作ワークフローに取り入れ、さらなる制作スピードアップを目指しましょう。 ここでは、カテゴリー別に分けて新しいオンラインツールをまとめています。 コンテンツ目次 1. イラスト系ライブラリ 2. Web制作お役立ちツール 3. モックアップツール 4. デザインからコードへの変換ツール 5. プロトタイプツール 6. アイコン素材パック 7. デザインコレクション 8. 面白ツール Webデザイン制作が変わる！便利な最新オンラインツールまとめ イラスト系ライブラリ Fresh Folk スタイリッシュなイラストを作成で
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Web Design Trends
新米クリエイターズWebメディア部
BtoB企業が実施すべき「コンテンツマーケティング」思考とは？ | イベント・セミナー
おいしい久米島
個人的に実践しているWebデザインガイドラインまとめ｜TAK / Web Creator.｜note
