前回のエントリーで、無事にSassが動作する環境が整ったかと思います。 今回は、いよいよ通常のCSSでは出来なかったSassの記述（Sass記法）に関してです！ まずは基本って感じですが、これだけでも十分Sassを利用することでコーディングの効率が上がる！って思ってもらえれば幸いです＞＜ 記法の前に Sass記法の前に、SassはCSSの「完全な上位互換」と言えるので、CSSのルールはすべてそのまま利用することが出来ます。 その為、cssファイルをそのまま拡張子だけ .scssに変更して変換（コンパイル）し直すみたいな事も可能です。（圧縮できる程度のメリットしか有りませんが） 軽く余談ですが、このCSSとの完全な互換性が従来のSassには無かったのですが、現行のバージョンではそれが出来るので、余計な事を覚える必要がなく、Sassの機能を今までのCSSの知識にプラスアルファとして使えるんです

In this tutorial we will create some modern and creative login forms using some interesting CSS techniques and HTML5 goodness. Hi guys! I’m back with another CSS tutorial! After button switches and drop-down lists, let’s create some forms. In particular, we will be creating login forms. Nowadays, almost every web service, application, game etc. allows (or even requires) user subscription, which me

There are a lot of ways to work with color on the web. I think it’s helpful to understand the mechanics behind what you’re using, and color is no exception. Let’s delve into some of the technical details of color on the web. Color mixing A huge part of working with color is understanding that the way that you used color as a child doesn’t work the same as how you use color on a computer because of

Everyone loves freebies! We regularly give away freebies to help you create websites and marketing material quickly and easily. Exciting New Tools for Designers, February 2026 There are so many new – and good – tools for designers out there right now. From tiny bits of…

With CSS columns you can create a print-inspired layout with little added markup that can adapt beyond a fixed canvas. A supported browser will make calculations to wrap and balance content into tidy columns. If you’re already working with a fluid layout, the columns will reflow automatically. With the right combination of properties, CSS columns can be an interesting layout option that is respons

Saying farewell to Pixate. When we launched Pixate, our mission was to change the way mobile apps were prototyped. We joined Google just over a year ago to continue our mission, and to pursue a broader vision of changing the way products were designed and built. While a lot of the ideas we’ve been developing could work inside the Pixate framework, we believe we can have a larger impact if we move

1,500+ tech insiders, business leaders, and Pluralsight Authors share their predictions on what’s shifting fastest and how to stay ahead. Download the forecast

封筒印刷では、用紙の地色が印刷物のカラーに大きな影響を与えます。イメージ通りのカラーで仕上げるには、封筒の地色ごとに印刷色がどのように変化するのかを知っておくことが重要です。 この記事では、正確なカラーを再現するために不可欠な特色インクの役割、そして印刷データの作成時に注意すべきポイントなどについて解説します。

簡単にスマホサイトも作成できる、無料のマーケティングオートメーションツール「Homeup!」クローズドβ版のアカウント受付開始 ネットサービス 24万人の会員を抱えるWebマーケティングポータルサイト「Ferret(フェレット)」を運営する株式会社ベーシックが、ホームページを中心としたWebマーケティングを手間なく・簡単に実践することが出来るツール「Homeup!」のクローズドβ版のアカウント受付を8月22日より開始しました。 事業創造カンパニーを掲げる株式会社ベーシック(代表:秋山 勝、所在:東京都千代田区、以下ベーシック)は、中小企業を主な利用者と想定した、無料で使えるマーケティングオートメーションツール「Homeup!（ホームアップ）」のクローズドβ版のアカウントの受付けを2014年8月22日より開始いたしました。 ○ホームページの課題が見える・直せる・使える「Homeup!」 ht

The internet's icon library + toolkit. Used by millions of designers, devs, & content creators. Open-source. Always free. Always awesome.

中型ライダー（二輪）免許を持っているライターの内藤です。 本日は、ライダーキック並みの強烈さで役に立つ見本サイトをまとめてみたいと思います。 Web屋さんはご存じの方も多いかもしれませんが、ブログをしている一般の方、Webデザイン・DTPに興味のある方、お店を持っている方なども必見です！ 部品に特化した見本 部品に特化した見本サイトをご紹介します。 見出しデザイン（h1,h2,h3……その他DTPでも） はじめは見出しデザインに特化した見本サイトまとめ。 見出しデザイン.com http://midashi-design.com/ 見出しタグ（h1,h2,h3……）のデザインの見本ですが、DTPなどでもヒントになるものがたくさんあります。 カテゴライズは、グラデーション・テキストのみ・テキスト非画像・上線・下線・丸・四角・囲み線・斜線・点線・角丸。 ヘッダー部分に凝っても見出しが適当だと全