Dec 16, 2015

Multi-column CSS menu with search.

View live example and edit via Codepen.

See the Pen CSS Drop Down Multi-column Menu with Search Field by swimbi (@swimbi) on CodePen.

You can grab the code and use it for free. However I strongly recommend to avoid hand-coding and use Swimbi app to generate the same CSS Menu.

Sep 17, 2015

CSS Menu with Animated Icons

View live example and edit via Codepen.

See the Pen Drop down css menu with pattern, Marine style by swimbi (@swimbi) on CodePen.

You can grab the code and use it for free. However I strongly recommend to avoid hand-coding and use Swimbi app to generate the same CSS Menu.

Sep 2, 2015

5 Useful CSS Tools for Web Developers to Save Coding Time

As the web developer, it is essential to grasp a series of CSS tools to speed up the coding time.

How can we find the useful tools to work effectively as there are so many CSS tools in the market? Here is the CSS tools I think you should know to improve the speed and efficiency of your own project.

http://blog.flipbuilder.com/2015/09/5-useful-css-tools-for-web-developers-to-save-the-coding-time/

Aug 7, 2015

Build your CSS Menu faster. Video tutorials.

Video introduction to Swimbi by Tom from wizardtutorial.com

Swimbi app is a huge help for web designer or web developers. Swimbi Swift Menu Builder will save you time and money on over the counter headache meds when it comes to building navigation menus for your clients or yourself.

If you are like me one of the most annoying aspects of designing a website is the time you need to spend building the navigation menu. I feel like most of the time spent designing a website is spent on designing the navigation menu. I came across a software called Swimbi Swift Menu Builder. Do not confuse Swift in the title with the Swift Programming Language. Swift stands for how fast you will be able to design a menu for your website. This software will help you quickly build stylish CSS menus for your website without all trial and error we have all done in the past and the best part you do not need any coding knowledge to use this software.

Swimbi - detailed options overview by Tom from wizardtutorial.com

This tour of the Swimbi Swift Menu Builder user interface will be only an overview of all the options that we can use in our menu builds. We will actually build a few menus in the next couple Swimbi Tutorials. If you haven’t already done so download the Swimbi App Once you have the app open we can take our tour through all the options we have for designing some CSS menus.

Jun 15, 2015

Iconic CSS Menu in minutes

Swimbi is now compatible with custom icon fonts created by Icomoon app. It means access to 4000+ free icons on Icomoon itself and ability to import any icons in SVG format from other websites.

Icon menu examples

Where to find new icons?

1. The Icomoon Library provides access to 4000+ free icons.

2. Search flaticon.com - 76000+ flat vector icons, free for personal use.

3. Explore packs on flaticon.com A best way to find icons for a given theme.

4. Search iconfinder.com. Contains 545000+ icons, but you need only flat, vector icons in SVG format

Few more icon font websites:
5. glyphter.com
6. fontastic.me
7. fontello.com

Still need more icons? Explore The Big List of Flat Icons & Icon Fonts

You can use Swimbi created CSS menus for free!

Download the latest version

Apr 14, 2015

Faster and easier to use with drag and drop and import

Technically the Swift Menu Builder is now quickest in the world menu creation software.

Why?

Because it can import your website links from anywhere, from your page, from another page, from file, from HTML code, from website.

You don't need to write or copy/paste menu links and captions.

Drop your file in the app.
Select design
Publish

You can use Swimbi created CSS menus for free!

Download the latest version

Feb 19, 2015

Sitewide updates for static websites in 2 mouse clicks

Swimbi release 1.6.0

What's new in the version:
- Sitewide menu update with a single click.
- Simple template engine for static websites (update any repeating content)
- Even more icons for your navigation menu, 520+
- Improved source code editor ("Publish"==>"View Code"==>Edit==>Ctrl+S or Ctrl+Alt+S on Mac OS ) if you want to digg in the code.
- Fixed copy-paste in Mac OS X, and other issues.

Sitewide update for static websites

Sitewide Update

Why iframes or frames are still widely used (by novice web developers)?

Despite the fact that frames (or iframes) considered as a bad practice, many website developers still use them to embed one part of a page into another. As for menu, it is considered as typical webpage repeating element and often inserted in iframes. Besides other drawbacks, drop down menu is limited by its own frame size and cannot overlap other frames. That's why we do not recommend using frames or iframes at all.

To help solve the problem of updating all pages we made the "Sitewide Update" or "Simple Template Engine" feature, to help our clients with simple static pages.

You can update not only navigation menu, but any repeating elements of your website.
Just add the prefix to the elements IDs "sw-repeat-" to make Swimbi update it.
Click "Publish" button as usual...