In this continuing series on creative methods of using CSS to design parts of a website, we will be looking at how to use CSS to create flip boxes. A flip box element is one method of showing a lot of data in a small amount of area. The ability to have a double-sided content block on a website opens up many design possibilities. Not only will we be looking at how this is built using CSS, but how we can incorporate into WordPress.
Making Websites Printer Friendly
It can be a great frustration to design a quality-looking website only to have the client report back that it prints like garbage. Even though "printing" was not part of the design contract, there are a few methods of making the "printable" version more palatable. Plus, we will look at some CSS rules that will help provide simple, yet good-looking, printable posts and pages.
CSS Elements - Progress Bars and Circles
In this continuing series on creative methods of using CSS to design parts of a website, we will be looking at how to use CSS to create progress bars and progress circles. These elements are normally used to display a percentage of work accomplished or to rank a skill level or to even create a countdown system. Not only will we be looking at how this is built using CSS, but how we can incorporate into WordPress.
CSS Elements - Timelines
In this continuing series on creative methods of using CSS to design parts of a website, we will be looking at how to use CSS to create timelines. You have probably seen these times of timelines that have a key line that maintains the structure while branches flow off different sides to describe events that happened within the timeline. Not only will we be looking at how this is built using CSS, but how we can incorporate into WordPress.
[snippet slug=example-css lang=css]
Creative CSS - Button Animation
CSS is such a powerful skill for web developers to learn. CSS goes far beyond just simple styling. In this continued “Creative CSS” series, we will be looking at how to create buttons with animation and interactivity using only CSS.
Creative CSS - Hovers and Tooltips
CSS is such a powerful skill for web developers to learn. CSS goes far beyond just simple styling. In this continued "Creative CSS" series, we will be looking at how to create hovers and tooltip actions with ONLY CSS... no javascript required.
Creative CSS - Counters and More
CSS is such a powerful skill for web developers to learn. CSS goes far beyond just simple styling. In this continued “Creative CSS” series, we will be creating counters and other identifiers with ONLY CSS and use zero javascript.
Grid CSS
The Grid CSS specifications will be changing the way most developers deal with layouts in the future. There is so much more power with less issues (like clearing floats and incorrect mobile stacking) that will make Grid CSS your new go to layout solution. In this webinar, we will walk through the basics of Grid.
Code Camp - CSS
In this week-long summer code camp, attendees will go through "everything you need to know" about HTML, CSS, jQuery, PHP, and MySQL. Monday (HTML), Tuesday (CSS), Wednesday (jQuery), Thursday (PHP), and Friday (MySQL). Note: You only have to register for ONE of the Code Camp days to gain access to all five days.
Introduction to Sass (SCSS)
Sass (SCSS) is one of the most popular CSS preprocessor in addition to LESS. While they both have many similar syntax and features, the main difference is in how LESS and SCSS are processed. During this webinar we will look at how Sass will handle mixins, variables, nesting, and more.
Introduction to LESS
When you begin to manage a much larger project that contains multiple types/modules of CSS styling, working within a single CSS file can become laborious. Plus trying to keep track of unifying variables can become overwhelming. This is where CSS preprocessors can come to the rescue. One of those CSS Preprocessors is LESS. Learn what LESS is, how to use it, and the benefits it can provide for a web project.