Building Websites with Skeleton CSS from Pluralsight

Get rid of the bloat with traditional CSS frameworks when creating prototypes and basic landing pages. In this course, you'll learn how to use the ultralight and simplicity of Skeleton CSS in your own projects.

You're tasked with creating a prototype or a simple landing page, but you don't need the complexity that comes with large CSS frameworks. What do you do? In this course, Building Websites with Skeleton CSS, you'll learn how to utilize Skeleton's less than 400 lines of CSS, and be provided with the bare necessities to start creating your own prototypes and other simple layouts. First, you'll explore how to work and use Skeleton's grid, typography, forms, and buttons. Next, you'll delve into how to make your own customizations, and how to create a modern landing page. Finally, you'll discover how to use the Gulp task runner to optimize your 21kb CSS file down to an ultra-fast 5kb. By the end of this course, you'll have a solid understanding of how to utilize Skeleton CSS to create your very own prototypes and projects.

What's inside

Syllabus

Course Overview

Setting up the Project

The Grid

Typography

Buttons and Forms

Good to know

Know what's good

, what to watch for

, and possible dealbreakers

Helps learners create prototypes and simple landing pages without the complexity of large CSS frameworks

Covers the bare necessities for prototyping and layout creation, including grid, typography, forms, and buttons

Teaches learners how to customize and optimize their CSS for faster loading times

Suitable for those who need a basic understanding of CSS for prototyping and quick website creation

Taught by Gary Simon, who has expertise in CSS and front-end development

Activities

Be better prepared before your course. Deepen your understanding during and after it. Supplement your coursework and achieve mastery of the topics covered in Building Websites with Skeleton CSS with these activities:

Create basic web layouts using Skeleton CSS

Show steps

Practice creating layouts with Skeleton CSS to improve proficiency with the framework.

Show steps

Follow the given course content to create a basic layout.
Experiment with different layout options and combinations.

Build a basic landing page

Show steps

Create a landing page to apply Skeleton CSS practically and build a functional web page.

Show steps

Plan and design the layout of the landing page.
Implement the design using Skeleton CSS.
Add content and call-to-actions to the page.

Show all two activities

Career center

Learners who complete Building Websites with Skeleton CSS will develop knowledge and skills that may be useful to these careers:

Front-End Developer

Front-End Developers are responsible for the coding that ultimately shows up on a user's web browser. This course will help you understand how to use Skeleton CSS, which can be very useful when developing prototypes. Prototypes are a fast way for you to "sketch out" your code before you start writing it. This can help you plan and be more efficient.

See salaries and explore the career path for Front-End Developer

Web Designer

Web designers are responsible for the overall look and feel of a website. This includes the layout, colors, and fonts. Skeleton CSS is a very minimalistic CSS framework, and can help you when designing for simplicity and speed. The skeleton framework is also great for creating prototypes.

See salaries and explore the career path for Web Designer

UI Designer

UI Designers are responsible for the user interface of a website or app. This includes the buttons, menus, and other elements that users interact with. Skeleton CSS can help UI Designers create fast and efficient prototypes. Having the ability to prototype faster can allow UI Designers to stay ahead of schedule and be more efficient.

See salaries and explore the career path for UI Designer

Web Developer

Web Developers are responsible for the coding and maintenance of websites. This includes both the front-end and back-end of a website. Skeleton CSS can help Web Developers create fast and efficient prototypes. Prototypes are a great way to test out the functionality of a website before it is coded.

See salaries and explore the career path for Web Developer

Software Engineer

Software Engineers are responsible for the design, development, and maintenance of software systems. Skeleton CSS is a great way to create prototypes for software systems. Prototypes can help you plan and be more efficient.

See salaries and explore the career path for Software Engineer

Webmaster

Webmasters are responsible for the maintenance and upkeep of websites. This includes tasks such as updating content, fixing bugs, and ensuring that the website is running smoothly. This course may be useful for Webmasters as it teaches how to create fast and basic landing pages. The faster a landing page loads, the better.

See salaries and explore the career path for Webmaster

Content Developer

Content Developers are responsible for the creation and maintenance of content for websites. This includes writing text, creating images, and developing videos. Skeleton CSS may be useful for Content Developers as it teaches how to create fast and basic landing pages.

See salaries and explore the career path for Content Developer

Information Architect

Information Architects are responsible for the organization and structure of websites. They work with designers and other stakeholders to create a website that is easy to use and navigate. Skeleton CSS may be useful in this career as it allows one to rapidly prototype ideas for websites.

See salaries and explore the career path for Information Architect

UX Designer

User Experience (UX) Designers are responsible for the overall experience that users have when interacting with a website or app. This includes the look, feel, and functionality of the website or app. Skeleton CSS may be useful for UX Designers as it can help create fast and efficient prototypes for websites.

See salaries and explore the career path for UX Designer

Graphic designer

Graphic Designers are responsible for the visual appearance of websites and other marketing materials. Skeleton CSS may be useful for Graphic Designers as it can help create fast and efficient prototypes for websites.

See salaries and explore the career path for Graphic designer

Technical Writer

Technical Writers are responsible for creating documentation for software and other technical products. Skeleton CSS may be useful for Technical Writers as it can help create fast and efficient prototypes for documentation.

See salaries and explore the career path for Technical Writer

Project Manager

Project Managers are responsible for planning, organizing, and managing projects. They work with stakeholders to ensure that projects are completed on time and within budget. This course may be useful for Project Managers as it can help them create fast and efficient prototypes for project plans.

See salaries and explore the career path for Project Manager

Business Analyst

Business Analysts are responsible for analyzing business needs and developing solutions. Skeleton CSS may be useful for Business Analysts as it can help create fast and efficient prototypes for business solutions.

See salaries and explore the career path for Business Analyst

Data Analyst

Data Analysts are responsible for collecting, analyzing, and interpreting data. Skeleton CSS may be useful for Data Analysts as it can help create fast and efficient prototypes for data visualization dashboards.

See salaries and explore the career path for Data Analyst

Systems Analyst

Systems Analysts are responsible for analyzing and designing computer systems. Skeleton CSS may be useful for Systems Analysts as it can help create fast and efficient prototypes for system designs.

See salaries and explore the career path for Systems Analyst