Win a Free Class!

Join our email list for a chance to win

Right Arrow Left Arrow

Change the Text Selection Color with CSS

Use Cmd (Mac) or Alt (Windows) with the number keys 0–9 to switch between tabs in Sublime Text. For example, hit Cmd–2 (Mac) or Alt–2 (Windows) to switch to the second tab.

You can also use Ctrl–Tab (Mac and Windows) to cycle through your tabs.

Read More

Video Tutorial: Designing Responsive Email

Learn about designing email that looks great on both desktop and mobile.

View the Presentation Slides.

LEARN MORE:
Certificate in HTML Email
Responsive HTML Email Class
Responsive HTML Email Book

 

Read More

Change the Text Selection Color with CSS

Did you know that you can change a webpages’s text selection color to match your branding and design? In your CSS, use the ::selection selector with the background property. For example, to change the selection color to yellow, add the following CSS to your stylesheet:

::selection { background: #ffff00; } 
::-moz-selection { background: #ffff00; }

Note: The -moz adds support for Firefox.

Read More

Quickly Write a Nested Table in Sublime Text

Sublime Text with Emmet allows you to code faster by typing an abbreviation and then expanding the abbreviation with the Tab key.

If you build HTML emails, you know that using nested tables is a necessary evil. But if you have to do it, you might as well do it quickly. In HTML, type table+ and hit Tab. Emmet expands table+ to 

    <table>
        <tr>
            <td></td>
        </tr>
    </table>

Read More

Video Tutorial: Modern Web & Mobile Design Techniques

There are newer design apps like Sketch or Adobe XD, and existing design apps like Photoshop have changed dramatically in ways that many designers have not kept up with. Whether you’re new to web design, transitioning from print to web design, or have been designing websites but want to update your skills, join us for this informative live stream event.

View the Presentation Slides

LEARN MORE:
Photoshop for Web Design & UI Class
Sketch in a Day Class
Adobe Experience Design (XD) in a Day Class

 

Read More

Quickly Write Sibling Tags in Sublime Text

Sublime Text with Emmet allows you to code faster by typing an abbreviation and then expanding the abbreviation with the Tab key.

Use + (plus sign) between tag abbreviations to quickly write sibling tags. For example, if you type h1+p and hit Tab, Emmet expands h1+p to

    <h1></h1>
    <p></p>

 

Read More

Video Tutorial: How to Get Started in Web Design

Get an intro to HTML and CSS and see how they are used to create webpages. We will upload a site to make it live for the world to see!

View the Presentation Slides
Download the step-by-step exercise, class files, and notes

LEARN MORE:
Web Design Classes (attend in New York City or Live Online)
Web Design Books (eBook or Print)

 

Read More

Quickly Write Multiple Tags in Sublime Text

Sublime Text with Emmet allows you to code faster by typing an abbreviation and then expanding the abbreviation with the Tab key.

To create multiple copies of a tag, add * (asterisk) and the desired number. For example, to get three list item tags you’d type li*3 and hit Tab. Emmet expands li*3 to

    <li></li>
    <li></li>
    <li></li>

Read More

Quickly Write Nested Tags in Sublime Text

Sublime Text with Emmet allows you to code faster by typing an abbreviation and then expanding the abbreviation with the Tab key. Use > (greater-than symbol) between tag abbreviations to nest tags.

In HTML, type article>h1 and hit Tab to expand to: 
<article> 
    <h1></h1> 
</article>

Read More

Subscribe & Win

Learn about new classes and seminars every week. Plus you’ll be entered to win free stuff!

Tags

Search The Blog

RSS Feed

Subscribe via RSS