そもそもCSSって？Webデザイナーを目指すなら知っておくべき基礎知識【入門編】 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは！ デザイナーのすーちゃんです。 前回、デザイナーのみやっちが「Webデザイナーを目指すなら知っておくべき基礎知識【入門編】」として、HTMLの基礎知識をお届けいたしました。 CSSとは CSSとは、Cascading Style Sheets（カスケーディング・スタイル・シート）の頭文字を取った略称で、HTMLでマークアップしたページのレイアウトを整えたり、装飾を施す役割があります。 HTMLと同様にとても難しいものと思われがちですが、すべてPCを使ってテキストで書くので、覚えてしまえば誰でも書くことができますよ！ では、実際にCSSの反映前と反映後を見てみましょう。 HTMLだけだと、画像とテキストが整然と並んでいる印象を受けますね……。 マークアップはうまくいっていても、見た目でどこが重要なのか少しわかりづらい気がします。 今度はどうでしょうか？ CSSでデザインを調整した
Webデザインにシャドウを取り入れる時のポイントいろいろ
2016年3月10日 CSS, Webデザイン 要素に加えれば、画面に立体感をもたらすシャドウ。なんだか最近シャドウを取り入れたデザインをよく見かけるので、今回はシャドウを使う時の注意点やコツをまとめてみようと思います。 ↑私が10年以上利用している会計ソフト！ If you took a 3 year break from UI design, now you're all caught up: pic.twitter.com/4pdL17dXaF — Dylan Jones (@tDJ) March 2, 2016 このTweetにも描かれているとおり、1年周期でシャドウの扱いが変わっていますね。2014年は影なしの完全フラットデザイン。2015年はロングシャドウ。そして2016年はこれから紹介するぼんやりふんわりシャドウ。 CSSで実装するシャドウの基礎 通常のシャドウ 要素にシャド
美しいグラデーションをCSSで実装！配色に使える便利ツールや実例も！
2020年5月18日 CSS, Webデザイン, 便利ツール 背景に動画を使ったWebサイトや、大きな背景画像を使ったWebサイトに続き、最近は画面全体にきれいなグラデーションカラーを用いたサイトを見かける機会が増えてきました。そこで今回はグラデーションカラーをCSSで実装する基本的な方法から、画像に重ねる応用、配色選びに使えるサイト、実例集などを紹介します！ ↑私が10年以上利用している会計ソフト！ CSSでグラデーションを実装 グラデーションは background プロパティーに linear-gradient の値を使って色を指定します。意外と簡単。 body { background: linear-gradient(#05FBFF, #1E00FF); } See the Pen CSS linear-gradient by Mana (@manabox) on CodePen
世界に発信！Webデザイナー向けコミュニティーサイトいろいろ
2014年4月22日 Webデザイン, インスピレーション 「デザインのアイデアが浮かばない…」「今人気のデザインはなんだろう？」なんだか行き詰まったなーと感じたら、息抜きも兼ねてデザイン系のコミュニティーサイトを覗いてみましょう。多数の洗練されたデザインから刺激を受けることができます。とは言えいつも眺めているだけではなく、その輪に入ってみると、また違った角度から作品を見つめることができますよ。今回はフォローやお気に入り機能のある、デザイナー向けのコミュニティーサイトをいくつか紹介します。4月から新しく入った新人さんも必見！自分用のノートだと思って少しずつ投稿してみましょう。 ↑私が10年以上利用している会計ソフト！ Behance オンラインポートフォリオサイトとして、全世界で大人気のBehance。完成度の高い作品がずらりと並び、インスピレーションを刺激されるはず。 国別絞り込み検索も
Google Drive に Web ページから簡単にファイルを保存するボタン
Google Developers Blog で、Web ページ上にある画像やファイルを、ワンクリックで Google Drive に保存できるボタン、「Save to Drive」 ボタンが紹介されていました。 ボタンを設置する簡単なコードを追加するだけで、すぐに自分の Web ページに、このボタンを設置することが可能です。 An easier way to save files to Google Drive ： Google Developers Blog Starting today, Drive users can use the "Save to Drive" button to do exactly that. The "Save to Drive" button is an easier way to save files directly from a website.
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
