background preloader

CSS only menus

CSS only menus
Latest Demonstrations A CSS ONLY click action tree menu v321-01-2017A third responsive multi-level tree menu with slide action A CSS ONLY click action tree menu v216-12-2016A second responsive multi-level tree menu with slide action A CSS ONLY click action tree menu17-11-2016A responsive multi-level tree menu with slide action A CSS ONLY click action concertina menu14-11-2016A responsive multi-level concertina menu with bounce A CSS ONLY click action slide in menu29-10-2016A responsive multi-level slide in menu A CSS ONLY click action flexbox menu13-05-2016An accordion menu using flexbox and order animation. A circular menu with bounce09-03-2016A CSS only circular menu with bounce animation using cubic-bezier animation timing A responsive swipe-momentum menu24-02-2016A responsive swipe action momentum menu suitable for all the latest browsers and OS. A responsive multi-level menu14-05-2015A responsive multi-level menu suitable for all the latest browsers and OS, PCs, tablets and smartphones.

dafont.com Andrea Joseph (Weekly Story Theme: Romance) There is no other love like an illustrator’s hand and its pen. These two spend hours together everyday, inseparable, and when they are not together, the hand years for the cool grip of its beautiful slender pen. Andrea Joseph hand knows this feeling well, and his hand and its pen have been committed to each other for years now, and now on Creative Tempest they renew their vows. Official Stargate Website: Home for all things Stargate - Univer

3D Sketchbook Drawings Art & Design Nagai Hideyuki is Japanese artist who has the impressive skills to create 3D drawings. Using light and shadow his drawings give the illusion of jumping of the page when seen from the right angle. 10 Rock Solid Website Layout Examples Keeping It Simple Page layout is equal parts art and science. Creating something that’s visually attractive and unique takes an artist’s eye. Designers often stress out far too much about the layout process. In this article we’re going to take a look at ten very common layouts that you can find on countless sites across the web. If you’re a web designer, bookmark this page and come back the next time you get stuck laying out a page. Three Boxes This is probably the most simple layout on the list. The three boxes layout features one main graphic area followed by two smaller boxes underneath. The silhouetted shapes along the top are areas that can be used for logos, company names, navigation, search bars and any other informational and functional content typically on a website. This design is ideal for a portfolio page or anything that needs to show off a few sample graphics. In the Wild Below we see a beautiful implementation of the three box layout in Peter Verkuilen’s portfolio.

How to Create a Wordpress Theme from Scratch Following on from the recent article on "PSD to HTML", this tutorial will look at taking a HTML/CSS template and turning it into a functioning WordPress theme. There is so much you can do when creating your own theme we couldn't nearly cover it all. So, we're going to look at how themes are structured, creation of the core files and splitting up that index.html file. The structure of a WordPress theme is fairly simple, I like to start with the CSS file. Because this is such a large topic we're splitting it into a two part series - this part making a simple but functioning theme from a standard HTML & CSS template, and the second part will look at adding more of the advanced features. I will be working on turning the great template "Typography Paramount" by Six Shooter Media into a simple WordPress theme. The style sheet is the defining file of the theme for WordPress. The code above is all contained in a comment, so it won't affect the style definitions. Continue to Part 2.

40 Useful Online Generators For Web Designers - Noupe Design Blog Oct 11 2010 Generators can be a great way to save time in your web design projects. High-quality generators can create graphics or code or even layouts in a matter of seconds or minutes, things that might take an hour or more if done by hand. Color Schemes A good color scheme is the cornerstone of a good website design. Color Scheme Designer 3Color Scheme Designer 3 has a really fantastic user interface that’s both attractive and easy to use. ColorSchemer Online V2ColorSchemer lets you create color palettes around RGB or HEX values, or using a color selector tool. KulerAdobe’s Kuler is one of the best color scheme tools available, with multiple options for both creating and finding color schemes. ColourLoversColourLovers offers more than just color and pattern generators; it’s an entire community based around a love of color and good design. Color Palette GeneratorThis generator creates a color palette based on an image. Layouts There are CSS generators for almost everything. CSS3 Please!

Related: