We’ll explain 1x and 2x web graphics, and show you ways to create them quickly and efficiently in Photoshop, Illustrator, Sketch, and XD.
Download the PDF Reference Notes.
LEARN MORE:
Web Design Classes (attend in New York City or Live Online)
Web Design Books (eBook or Print)
Sketch Training
Photoshop for Web & UI Training
Adobe XD Training
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
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
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
LEARN MORE:
Web Design Classes (attend in New York City or Live Online)
Web Design Books (eBook or Print)
In CSS, type tac and hit Tab to expand to text-align: center;
In HTML or CSS, hit Cmd–Shift–Period (Mac) or Ctrl–Shift–Period (Windows) to select the next item. To select the previous item, hit Cmd–Shift–Comma (Mac) or Ctrl–Shift–Comma (Windows).
In HTML, items are tag names, attributes, and attribute values. In CSS, items are selectors, properties, and property values.
Learn HTML and more in our coding classes.
In an HTML file, type link and hit Tab to expand to <link rel="stylesheet" href="">. Type the URL of the desired CSS file.
Use this tip to quickly apply concepts you can learn in our CSS class.
To start a new HTML page, first create a new file in Sublime Text and save it with the .html extension. This will set the syntax of your document to HTML. Then type ! (that’s an exclamation point) and hit Tab to expand it. Emmet will create the HTML page structure for you, allowing you to get right to work.
To insert a new line below the current line in your code, hit Cmd–Return (Mac) or Ctrl–Enter(Windows). You can also insert a new line above the current line by using Cmd–Shift–Return(Mac) or Ctrl–Shift–Enter (Windows).
To quickly delete a line in your code, place your cursor anywhere in the line and hit Ctrl–Shift–K (Mac and Windows).
