Animated Content Tabs With CSS3

  • Posted By: Jason Taetsch
  • ...

There are a number of methods for displaying content on a webpage from simple static options to complex features like jQuery sliders and carousels. However displaying a large amount of text-laden content on a page poses specific challenges to designers. The team at Tympanus put together this tutorial for designers to build animated content tabs into their design projects entirely with CSS.  The “tab” method is ideal for displaying multiple sections of text without making a page seem too imposing to a casual visitor.

Minimalistic Mini Social Media Icons

  • Posted By: Jason Taetsch
  • ...

Social media icons have become commonplace on websites of all shapes and sizes, from personal blogs to corporate home pages. While some prefer icons that standout, other designers would rather have the icons blend seamlessly into a page’s overall design theme. The crew at CreativeNerds put together this mini-icon set that is well-suited for use on minimalistic design projects. The free icons are available for both commercial and non-commercial use but cannot be redistributed without permission from CreativeNerds.

mini social media icons

Circle Hover Effects

  • Posted By: Jason Taetsch
  • ...

In this tutorial, the team at Codrops walks you through how to create stylish hover effects for buttons, images and menu items. Learn how to utilize CSS transition attributes to improve the user experience and highlight dynamic sections or items on your webpage. These features can be especially useful on thumbnails and other site features that often lack visual styling devoted to other elements on your webpage.  Both the necessary HTML and CSS are included to help users quickly implement the hover effects on various development projects.

 

Full-Page Animations in CSS

  • Posted By: Jason Taetsch
  • ...

As great as the CSS3 standard is, recent improvements in modern browsers brings even more tools and capabilities to a developer’s toolbox. The team at SitePoint created this tutorial on full-page CSS animations to teach developers how to take advantage of full-page 3D and 2D animations for web content. The CSS transformations and animations attributes allow developers to manipulate the appearance of an entire page’s content for a dynamic and visually impressive user experience. The tutorial covers rotations, changes in perspective and advanced animations.

Free Oversized WordPress Photo Theme

  • Posted By: Jason Taetsch
  • ...

The team over at Vandelay Design offers this free WordPress Photography-style theme for both professional and amateur photographers to share their work. The WordPress theme features an oversized background slideshow with multiple transitions as well as built-in support for numerous image galleries. The theme’s layout is organized into easy to use sections that keep your contact information, blog and portfolio just a couple of clicks away. The team over at Vandelay maintains a comprehensive support section to assist novice WordPress users in creating new pages, managing the slideshow and updating content, a handy accompaniment when working with clients with limited WordPress experience.