Категории

Screencast #3: Converting a Photoshop Mockup (part 3 of 3)

Опубликовано: 23 Октябрь 2024
на канале: CSS-Tricks
10,176
56

I finish up the design in part three of this series on coverting an Adobe Photoshop website mockup into an actual HTML/CSS website. This one focuses on the main content area. I create the the columns including the "quick links" section. I also talk a little bit about typography.

play_arrow
102
3

(3Ds Max)How to Add HDRI's Sky's.

(3Ds Max)How to Add HDRI's Sky's.
play_arrow
154,749
2.3 тыс

TOP 5: Best Gaming CPUs 2020

TOP 5: Best Gaming CPUs 2020
play_arrow
119,804
6 тыс

Jelly Roll Rug | Handmade Rug | Fabric strips sewing idea | BloomBerry fabric

Jelly Roll Rug | Handmade Rug | Fabric strips sewing idea | BloomBerry fabric
play_arrow
4,530
45

Miyagi - Ночи в одного (REMIX)

Miyagi - Ночи в одного (REMIX)
play_arrow
3,233
124

Kennjo - Lose My Mind (Official Hardstyle Audio) [Copyright Free Music]

Kennjo - Lose My Mind (Official Hardstyle Audio) [Copyright Free Music]
play_arrow
64
like

Dr Arlind Reuter talks about Digital Citizenship in Later Life

Dr Arlind Reuter talks about Digital Citizenship in Later Life
play_arrow
3
0

Idiots On wheels 😵

Idiots On wheels 😵

play_arrow
7,024
176

SQL Basics | Learn SQL | SQL Training for Beginners | Intellipaat

SQL Basics | Learn SQL | SQL Training for Beginners | Intellipaat
Похожие видео
play_arrow
How to Use Cloudflare Workers and KV Storage (and how CodePen uses both!)

How to Use Cloudflare Workers and KV Storage (and how CodePen uses both!)
play_arrow
Create a Paid Subscription Newsletter with MailPoet + WooCommerce + WordPress

Create a Paid Subscription Newsletter with MailPoet + WooCommerce + WordPress
play_arrow
Centering with Negative Transforms... and Sensible Wrapping!

Centering with Negative Transforms... and Sensible Wrapping!
play_arrow
Yapping About Astro

Yapping About Astro
play_arrow
A Netflix Clone with DataStax Astra & Netlify

A Netflix Clone with DataStax Astra & Netlify
play_arrow
A CSS Grid Layout with Pictures Down One Side Matched Up with Paragraphs on the Other

A CSS Grid Layout with Pictures Down One Side Matched Up with Paragraphs on the Other
play_arrow
Performance Testing CSS-Tricks with WebPageTest

Performance Testing CSS-Tricks with WebPageTest
play_arrow
Building a Data-Backed Next.js Site with Prisma & App Platform

Building a Data-Backed Next.js Site with Prisma & App Platform
play_arrow
Using the axe Web Accessibility Testing Browser Plugin

Using the axe Web Accessibility Testing Browser Plugin
play_arrow
Sticky Positioning in CSS: How it Works, What Can Break It, and Dumb Tricks

Sticky Positioning in CSS: How it Works, What Can Break It, and Dumb Tricks
play_arrow
A First Look at Cloudflare Pages

A First Look at Cloudflare Pages
play_arrow
Centering List Markers

Centering List Markers
play_arrow
Doing Booping: Whimsical Effects on Mouseenter

Doing Booping: Whimsical Effects on Mouseenter
play_arrow
Simple Scroll to Zoom Function

Simple Scroll to Zoom Function
play_arrow
Playing with JSX

Playing with JSX
play_arrow
Learn About the `position` Property in CSS

Learn About the `position` Property in CSS
play_arrow
Using Jetpack Backup on WordPress Sites

Using Jetpack Backup on WordPress Sites
play_arrow
Learning Grid & Flexbox with Chris Coyier & Kyle Simpson

Learning Grid & Flexbox with Chris Coyier & Kyle Simpson
play_arrow
A Look at Stackbit and Stackbit Studio

A Look at Stackbit and Stackbit Studio
play_arrow
How to Draw a Line with CSS

How to Draw a Line with CSS
play_arrow
Automate your site social media posting with Jetpack

Automate your site social media posting with Jetpack
play_arrow
Scully: the SSG for Angular

Scully: the SSG for Angular
play_arrow
Git Tricks (Getting Yourself out of Trouble)

Git Tricks (Getting Yourself out of Trouble)
play_arrow
Learn by doing: CUBE CSS

Learn by doing: CUBE CSS