tag:blogger.com,1999:blog-72430030959159246282024-03-05T07:25:01.339-08:00Web development tips, news, advices by SwimbiUnknownnoreply@blogger.comBlogger157125tag:blogger.com,1999:blog-7243003095915924628.post-51607156884990234932016-12-09T06:29:00.000-08:002016-12-09T06:30:18.012-08:00Drop down menu for Blogger, free and easy way.<div dir="ltr">Learn how to create Blogger drop down menu quickly and easily.<div><br></div><div><a href="http://swimbi.com/tutorials/custom-blogger-menu/" target="_blank" rel="nofollow" style="color:rgb(54,88,153);text-decoration:none;font-family:"helvetica neue",helvetica,arial,sans-serif;font-size:14px;line-height:19.32px">http://swimbi.com/tutorials/custom-blogger-menu/</a><br></div><div><br></div><div><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizwEv_HOuRpHA8b5X2t2-t84y02bOMUBRzhXgH5hLyLsMhyqY45j5L5wSlUBxcDsLwDVRLEf8y3pz85PR5Ahqdqn0c0vm-Lc1UNsec7YPB-a2yN75roj54zRKZnlj1ZsOTELUWM1XgYdL9/s1600/13254325_1901107120115910_7003458717570452404_n-718013.png"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizwEv_HOuRpHA8b5X2t2-t84y02bOMUBRzhXgH5hLyLsMhyqY45j5L5wSlUBxcDsLwDVRLEf8y3pz85PR5Ahqdqn0c0vm-Lc1UNsec7YPB-a2yN75roj54zRKZnlj1ZsOTELUWM1XgYdL9/s320/13254325_1901107120115910_7003458717570452404_n-718013.png" border="0" alt="" id="BLOGGER_PHOTO_ID_6362108504842576018" /></a><br></div></div> Unknownnoreply@blogger.com38tag:blogger.com,1999:blog-7243003095915924628.post-9159000362505551452016-03-17T08:45:00.001-07:002016-03-19T02:24:34.022-07:00Optimize PDF, get real Twitter followers<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
Interesting fiverr gigs<br />
<br />
Get relevant real Twitter followers for only $5<br />
<a href="https://www.fiverr.com/dmpost/add-50-relevant-active-interested-twitter-followers">Relevant, active, interested Twitter followers</a></div>
<br />
Optimize PDF for web, only $5<br />
<a href="https://www.fiverr.com/dmpost/optimize-your-pdf-document-for-web">Optimize your PDF document for web</a></div>
Unknownnoreply@blogger.com17tag:blogger.com,1999:blog-7243003095915924628.post-20520842924670436522015-12-16T00:50:00.001-08:002015-12-16T00:52:28.680-08:00Multi-column CSS menu with search.<div dir="ltr" style="text-align: left;" trbidi="on">
View live example and edit via <a href="http://codepen.io/swimbi/pen/VeePvY" target="_blank">Codepen</a>.<br />
<br />
<br />
<p data-height="468" data-theme-id="9348" data-slug-hash="VeePvY" data-default-tab="result" data-user="swimbi" class='codepen'>See the Pen <a href='http://codepen.io/swimbi/pen/VeePvY/'>CSS Drop Down Multi-column Menu with Search Field</a> by swimbi (<a href='http://codepen.io/swimbi'>@swimbi</a>) on <a href='http://codepen.io'>CodePen</a>.</p>
<script async src="//assets.codepen.io/assets/embed/ei.js"></script>
<br />
You can grab the code and use it for free. However I strongly recommend to avoid hand-coding and use <a href="http://swimbi.com/download/" target="_blank">Swimbi app</a> to generate the same CSS Menu.
</div>
Unknownnoreply@blogger.com7tag:blogger.com,1999:blog-7243003095915924628.post-22008927979167510922015-09-17T07:30:00.002-07:002015-12-16T00:53:40.115-08:00CSS Menu with Animated Icons<div dir="ltr" style="text-align: left;" trbidi="on">
View live example and edit via <a href="http://codepen.io/swimbi/pen/WQwRJQ" target="_blank">Codepen</a>.<br />
<br />
<br />
<div class="codepen" data-default-tab="result" data-height="348" data-slug-hash="WQwRJQ" data-theme-id="9348" data-user="swimbi">
See the Pen <a href="http://codepen.io/swimbi/pen/WQwRJQ/">Drop down css menu with pattern, Marine style</a> by swimbi (<a href="http://codepen.io/swimbi">@swimbi</a>) on <a href="http://codepen.io/">CodePen</a>.<br />
<script async="" src="//assets.codepen.io/assets/embed/ei.js"></script>
</div>
<br />
You can grab the code and use it for free. However I strongly recommend to avoid hand-coding and use <a href="http://swimbi.com/download/" target="_blank">Swimbi app</a> to generate the same CSS Menu.
</div>Unknownnoreply@blogger.com11tag:blogger.com,1999:blog-7243003095915924628.post-8592095518526489942015-09-02T04:30:00.000-07:002015-09-02T04:32:09.927-07:005 Useful CSS Tools for Web Developers to Save Coding Time<div dir="ltr" style="text-align: left;" trbidi="on">
As the web developer, it is essential to grasp a series of CSS tools to speed up the coding time.<br />
<div>
<br /></div>
<div>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhL_JWLyubnmESu3AICjXmUX2Y_6ufy-y8CUweSNVsCfTOUoMeAkj0jXDOg8otmidBHDGOGOt_ZL8pQ6snaffYBizsno2QfTHuKrjw_SvSB1yPftl80XhVrkzbLdg81VdJZ_6uSO3e9c1n8/s1600/post-761949.png"><img alt="" border="0" height="230" id="BLOGGER_PHOTO_ID_6189878790725988642" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhL_JWLyubnmESu3AICjXmUX2Y_6ufy-y8CUweSNVsCfTOUoMeAkj0jXDOg8otmidBHDGOGOt_ZL8pQ6snaffYBizsno2QfTHuKrjw_SvSB1yPftl80XhVrkzbLdg81VdJZ_6uSO3e9c1n8/s400/post-761949.png" width="400" /></a></div>
<div>
<br /></div>
<div>
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.</div>
<div>
<br /></div>
<div>
<a href="http://blog.flipbuilder.com/2015/09/5-useful-css-tools-for-web-developers-to-save-the-coding-time/">http://blog.flipbuilder.com/2015/09/5-useful-css-tools-for-web-developers-to-save-the-coding-time/</a></div>
<div>
<br /></div>
<div>
<br /></div>
</div>
Unknownnoreply@blogger.com22tag:blogger.com,1999:blog-7243003095915924628.post-8980873954711942322015-08-07T07:00:00.003-07:002015-08-07T07:00:38.778-07:00Build your CSS Menu faster. Video tutorials.<div dir="ltr" style="text-align: left;" trbidi="on">
<span style="color: #444444; font-family: Verdana, Geneva, sans-serif;"><span style="font-size: 14px; line-height: 20px;">
</span></span>
<br />
<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<span style="color: #444444; font-family: Verdana, Geneva, sans-serif;"><span style="font-size: 14px; line-height: 20px;"><span style="background-color: white; color: #444444; font-family: Verdana, Geneva, sans-serif; font-size: 14px; line-height: 20px; text-align: start;"><b>Video introduction to Swimbi by Tom from <a href="http://wizardtutorial.com/" target="_blank">wizardtutorial.com</a></b></span></span></span></div>
<div class="separator" style="clear: both;">
<span style="color: #444444; font-family: Verdana, Geneva, sans-serif;"><span style="font-size: 14px; line-height: 20px;"><br /></span></span></div>
<div class="separator" style="clear: both;">
<span style="color: #444444; font-family: Verdana, Geneva, sans-serif;"><span style="font-size: 14px; line-height: 20px;"><iframe allowfullscreen="" class="YOUTUBE-iframe-video" data-thumbnail-src="https://i.ytimg.com/vi/VNA4SQY7nbc/0.jpg" frameborder="0" height="266" src="https://www.youtube.com/embed/VNA4SQY7nbc?feature=player_embedded" width="320"></iframe></span></span></div>
<div class="separator" style="clear: both;">
<span style="color: #444444; font-family: Verdana, Geneva, sans-serif;"><span style="font-size: 14px; line-height: 20px;"><br /></span></span></div>
<div class="separator" style="clear: both;">
<span style="color: #444444; font-family: Verdana, Geneva, sans-serif;"><span style="font-size: 14px; line-height: 20px;">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.</span></span></div>
<div class="separator" style="clear: both;">
<span style="color: #444444; font-family: Verdana, Geneva, sans-serif;"><span style="font-size: 14px; line-height: 20px;"><br /></span></span></div>
<div class="separator" style="clear: both;">
<span style="color: #444444; font-family: Verdana, Geneva, sans-serif;"><span style="font-size: 14px; line-height: 20px;">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.</span></span></div>
<div class="separator" style="clear: both;">
<span style="color: #444444; font-family: Verdana, Geneva, sans-serif;"><span style="font-size: 14px; line-height: 20px;"><br /></span></span></div>
<div class="separator" style="clear: both;">
<span style="color: #444444; font-family: Verdana, Geneva, sans-serif;"><span style="font-size: 14px; line-height: 20px;"><br /></span></span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="color: #444444; font-family: Verdana, Geneva, sans-serif;"><span style="font-size: 14px; line-height: 20px;"><b>Swimbi - detailed options overview by Tom from <a href="http://wizardtutorial.com/" target="_blank">wizardtutorial.com</a></b></span></span></div>
<div>
<span style="color: #444444; font-family: Verdana, Geneva, sans-serif;"><span style="font-size: 14px; line-height: 20px;"><br /></span></span></div>
<div class="separator" style="clear: both;">
<span style="color: #444444; font-family: Verdana, Geneva, sans-serif;"><span style="font-size: 14px; line-height: 20px;"><br /></span></span></div>
<div class="separator" style="clear: both;">
<span style="color: #444444; font-family: Verdana, Geneva, sans-serif;"><span style="font-size: 14px; line-height: 20px;"><iframe allowfullscreen="" class="YOUTUBE-iframe-video" data-thumbnail-src="https://i.ytimg.com/vi/U6yy-5ZS14E/0.jpg" frameborder="0" height="266" src="https://www.youtube.com/embed/U6yy-5ZS14E?feature=player_embedded" width="320"></iframe></span></span></div>
<div class="separator" style="clear: both; text-align: start;">
<span style="color: #444444; font-family: Verdana, Geneva, sans-serif;"><span style="font-size: 14px; line-height: 20px;"><span style="color: #444444; font-family: Verdana, Geneva, sans-serif;"><span style="font-size: 14px; line-height: 20px;"><br /></span></span></span></span></div>
<div class="separator" style="clear: both; text-align: start;">
<span style="color: #444444; font-family: Verdana, Geneva, sans-serif;"><span style="font-size: 14px; line-height: 20px;">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
<a href="http://swimpi.com/download" style="background-color: white; box-sizing: border-box; color: #2d5c88; font-family: Verdana, Geneva, sans-serif; font-size: 14px; line-height: 20px; text-align: start; text-decoration: none;" target="_blank">Swimbi App</a> Once you have the app open we can take our tour through all the options we have for designing some CSS menus.</span></span></div>
</div>
</div>
Unknownnoreply@blogger.com10tag:blogger.com,1999:blog-7243003095915924628.post-80146322348346764632015-06-15T06:50:00.001-07:002015-06-15T06:59:04.768-07:00Iconic CSS Menu in minutes<div dir="ltr" style="text-align: left;" trbidi="on">
<span style="background-color: #fbfcfc; color: #425360; font-family: HelveticaNeue-Light,'Helvetica Neue Light','Helvetica Neue',HelveticaNeue,HelveticaNeueLT,Helvetica,Arial,'Lucida Grande',sans-serif; font-size: 16px; line-height: 28px;"><a href="http://swimbi.com/" target="_blank">Swimbi</a> is now compatible with custom icon fonts created by </span><a href="https://icomoon.io/app/" rel="nofollow external" style="color: #888888; font-family: HelveticaNeue-Light,'Helvetica Neue Light','Helvetica Neue',HelveticaNeue,HelveticaNeueLT,Helvetica,Arial,'Lucida Grande',sans-serif; font-size: 16px; line-height: 28px;" target="_blank">Icomoon app</a><span style="background-color: #fbfcfc; color: #425360; font-family: HelveticaNeue-Light,'Helvetica Neue Light','Helvetica Neue',HelveticaNeue,HelveticaNeueLT,Helvetica,Arial,'Lucida Grande',sans-serif; font-size: 16px; line-height: 28px;">. It means access to 4000+ free icons on Icomoon itself and ability to import any icons in SVG format from other websites.</span><br />
<div>
<img alt="unlimited icons in swimbi menu" src="http://swimbi.com/tutorials/more-icons/unlimited-icons.png" height="162" style="margin-right: 0px;" width="400" /><span style="background-color: #fbfcfc; color: #425360; font-family: HelveticaNeue-Light,'Helvetica Neue Light','Helvetica Neue',HelveticaNeue,HelveticaNeueLT,Helvetica,Arial,'Lucida Grande',sans-serif; font-size: 16px; line-height: 28px;"><br /></span></div>
<div>
<br /></div>
<div>
<h2 style="color: #425360; font-family: HelveticaNeue-Light,'Helvetica Neue Light','Helvetica Neue',HelveticaNeue,HelveticaNeueLT,Helvetica,Arial,'Lucida Grande',sans-serif; font-weight: 400; line-height: 28px; margin: 0px;">
Icon menu examples</h2>
<div>
<br /></div>
<div>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUv480cVOMvH-jgFxaDt0VYm0srz41rfQ5t7SFQozdzvdqc3Qj4eFy4DVpjUSrQHp_X-5WeybcdOPKoRA-4kb5NflGd80qQ1WZ36pjzCi2jFFy7Ypklgzgiy_o_Gp7pgjW-jFaq67nDZM2/s1600/menu-examples-749441.png"><img alt="" border="0" height="231" id="BLOGGER_PHOTO_ID_6160599082560316306" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUv480cVOMvH-jgFxaDt0VYm0srz41rfQ5t7SFQozdzvdqc3Qj4eFy4DVpjUSrQHp_X-5WeybcdOPKoRA-4kb5NflGd80qQ1WZ36pjzCi2jFFy7Ypklgzgiy_o_Gp7pgjW-jFaq67nDZM2/s400/menu-examples-749441.png" width="400" /></a></div>
<div>
<br /></div>
<h2 style="color: #425360; font-family: HelveticaNeue-Light,'Helvetica Neue Light','Helvetica Neue',HelveticaNeue,HelveticaNeueLT,Helvetica,Arial,'Lucida Grande',sans-serif; font-weight: 400; line-height: 28px; margin: 0px;">
</h2>
<h2 style="color: #425360; font-family: HelveticaNeue-Light,'Helvetica Neue Light','Helvetica Neue',HelveticaNeue,HelveticaNeueLT,Helvetica,Arial,'Lucida Grande',sans-serif; font-weight: 400; line-height: 28px; margin: 0px;">
Where to find new icons? </h2>
<h2 style="color: #425360; font-family: HelveticaNeue-Light,'Helvetica Neue Light','Helvetica Neue',HelveticaNeue,HelveticaNeueLT,Helvetica,Arial,'Lucida Grande',sans-serif; font-weight: 400; line-height: 28px; margin: 0px;">
</h2>
<br style="color: #425360; font-family: HelveticaNeue-Light,'Helvetica Neue Light','Helvetica Neue',HelveticaNeue,HelveticaNeueLT,Helvetica,Arial,'Lucida Grande',sans-serif; font-size: 16px; line-height: 28px;" />
<span style="background-color: #fbfcfc; color: #425360; font-family: HelveticaNeue-Light,'Helvetica Neue Light','Helvetica Neue',HelveticaNeue,HelveticaNeueLT,Helvetica,Arial,'Lucida Grande',sans-serif; font-size: 16px; line-height: 28px;">1. The </span><a href="https://icomoon.io/app/#/select/library" rel="nofollow external" style="color: #888888; font-family: HelveticaNeue-Light,'Helvetica Neue Light','Helvetica Neue',HelveticaNeue,HelveticaNeueLT,Helvetica,Arial,'Lucida Grande',sans-serif; font-size: 16px; line-height: 28px;" target="_blank">Icomoon Library</a><span style="background-color: #fbfcfc; color: #425360; font-family: HelveticaNeue-Light,'Helvetica Neue Light','Helvetica Neue',HelveticaNeue,HelveticaNeueLT,Helvetica,Arial,'Lucida Grande',sans-serif; font-size: 16px; line-height: 28px;"> provides access to 4000+ free icons.</span><br />
<div class="" style="color: #425360; float: right; font-family: HelveticaNeue-Light,'Helvetica Neue Light','Helvetica Neue',HelveticaNeue,HelveticaNeueLT,Helvetica,Arial,'Lucida Grande',sans-serif; font-size: 16px; line-height: 28px; margin: 15px 0px; overflow: hidden; width: 728px;">
<div style="border-bottom-color: rgb(221,221,221); border-bottom-width: 1px; border-style: solid none; border-top-color: rgb(221,221,221); border-top-width: 1px; margin: 32px 0px;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://icomoon.io/app/#/select/library" rel="nofollow external" style="clear: right; color: #888888; float: right; margin-bottom: 1em; margin-left: 1em;" target="_blank"><img alt="icomoon library" src="http://swimbi.com/tutorials/more-icons/icomoon-icons.png" height="336" style="border: none; display: block; margin: 0px auto;" width="640" /></a></div>
</div>
</div>
<span style="background-color: #fbfcfc; color: #425360; font-family: HelveticaNeue-Light,'Helvetica Neue Light','Helvetica Neue',HelveticaNeue,HelveticaNeueLT,Helvetica,Arial,'Lucida Grande',sans-serif; font-size: 16px; line-height: 28px;">2. </span><a href="http://www.flaticon.com/" rel="nofollow external" style="color: #888888; font-family: HelveticaNeue-Light,'Helvetica Neue Light','Helvetica Neue',HelveticaNeue,HelveticaNeueLT,Helvetica,Arial,'Lucida Grande',sans-serif; font-size: 16px; line-height: 28px;" target="_blank">Search flaticon.com</a><span style="background-color: #fbfcfc; color: #425360; font-family: HelveticaNeue-Light,'Helvetica Neue Light','Helvetica Neue',HelveticaNeue,HelveticaNeueLT,Helvetica,Arial,'Lucida Grande',sans-serif; font-size: 16px; line-height: 28px;"> - 76000+ flat vector icons, free for personal use.</span><br />
<div class="" style="color: #425360; float: right; font-family: HelveticaNeue-Light,'Helvetica Neue Light','Helvetica Neue',HelveticaNeue,HelveticaNeueLT,Helvetica,Arial,'Lucida Grande',sans-serif; font-size: 16px; line-height: 28px; margin: 15px 0px; overflow: hidden; width: 728px;">
<div style="border-bottom-color: rgb(221,221,221); border-bottom-width: 1px; border-style: solid none; border-top-color: rgb(221,221,221); border-top-width: 1px; margin: 32px 0px;">
<div class="separator" style="clear: both; text-align: center;">
<a href="http://www.flaticon.com/" rel="nofollow external" style="clear: right; color: #888888; float: right; margin-bottom: 1em; margin-left: 1em;" target="_blank"><img alt="search icons on flaticon.com" src="http://swimbi.com/tutorials/more-icons/search-flaticon.png" height="233" style="border: none; display: block; margin: 0px auto;" width="640" /></a></div>
</div>
</div>
<span style="background-color: #fbfcfc; color: #425360; font-family: HelveticaNeue-Light,'Helvetica Neue Light','Helvetica Neue',HelveticaNeue,HelveticaNeueLT,Helvetica,Arial,'Lucida Grande',sans-serif; font-size: 16px; line-height: 28px;">3. </span><a href="http://www.flaticon.com/packs/" rel="nofollow external" style="color: #888888; font-family: HelveticaNeue-Light,'Helvetica Neue Light','Helvetica Neue',HelveticaNeue,HelveticaNeueLT,Helvetica,Arial,'Lucida Grande',sans-serif; font-size: 16px; line-height: 28px;" target="_blank">Explore packs on flaticon.com</a><span style="background-color: #fbfcfc; color: #425360; font-family: HelveticaNeue-Light,'Helvetica Neue Light','Helvetica Neue',HelveticaNeue,HelveticaNeueLT,Helvetica,Arial,'Lucida Grande',sans-serif; font-size: 16px; line-height: 28px;"> A best way to find icons for a given theme.</span><br />
<div class="" style="color: #425360; float: right; font-family: HelveticaNeue-Light,'Helvetica Neue Light','Helvetica Neue',HelveticaNeue,HelveticaNeueLT,Helvetica,Arial,'Lucida Grande',sans-serif; font-size: 16px; line-height: 28px; margin: 15px 0px; overflow: hidden; width: 728px;">
<div style="border-bottom-color: rgb(221,221,221); border-bottom-width: 1px; border-style: solid none; border-top-color: rgb(221,221,221); border-top-width: 1px; margin: 32px 0px;">
<div class="separator" style="clear: both; text-align: center;">
<a href="http://www.flaticon.com/packs/" rel="nofollow external" style="clear: right; color: #888888; float: right; margin-bottom: 1em; margin-left: 1em;" target="_blank"><img alt="explore flaticon packs" src="http://swimbi.com/tutorials/more-icons/flaticon-packs.png" height="412" style="border: none; display: block; margin: 0px auto;" width="640" /></a></div>
</div>
</div>
<span style="background-color: #fbfcfc; color: #425360; font-family: HelveticaNeue-Light,'Helvetica Neue Light','Helvetica Neue',HelveticaNeue,HelveticaNeueLT,Helvetica,Arial,'Lucida Grande',sans-serif; font-size: 16px; line-height: 28px;">4. </span><a href="http://www.iconfinder.com/" rel="nofollow external" style="color: #888888; font-family: HelveticaNeue-Light,'Helvetica Neue Light','Helvetica Neue',HelveticaNeue,HelveticaNeueLT,Helvetica,Arial,'Lucida Grande',sans-serif; font-size: 16px; line-height: 28px;" target="_blank">Search iconfinder.com</a><span style="background-color: #fbfcfc; color: #425360; font-family: HelveticaNeue-Light,'Helvetica Neue Light','Helvetica Neue',HelveticaNeue,HelveticaNeueLT,Helvetica,Arial,'Lucida Grande',sans-serif; font-size: 16px; line-height: 28px;">. Contains 545000+ icons, but you need only flat, vector icons in SVG format</span><br />
<span style="background-color: #fbfcfc; color: #425360; font-family: HelveticaNeue-Light,'Helvetica Neue Light','Helvetica Neue',HelveticaNeue,HelveticaNeueLT,Helvetica,Arial,'Lucida Grande',sans-serif; font-size: 16px; line-height: 28px;"><br />Few more icon font websites:</span><br />
<span style="background-color: #fbfcfc; color: #425360; font-family: HelveticaNeue-Light,'Helvetica Neue Light','Helvetica Neue',HelveticaNeue,HelveticaNeueLT,Helvetica,Arial,'Lucida Grande',sans-serif; font-size: 16px; line-height: 28px;">5. </span><a href="http://www.glyphter.com/" rel="nofollow external" style="color: #888888; font-family: HelveticaNeue-Light,'Helvetica Neue Light','Helvetica Neue',HelveticaNeue,HelveticaNeueLT,Helvetica,Arial,'Lucida Grande',sans-serif; font-size: 16px; line-height: 28px;" target="_blank">glyphter.com</a><br />
<span style="background-color: #fbfcfc; color: #425360; font-family: HelveticaNeue-Light,'Helvetica Neue Light','Helvetica Neue',HelveticaNeue,HelveticaNeueLT,Helvetica,Arial,'Lucida Grande',sans-serif; font-size: 16px; line-height: 28px;">6. </span><a href="http://www.fontastic.me/" rel="nofollow external" style="color: #888888; font-family: HelveticaNeue-Light,'Helvetica Neue Light','Helvetica Neue',HelveticaNeue,HelveticaNeueLT,Helvetica,Arial,'Lucida Grande',sans-serif; font-size: 16px; line-height: 28px;" target="_blank">fontastic.me</a><br />
<span style="background-color: #fbfcfc; color: #425360; font-family: HelveticaNeue-Light,'Helvetica Neue Light','Helvetica Neue',HelveticaNeue,HelveticaNeueLT,Helvetica,Arial,'Lucida Grande',sans-serif; font-size: 16px; line-height: 28px;">7. </span><a href="http://www.fontello.com/" rel="nofollow external" style="color: #888888; font-family: HelveticaNeue-Light,'Helvetica Neue Light','Helvetica Neue',HelveticaNeue,HelveticaNeueLT,Helvetica,Arial,'Lucida Grande',sans-serif; font-size: 16px; line-height: 28px;" target="_blank">fontello.com</a></div>
<div>
<br /></div>
<div>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhe0y93yqUPw4nQ3UyKs4xksm8fGZhlHRbLEmh0qqqAsngGgtMaj7X0ylhMw1XZvGlsBz8JKAyZzIn3fV-O0gd2A1ge66M6u0GwI1FWyNPsROYwLT_YgniwpHxP0uBPlyzuWm78-I0vKSQj/s1600/manyicons-751335.jpg"><img alt="" border="0" id="BLOGGER_PHOTO_ID_6160599088808272002" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhe0y93yqUPw4nQ3UyKs4xksm8fGZhlHRbLEmh0qqqAsngGgtMaj7X0ylhMw1XZvGlsBz8JKAyZzIn3fV-O0gd2A1ge66M6u0GwI1FWyNPsROYwLT_YgniwpHxP0uBPlyzuWm78-I0vKSQj/s320/manyicons-751335.jpg" /></a><br />
<br style="color: #425360; font-family: HelveticaNeue-Light,'Helvetica Neue Light','Helvetica Neue',HelveticaNeue,HelveticaNeueLT,Helvetica,Arial,'Lucida Grande',sans-serif; font-size: 16px; line-height: 28px;" />
<span style="background-color: #fbfcfc; color: #425360; font-family: HelveticaNeue-Light,'Helvetica Neue Light','Helvetica Neue',HelveticaNeue,HelveticaNeueLT,Helvetica,Arial,'Lucida Grande',sans-serif; font-size: 16px; line-height: 28px;">Still need more icons? Explore </span><a href="https://css-tricks.com/flat-icons-icon-fonts/" rel="nofollow external" style="color: #888888; font-family: HelveticaNeue-Light,'Helvetica Neue Light','Helvetica Neue',HelveticaNeue,HelveticaNeueLT,Helvetica,Arial,'Lucida Grande',sans-serif; font-size: 16px; line-height: 28px;" target="_blank">The Big List of Flat Icons & Icon Fonts</a><br />
<br />
<div>
<a href="http://swimbi.com/pricing/">You can use Swimbi created CSS menus for free</a>!</div>
<div>
<br /></div>
<div>
<a href="http://swimbi.com/download/">Download the latest version</a></div>
</div>
</div>
Unknownnoreply@blogger.com7tag:blogger.com,1999:blog-7243003095915924628.post-82532471149010668552015-04-14T05:15:00.001-07:002015-04-14T05:20:06.516-07:00Faster and easier to use with drag and drop and import<div dir="ltr" style="text-align: left;" trbidi="on">
Technically the Swift Menu Builder is now quickest in the world menu creation software.<br />
<div>
Why?</div>
<div>
Because it can <a href="http://swimbi.com/tutorials/import/">import your website links from anywhere</a>, from your page, from another page, from file, from HTML code, from website.</div>
<div>
<br /></div>
<div>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3S0A1Xs3D584O6olfTQO-BwMh_twr1bbwvLdiZuzYANmbiY-tGWBY4Fr3kzi_uSslGbJegLPP8eoQSNlmn2jCvfOLCnYaOWwFFHjGT_fwVIvjNP6GzhO3W9_z7Ck2VYsICPGJn7rzultt/s1600/import-visual-754684.png"><img alt="" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3S0A1Xs3D584O6olfTQO-BwMh_twr1bbwvLdiZuzYANmbiY-tGWBY4Fr3kzi_uSslGbJegLPP8eoQSNlmn2jCvfOLCnYaOWwFFHjGT_fwVIvjNP6GzhO3W9_z7Ck2VYsICPGJn7rzultt/s320/import-visual-754684.png" height="112" id="BLOGGER_PHOTO_ID_6137567343940182866" width="400" /></a></div>
<div>
You don't need to write or copy/paste menu links and captions.</div>
<div>
<ol>
<li><a href="http://swimbi.com/tutorials/import/#import-nav-drag">Drop your file in the app.</a></li>
<li>Select design</li>
<li>Publish</li>
</ol>
<div>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVrWlGSF3hb9nXXt-e1tH9mjR_x0L6teqtjNEUphiIRe7PvU4GHFY3s1DyozaW6dsoNPp_RL1WL6HExLBGCHBr-iFEG0-i_nWCytRasVjGAOox9XKi9ls27nLNoSKmtG6jJeQbNnpMjaqx/s1600/open-select-publish-757698.png"><img alt="" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVrWlGSF3hb9nXXt-e1tH9mjR_x0L6teqtjNEUphiIRe7PvU4GHFY3s1DyozaW6dsoNPp_RL1WL6HExLBGCHBr-iFEG0-i_nWCytRasVjGAOox9XKi9ls27nLNoSKmtG6jJeQbNnpMjaqx/s320/open-select-publish-757698.png" height="245" id="BLOGGER_PHOTO_ID_6137567354091494674" width="400" /></a></div>
</div>
<div>
<br /></div>
<div>
<a href="http://swimbi.com/pricing/">You can use Swimbi created CSS menus for free</a>!</div>
<div>
<br /></div>
<div>
<a href="http://swimbi.com/download/">Download the latest version</a></div>
</div>
Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-7243003095915924628.post-36853544684325226182015-02-19T01:41:00.001-08:002015-02-19T01:45:49.972-08:00Sitewide updates for static websites in 2 mouse clicks<div dir="ltr" style="text-align: left;" trbidi="on">
<h1 class="" itemprop="name" style="border: 0px; color: #555555; font-family: inherit; font-style: inherit; line-height: 1.1em; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
Swimbi release 1.6.0</h1>
<div class="" itemprop="articleBody" style="border: 0px; color: #555555; font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; font-size: 14px; margin: 0px; outline: 0px; padding: 0px 20px; vertical-align: baseline; zoom: 1;">
<div style="border: 0px; font-family: inherit; font-style: inherit; font-weight: inherit; line-height: 1.6em; margin: 1.6em 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
What's new in the version:<br />- <a href="http://swimbi.com/tutorials/static-site-menu/" style="border: 0px; color: #258fb8; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; text-decoration: none; vertical-align: baseline;" target="_blank">Sitewide menu update</a> with a single click.<br />- Simple <a href="http://swimbi.com/tutorials/static-site-menu/#template-engine" style="border: 0px; color: #258fb8; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; text-decoration: none; vertical-align: baseline;" target="_blank">template engine</a> for static websites <span style="line-height: 22.3999996185303px;">(update any repeating content)</span><br />- Even more <a href="http://swimbi.com/blog/swimbi-release-120/" style="border: 0px; color: #258fb8; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; text-decoration: none; vertical-align: baseline;" target="_blank">icons for your navigation menu</a>, 520+<br />- 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.<br />- Fixed copy-paste in Mac OS X, and other issues.</div>
<h2 style="border: 0px; font-family: inherit; font-size: 1.7em; font-style: inherit; line-height: 1.1em; margin: 1.1em 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
Sitewide update for static websites</h2>
<a class="" href="http://swimbi.com/blog/swimbi-release-160/sitewide-update.jpg" rel="article0" style="border: 0px; color: #258fb8; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; text-decoration: none; vertical-align: baseline;" title="Sitewide Update"><img alt="Sitewide Update" src="http://swimbi.com/blog/swimbi-release-160/sitewide-update.jpg" height="434" style="border: none; display: block; font-family: inherit; font-style: inherit; font-weight: inherit; height: auto; margin: auto; max-width: 100%; outline: 0px; padding: 0px; vertical-align: baseline;" width="450" /></a><span class="" style="border: 0px; color: #999999; display: block; font-family: inherit; font-size: 0.9em; font-style: inherit; font-weight: inherit; margin: 0.5em 0px 0px; outline: 0px; padding: 0px; text-align: center; vertical-align: baseline;">Sitewide Update</span><br />
<div style="border: 0px; font-family: inherit; font-style: inherit; line-height: 1.6em; margin: 1.6em 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
<b>Why iframes or frames are still widely used (by novice web developers)?</b></div>
<div style="border: 0px; font-family: inherit; font-style: inherit; font-weight: inherit; line-height: 1.6em; margin: 1.6em 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
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.<br /><br />To help solve the problem of updating all pages we made the "<span style="border: 0px; color: #445577; font-family: inherit; font-style: inherit; font-weight: 700; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Sitewide Update</span>" or "<span style="border: 0px; color: #445577; font-family: inherit; font-style: inherit; font-weight: 700; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Simple Template Engine</span>" feature, to help our clients with simple static pages.<br /><br />You can update not only navigation menu, but any repeating elements of your website.<br />Just add the prefix to the elements IDs "<b>sw-repeat-</b>" to make Swimbi update it.<br />Click "<span style="border: 0px; color: #445577; font-family: inherit; font-style: inherit; font-weight: 700; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Publish</span>" button as usual...<br /><br /><a class="" href="http://swimbi.com/tutorials/static-site-menu/publish-button.png" rel="article0" style="border: 0px; color: #258fb8; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; text-decoration: none; vertical-align: baseline;" title="Swimbi Publish button"><img alt="Swimbi Publish button" class="" src="http://swimbi.com/tutorials/static-site-menu/publish-button.png" height="112" style="border: none; display: block; font-family: inherit; font-style: inherit; font-weight: inherit; height: auto; margin: auto; max-width: 100%; outline: 0px; padding: 0px; vertical-align: baseline;" width="700" /></a><span class="" style="border: 0px; color: #999999; display: block; font-family: inherit; font-size: 0.9em; font-style: inherit; font-weight: inherit; margin: 0.5em 0px 0px; outline: 0px; padding: 0px; text-align: center; vertical-align: baseline;">Swimbi Publish button</span>Then "<span style="border: 0px; color: #445577; font-family: inherit; font-style: inherit; font-weight: 700; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Update All</span>"...<br /><br /><a class="" href="http://swimbi.com/tutorials/static-site-menu/update-all-button.png" rel="article0" style="border: 0px; color: #258fb8; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; text-decoration: none; vertical-align: baseline;" title="Swimbi Update All button"><img alt="Swimbi Update All button" class="" src="http://swimbi.com/tutorials/static-site-menu/update-all-button.png" height="130" style="border: none; display: block; font-family: inherit; font-style: inherit; font-weight: inherit; height: auto; margin: auto; max-width: 100%; outline: 0px; padding: 0px; vertical-align: baseline;" width="700" /></a><span class="" style="border: 0px; color: #999999; display: block; font-family: inherit; font-size: 0.9em; font-style: inherit; font-weight: inherit; margin: 0.5em 0px 0px; outline: 0px; padding: 0px; text-align: center; vertical-align: baseline;">Swimbi Update All button</span>and "<span style="border: 0px; color: #445577; font-family: inherit; font-style: inherit; font-weight: 700; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Update</span>" button below the pages list.<br /><br /><a class="" href="http://swimbi.com/tutorials/static-site-menu/update-static-pages.png" rel="article0" style="border: 0px; color: #258fb8; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; text-decoration: none; vertical-align: baseline;" title="Update static pages window"><img alt="Update static pages window" class="" src="http://swimbi.com/tutorials/static-site-menu/update-static-pages.png" height="375" style="border: none; display: block; font-family: inherit; font-style: inherit; font-weight: inherit; height: auto; margin: auto; max-width: 100%; outline: 0px; padding: 0px; vertical-align: baseline;" width="700" /></a><span class="" style="border: 0px; color: #999999; display: block; font-family: inherit; font-size: 0.9em; font-style: inherit; font-weight: inherit; margin: 0.5em 0px 0px; outline: 0px; padding: 0px; text-align: center; vertical-align: baseline;">Update static pages window</span><br /><br />Read more about the simple <a href="http://swimbi.com/tutorials/static-site-menu/#template-engine" style="border: 0px; color: #258fb8; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; text-decoration: none; vertical-align: baseline;" target="_blank">template engine</a><br /><br /><a href="http://swimbi.com/download/" style="border: 0px; color: #258fb8; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; text-decoration: none; vertical-align: baseline;" target="_blank">Download the latest version of the menu builder</a></div>
</div>
</div>
Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-7243003095915924628.post-37269704928097689542015-01-14T03:18:00.001-08:002015-01-14T03:21:35.551-08:00Swimbi - CSS Menu Builder v1.5.0<div dir="ltr">New version of Swimbi (the Swift Menu Builder) is released.<div><br></div><div><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPOPTiWr0xm-IP-I-ZGhg21FG2ynolwZ87oGdOtsgqinRO-INuy-mo40pDcWzXg1vkBy7m4vW38X4T03hJXXO0Prcc4UCHdyEkdPz4E1oo2S8GYbS0HygYU6s1je3nHdA7RnA7_b_4AQMx/s1600/swimbi150_1-703721.png"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPOPTiWr0xm-IP-I-ZGhg21FG2ynolwZ87oGdOtsgqinRO-INuy-mo40pDcWzXg1vkBy7m4vW38X4T03hJXXO0Prcc4UCHdyEkdPz4E1oo2S8GYbS0HygYU6s1je3nHdA7RnA7_b_4AQMx/s320/swimbi150_1-703721.png" border="0" alt="" id="BLOGGER_PHOTO_ID_6104154855043557714" /></a><br><br><div>It has many improvement of UI. New help system. Faster tab switch etc.</div><div><br></div><div>Create your perfect website menu for free with Swimbi.</div><div><br></div><div>- easily add icons (450+) included,</div><div>- unlimited drop down menus,</div><div>- SEO friendly,</div><div>- mobile devices compatible,</div><div><br></div></div><div><br></div><div><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwD0olPRG4TIbhQdxH8LcoHGpyVFA7dt3bOOFN8S7GszP46_NqJUKLmdcixdZbO03P-rVF6Rr7fKnq2R7vabTOUiXmQrSXsI57FCxkpVIyHQcfg8r2Eui_RkVlA3XP7lmxF_sEObmt8sT_/s1600/swimbi150_2-706252.png"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwD0olPRG4TIbhQdxH8LcoHGpyVFA7dt3bOOFN8S7GszP46_NqJUKLmdcixdZbO03P-rVF6Rr7fKnq2R7vabTOUiXmQrSXsI57FCxkpVIyHQcfg8r2Eui_RkVlA3XP7lmxF_sEObmt8sT_/s320/swimbi150_2-706252.png" border="0" alt="" id="BLOGGER_PHOTO_ID_6104154866403110930" /></a><br></div><div><br></div><div><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgWWDeb70D7qfnR5cIsLByjgukcCbg0sDwDCCCOm2jssl6PWhigJzAuvXIEPKa2O8VFuk73rYs2Sn7X5eAxQgR0ZzQ17YcvX2ydLQjiuJLo1y0qChmXtutJ3NRJ8Xavc_hiaYsSaKB8Sb8/s1600/swimbi150_3-709367.png"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgWWDeb70D7qfnR5cIsLByjgukcCbg0sDwDCCCOm2jssl6PWhigJzAuvXIEPKa2O8VFuk73rYs2Sn7X5eAxQgR0ZzQ17YcvX2ydLQjiuJLo1y0qChmXtutJ3NRJ8Xavc_hiaYsSaKB8Sb8/s320/swimbi150_3-709367.png" border="0" alt="" id="BLOGGER_PHOTO_ID_6104154877462415714" /></a><br></div><div><br></div><div><br></div><div><a href="http://swimbi.com/download/">Download Free Menu Builder for Mac and Windows</a>.</div></div> Unknownnoreply@blogger.com5tag:blogger.com,1999:blog-7243003095915924628.post-47228276329065775532014-10-23T06:37:00.001-07:002014-10-23T06:42:55.823-07:00Vertical Flyout CSS Menu in 2 clicks<div dir="ltr"><div>In <a href="http://swimbi.com/blog/swimbi-release-130/">Swimbi ver. 1.3.0</a> you can convert any drop down menu into vertical menu.</div><div>Swimbi is a quite powerfull, but intuitive tool to create CSS menus for websites.</div>
<br/>
<a href="http://swimbi.com/blog/img/v130/vertical-css-menu-examples.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://swimbi.com/blog/img/v130/vertical-css-menu-examples.png" alt="Examples of vertical css menus"></a>
<br/><br><div>The latest updates allows to insert both horizontal drop down menu and vertical menu simultaneously.</div><div>
<br/>
Download the latest version <a href="http://swimbi.com/download/">here</a>.</div></div> Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-7243003095915924628.post-66173746787182126132014-09-10T07:28:00.000-07:002014-09-10T07:33:30.294-07:00How to create best website navigation menu<div dir="ltr"><div>If you don't want to lose potential clients by disorienting and confusing them, check your navigation for compliance with the key principles. </div><div><br></div>
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYdGhcDEBrNYnYmYC4g0AMOGaq5bz_Yj4dioEGtzT2uNMTdM6Von_2LItMz8-ZxoFxnUDHT0vrEwqfy_mAkCGQpRm-gbWC8d5WGgNgni7xOhEE0rQg7bOvfcXgg8V42vVvoWSN9SgctZAJ/s1600/nav-principles.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYdGhcDEBrNYnYmYC4g0AMOGaq5bz_Yj4dioEGtzT2uNMTdM6Von_2LItMz8-ZxoFxnUDHT0vrEwqfy_mAkCGQpRm-gbWC8d5WGgNgni7xOhEE0rQg7bOvfcXgg8V42vVvoWSN9SgctZAJ/s400/nav-principles.jpg" alt="Website Navigation Principles" /></a>
</div>
<br><div><br></div><div>Whether you create a new website or want to update existing one make sure to consider</div><div><br></div><div><a href="http://swimbi.com/blog/22-principles-of-good-web-navigation-and-maximum-usability/">22 Prinsiples Of Good Website Navigation and Usability</a><br></div></div> Unknownnoreply@blogger.com3tag:blogger.com,1999:blog-7243003095915924628.post-86180710133703372732014-08-04T01:51:00.000-07:002014-08-04T03:39:56.729-07:00Simple way to optimize PDF files for web<div dir="ltr"><h2 class="" itemprop="name" style="margin:0px;padding:0px;border:0px;outline:0px;font-style:inherit;font-family:inherit;font-size:2em;vertical-align:baseline;color:rgb(85,85,85);line-height:1.1em">Simple way to optimize PDF files for web</h2> <div class="" itemprop="articleBody" style="margin:0px;padding:0px 20px;border:0px;outline:0px;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;font-size:14px;vertical-align:baseline;zoom:1;color:rgb(85,85,85)"> <p style="margin:1.6em 0px;padding:0px;border:0px;outline:0px;font-weight:inherit;font-style:inherit;font-family:inherit;vertical-align:baseline;line-height:1.6em">The post is not about CSS menu, but helpful for everyone who publish PDF documents online. PDFs are quite popular in the Web, but often used without any optimization. PDF file can contain huge images with masks, media files, fonts and unnecessary information. I have come across so often with huge PDF files, 100-200 Mb published online,<br> opening very slow in a browser. So I decided to write the post with the simple solution on how to optimize PDF easily and without losing quality.</p><h3 style="margin:1.1em 0px;padding:0px;border:0px;outline:0px;font-style:inherit;font-family:inherit;font-size:1.3em;vertical-align:baseline;line-height:1.1em"> <a href="//swimbi.com/blog/how-to-optimize-pdf-for-web/">PDF optimization, 10 times smaller, lossless compression</a></h3><p style="margin:1.6em 0px;padding:0px;border:0px;outline:0px;font-weight:inherit;font-style:inherit;font-family:inherit;vertical-align:baseline;line-height:1.6em"> <a href="http://swimbi.com/blog/img/pdfopt/pdf-optimize.jpg" title="Optimize PDF file for web" class="" rel="article0" style="margin:0px;padding:0px;border:0px;outline:0px;font-weight:inherit;font-style:inherit;font-family:inherit;vertical-align:baseline;color:rgb(37,143,184);text-decoration:none"><img src="http://swimbi.com/blog/img/pdfopt/pdf-optimize.jpg" alt="Optimize PDF file for web" style="border: none; margin: auto; padding: 0px; outline: 0px; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline; max-width: 100%; height: auto; display: block;"></a><span class="" style="margin:0.5em 0px 0px;padding:0px;border:0px;outline:0px;font-weight:inherit;font-style:inherit;font-family:inherit;font-size:0.9em;vertical-align:baseline;color:rgb(153,153,153);display:block;text-align:center">Optimize PDF file for web</span></p> <p style="margin:1.6em 0px;padding:0px;border:0px;outline:0px;font-weight:inherit;font-style:inherit;font-family:inherit;vertical-align:baseline;line-height:1.6em">You can find many detailed articles about creating smaller PDFs and optimization. It's very complicated. I know you are in hurry and don't need details. Quick and easy solution is always better.</p> <p style="margin:1.6em 0px;padding:0px;border:0px;outline:0px;font-weight:inherit;font-style:inherit;font-family:inherit;vertical-align:baseline;line-height:1.6em"><b>Required software (it's free)</b>:</p> - Actobat Pro.<br/><p style="margin:1.6em 0px;padding:0px;border:0px;outline:0px;font-weight:inherit;font-style:inherit;font-family:inherit;vertical-align:baseline;line-height:1.6em"> Acrobat 7.0 Pro - Free giveaway from Adobe - <a href="http://www.adobe.com/downloads/cs2_downloads/index.html" target="_blank" style="margin:0px;padding:0px;border:0px;outline:0px;font-weight:inherit;font-style:inherit;font-family:inherit;vertical-align:baseline;color:rgb(37,143,184);text-decoration:none">http://www.adobe.com/downloads/cs2_downloads/index.html</a><br> For Windows it can be downloaded separately, for Mac in the Creative Suite.</p><p style="margin:1.6em 0px;padding:0px;border:0px;outline:0px;font-weight:inherit;font-style:inherit;font-family:inherit;vertical-align:baseline;line-height:1.6em"> <b>The trick is simple</b>:</p> - Save your PDF as postscript file(.ps)<br/> - Covert back to PDF.<br/><p style="margin:1.6em 0px;padding:0px;border:0px;outline:0px;font-weight:inherit;font-style:inherit;font-family:inherit;vertical-align:baseline;line-height:1.6em">(If you get errors try File=>Reduce File Size before saving in .ps format)</p> <p style="margin:1.6em 0px;padding:0px;border:0px;outline:0px;font-weight:inherit;font-style:inherit;font-family:inherit;vertical-align:baseline;line-height:1.6em"><b>The process in images</b>:</p><p style="margin:1.6em 0px;padding:0px;border:0px;outline:0px;font-weight:inherit;font-style:inherit;font-family:inherit;vertical-align:baseline;line-height:1.6em"> <a href="http://swimbi.com/blog/img/pdfopt/saveas.png" title="Save your PDF as postscript file" class="" rel="article0" style="margin:0px;padding:0px;border:0px;outline:0px;font-weight:inherit;font-style:inherit;font-family:inherit;vertical-align:baseline;color:rgb(37,143,184);text-decoration:none"><img src="http://swimbi.com/blog/img/pdfopt/saveas.png" alt="Save your PDF as postscript file" style="border: none; margin: auto; padding: 0px; outline: 0px; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline; max-width: 100%; height: auto; display: block;"></a><span class="" style="margin:0.5em 0px 0px;padding:0px;border:0px;outline:0px;font-weight:inherit;font-style:inherit;font-family:inherit;font-size:0.9em;vertical-align:baseline;color:rgb(153,153,153);display:block;text-align:center">Save your PDF as postscript file</span><br> <a href="http://swimbi.com/blog/img/pdfopt/postscript.png" title="Save your PDF as postscript file" class="" rel="article0" style="margin:0px;padding:0px;border:0px;outline:0px;font-weight:inherit;font-style:inherit;font-family:inherit;vertical-align:baseline;color:rgb(37,143,184);text-decoration:none"><img src="http://swimbi.com/blog/img/pdfopt/postscript.png" alt="Save your PDF as postscript file" style="border: none; margin: auto; padding: 0px; outline: 0px; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline; max-width: 100%; height: auto; display: block;"></a><span class="" style="margin:0.5em 0px 0px;padding:0px;border:0px;outline:0px;font-weight:inherit;font-style:inherit;font-family:inherit;font-size:0.9em;vertical-align:baseline;color:rgb(153,153,153);display:block;text-align:center">Save your PDF as postscript file</span><br> <a href="http://swimbi.com/blog/img/pdfopt/createPDF.png" title="Covert back to PDF" class="" rel="article0" style="margin:0px;padding:0px;border:0px;outline:0px;font-weight:inherit;font-style:inherit;font-family:inherit;vertical-align:baseline;color:rgb(37,143,184);text-decoration:none"><img src="http://swimbi.com/blog/img/pdfopt/createPDF.png" alt="Covert back to PDF" style="border: none; margin: auto; padding: 0px; outline: 0px; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline; max-width: 100%; height: auto; display: block;"></a><span class="" style="margin:0.5em 0px 0px;padding:0px;border:0px;outline:0px;font-weight:inherit;font-style:inherit;font-family:inherit;font-size:0.9em;vertical-align:baseline;color:rgb(153,153,153);display:block;text-align:center">Covert back to PDF</span></p> <p style="margin:1.6em 0px;padding:0px;border:0px;outline:0px;font-weight:inherit;font-style:inherit;font-family:inherit;vertical-align:baseline;line-height:1.6em">The process fix many errors in PDF, if some other software require correct PDF file, e.g. flipping book PDF publication <a href="http://webstunning.com/pdf-publisher/" target="_blank" rel="nofollow" style="margin:0px;padding:0px;border:0px;outline:0px;font-weight:inherit;font-style:inherit;font-family:inherit;vertical-align:baseline;color:rgb(37,143,184);text-decoration:none">http://webstunning.com/pdf-publisher/</a> it's a perfect remedy for any problems with PDF.</p> <p style="margin:1.6em 0px;padding:0px;border:0px;outline:0px;font-weight:inherit;font-style:inherit;font-family:inherit;vertical-align:baseline;line-height:1.6em"><a href="http://swimbi.com/blog/img/pdfopt/flip-book-pdf-publisher.jpg" title="Flip book PDF Publisher" class="" rel="article0" style="margin:0px;padding:0px;border:0px;outline:0px;font-weight:inherit;font-style:inherit;font-family:inherit;vertical-align:baseline;color:rgb(37,143,184);text-decoration:none"><img src="http://swimbi.com/blog/img/pdfopt/flip-book-pdf-publisher.jpg" alt="Flip book PDF Publisher" style="border: none; margin: auto; padding: 0px; outline: 0px; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline; max-width: 100%; height: auto; display: block;"></a><span class="" style="margin:0.5em 0px 0px;padding:0px;border:0px;outline:0px;font-weight:inherit;font-style:inherit;font-family:inherit;font-size:0.9em;vertical-align:baseline;color:rgb(153,153,153);display:block;text-align:center">Flip book PDF Publisher</span></p> <p style="margin:1.6em 0px;padding:0px;border:0px;outline:0px;font-weight:inherit;font-style:inherit;font-family:inherit;vertical-align:baseline;line-height:1.6em"><br><br><b>Need more compression? (with some lose of quality)</b></p> - Preferences => Convert to PDF => PostScript/EPS => Adobe PDF Settings - Smallest File Size <br/><p style="margin:1.6em 0px;padding:0px;border:0px;outline:0px;font-weight:inherit;font-style:inherit;font-family:inherit;vertical-align:baseline;line-height:1.6em"> <a href="http://swimbi.com/blog/img/pdfopt/prefs.png" title="Edit => Preferences => Convert to PDF => PostScript/EPS => Adobe PDF Settings - Smallest File Size" class="" rel="article0" style="margin:0px;padding:0px;border:0px;outline:0px;font-weight:inherit;font-style:inherit;font-family:inherit;vertical-align:baseline;color:rgb(37,143,184);text-decoration:none"><img src="http://swimbi.com/blog/img/pdfopt/prefs.png" alt="Edit => Preferences => Convert to PDF => PostScript/EPS => Adobe PDF Settings - Smallest File Size" style="border: none; margin: auto; padding: 0px; outline: 0px; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline; max-width: 100%; height: auto; display: block;"></a><span class="" style="margin:0.5em 0px 0px;padding:0px;border:0px;outline:0px;font-weight:inherit;font-style:inherit;font-family:inherit;font-size:0.9em;vertical-align:baseline;color:rgb(153,153,153);display:block;text-align:center">Edit => Preferences => Convert to PDF => PostScript/EPS => Adobe PDF Settings - Smallest File Size</span><br> <a href="http://swimbi.com/blog/img/pdfopt/prefs1.png" title="Preferences => Convert to PDF => PostScript/EPS => Adobe PDF Settings - Smallest File Size" class="" rel="article0" style="margin:0px;padding:0px;border:0px;outline:0px;font-weight:inherit;font-style:inherit;font-family:inherit;vertical-align:baseline;color:rgb(37,143,184);text-decoration:none"><img src="http://swimbi.com/blog/img/pdfopt/prefs1.png" alt="Preferences => Convert to PDF => PostScript/EPS => Adobe PDF Settings - Smallest File Size" style="border: none; margin: auto; padding: 0px; outline: 0px; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline; max-width: 100%; height: auto; display: block;"></a><span class="" style="margin:0.5em 0px 0px;padding:0px;border:0px;outline:0px;font-weight:inherit;font-style:inherit;font-family:inherit;font-size:0.9em;vertical-align:baseline;color:rgb(153,153,153);display:block;text-align:center">Preferences => Convert to PDF => PostScript/EPS => Adobe PDF Settings - Smallest File Size</span><br> <a href="http://swimbi.com/blog/img/pdfopt/prefs2.png" title="Preferences => Convert to PDF => PostScript/EPS => Adobe PDF Settings - Smallest File Size" class="" rel="article0" style="margin:0px;padding:0px;border:0px;outline:0px;font-weight:inherit;font-style:inherit;font-family:inherit;vertical-align:baseline;color:rgb(37,143,184);text-decoration:none"><img src="http://swimbi.com/blog/img/pdfopt/prefs2.png" alt="Preferences => Convert to PDF => PostScript/EPS => Adobe PDF Settings - Smallest File Size" style="border: none; margin: auto; padding: 0px; outline: 0px; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline; max-width: 100%; height: auto; display: block;"></a><span class="" style="margin:0.5em 0px 0px;padding:0px;border:0px;outline:0px;font-weight:inherit;font-style:inherit;font-family:inherit;font-size:0.9em;vertical-align:baseline;color:rgb(153,153,153);display:block;text-align:center">Preferences => Convert to PDF => PostScript/EPS => Adobe PDF Settings - Smallest File Size</span><br> <a href="http://swimbi.com/blog/img/pdfopt/prefs3.png" title="Preferences => Convert to PDF => PostScript/EPS => Adobe PDF Settings - Smallest File Size" class="" rel="article0" style="margin:0px;padding:0px;border:0px;outline:0px;font-weight:inherit;font-style:inherit;font-family:inherit;vertical-align:baseline;color:rgb(37,143,184);text-decoration:none"><img src="http://swimbi.com/blog/img/pdfopt/prefs3.png" alt="Preferences => Convert to PDF => PostScript/EPS => Adobe PDF Settings - Smallest File Size" style="border: none; margin: auto; padding: 0px; outline: 0px; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline; max-width: 100%; height: auto; display: block;"></a><span class="" style="margin:0.5em 0px 0px;padding:0px;border:0px;outline:0px;font-weight:inherit;font-style:inherit;font-family:inherit;font-size:0.9em;vertical-align:baseline;color:rgb(153,153,153);display:block;text-align:center">Preferences => Convert to PDF => PostScript/EPS => Adobe PDF Settings - Smallest File Size</span><br> <a href="http://swimbi.com/blog/img/pdfopt/prefs4.png" title="Preferences => Convert to PDF => PostScript/EPS => Adobe PDF Settings - Smallest File Size" class="" rel="article0" style="margin:0px;padding:0px;border:0px;outline:0px;font-weight:inherit;font-style:inherit;font-family:inherit;vertical-align:baseline;color:rgb(37,143,184);text-decoration:none"><img src="http://swimbi.com/blog/img/pdfopt/prefs4.png" alt="Preferences => Convert to PDF => PostScript/EPS => Adobe PDF Settings - Smallest File Size" style="border: none; margin: auto; padding: 0px; outline: 0px; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline; max-width: 100%; height: auto; display: block;"></a><span class="" style="margin:0.5em 0px 0px;padding:0px;border:0px;outline:0px;font-weight:inherit;font-style:inherit;font-family:inherit;font-size:0.9em;vertical-align:baseline;color:rgb(153,153,153);display:block;text-align:center">Preferences => Convert to PDF => PostScript/EPS => Adobe PDF Settings - Smallest File Size</span></p> <p style="margin:1.6em 0px;padding:0px;border:0px;outline:0px;font-weight:inherit;font-style:inherit;font-family:inherit;vertical-align:baseline;line-height:1.6em">If you like to delve into the settings, use built-in PDF Optimizer in the Acrobat Pro. It has many options but resulting file size can be bigger. (Top menu => Advanced => PDF Optimizer)</p> <p style="margin:1.6em 0px;padding:0px;border:0px;outline:0px;font-weight:inherit;font-style:inherit;font-family:inherit;vertical-align:baseline;line-height:1.6em">Anyway the simple conversion PDF-PostScript-PDF works better for me usually.</p> <a href="//swimbi.com/blog/how-to-optimize-pdf-for-web/">Original article </a><br/> </div></div> Unknownnoreply@blogger.com5tag:blogger.com,1999:blog-7243003095915924628.post-26804979777727745882014-07-28T02:15:00.001-07:002014-09-10T07:53:30.276-07:00Create an icon-based CSS drop down menu in few clicks
<div dir="ltr"><span style="color:rgb(64,64,64);font-family:Roboto,arial,sans-serif;font-size:13px;line-height:18.200000762939453px">Add icons to your menu selecting them from a list. 450+ icons available.
<br>
<br>
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFfFzW282EWvjYOoaH4guODZW0YS20-yvXeZsDMkM_7Pmw-ctGSVFIkI229GW2Gx-DUbbfEstNGxbAg0xmYu4fwA-FHGn35JGKYRHPier8HJifosnaR_sx0dmbXS7xtH9NRi34Ll7M8-Qz/s1600/output_zGKqmj.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFfFzW282EWvjYOoaH4guODZW0YS20-yvXeZsDMkM_7Pmw-ctGSVFIkI229GW2Gx-DUbbfEstNGxbAg0xmYu4fwA-FHGn35JGKYRHPier8HJifosnaR_sx0dmbXS7xtH9NRi34Ll7M8-Qz/s1600/output_zGKqmj.gif" /></a></div></span><br style="color:rgb(64,64,64);font-family:Roboto,arial,sans-serif;font-size:13px;line-height:18.200000762939453px"> <span style="color:rgb(64,64,64);font-family:Roboto,arial,sans-serif;font-size:13px;line-height:18.200000762939453px">Add mobile devices compatibility to your CSS menu with 1 click.</span><br style="color:rgb(64,64,64);font-family:Roboto,arial,sans-serif;font-size:13px;line-height:18.200000762939453px"> <span style="color:rgb(64,64,64);font-family:Roboto,arial,sans-serif;font-size:13px;line-height:18.200000762939453px">Responsive and touch screens compatible drop down css menu.</span><br style="color:rgb(64,64,64);font-family:Roboto,arial,sans-serif;font-size:13px;line-height:18.200000762939453px"> <span style="color:rgb(64,64,64);font-family:Roboto,arial,sans-serif;font-size:13px;line-height:18.200000762939453px">SWIMBI version 1.2.0 released.</span><br style="color:rgb(64,64,64);font-family:Roboto,arial,sans-serif;font-size:13px;line-height:18.200000762939453px"><br/> Click here, to get >> <a target="_blank" href="http://swimbi.com/blog/swimbi-release-120/" class="" style="color:rgb(64,64,128);font-family:Roboto,arial,sans-serif;font-size:14px;line-height:18.200000762939453px">The icon based CSS Menu Builder</a> <<
<br/>
<span style="color:rgb(64,64,64);font-family:Roboto,arial,sans-serif;font-size:13px;line-height:18.200000762939453px"></span><br> </div> Unknownnoreply@blogger.com3tag:blogger.com,1999:blog-7243003095915924628.post-40622840626378713092014-06-26T07:09:00.001-07:002014-08-04T03:41:28.363-07:00Swimbi blog - CSS Menu Builders comparison<div dir="ltr"><span style="color:rgb(68,68,68);font-family:HelveticaNeue,'Helvetica Neue',Helvetica,Arial,sans-serif;font-size:14px;line-height:21px">Of course </span><span style="color:rgb(68,68,68);font-family:HelveticaNeue,'Helvetica Neue',Helvetica,Arial,sans-serif;font-size:14px;line-height:21px">CSS</span><span style="color:rgb(68,68,68);font-family:HelveticaNeue,'Helvetica Neue',Helvetica,Arial,sans-serif;font-size:14px;line-height:21px"> the perfect language for designing beautiful navigation menus. But what if you don't want to spend your time in learning and hand coding.</span><br> <div><span style="color:rgb(68,68,68);font-family:HelveticaNeue,'Helvetica Neue',Helvetica,Arial,sans-serif;font-size:14px;line-height:21px"><br></span></div><div><span style="color:rgb(68,68,68);font-family:HelveticaNeue,'Helvetica Neue',Helvetica,Arial,sans-serif;font-size:14px;line-height:21px">Fortunately there are many tools for CSS menu designing,</span></div> <div><font color="#444444" face="HelveticaNeue, Helvetica Neue, Helvetica, Arial, sans-serif"><span style="font-size:14px;line-height:21px"><a href="http://swimbi.com/blog/css-menu-builders-comparison/">here is</a> a </span></font><span style="color:rgb(85,85,85);font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;font-size:14px;line-height:22.399999618530273px">brief comparison of 6 popular CSS/HTML Menu Builders,</span></div> <div><br/><img src="http://i.imgur.com/GfmdsO7.jpg" alt="CSS Menu Maker vs Likno vs Easy CSS Menu vs CSS3menu vs OpenCube vs Swimbi">
<br/>
Visit <a href="http://swimbi.com/blog/css-menu-builders-comparison/">the page</a>.
</div></div>
<br/>
Unknownnoreply@blogger.com5tag:blogger.com,1999:blog-7243003095915924628.post-48855266235978498742014-04-15T08:05:00.001-07:002014-04-15T08:13:39.169-07:00New Swimbi social page on Google+<div dir="ltr"><div>We've started new social page blog on Google+</div><div><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlYT0fJdDJ5ob1butvhPWsrcH1CEAo_2iygMKvVJJhR-osvjnIcZ9zAz9lzNiDZ-tzL-0HX6QR9KvdY4lR4bv6cFM6HUouaFRI_UwEInFbg1FAbNd8Koa6MWyj35dyzlxSoxy3yBqIRHkk/s1600/gplus-736094.jpg"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlYT0fJdDJ5ob1butvhPWsrcH1CEAo_2iygMKvVJJhR-osvjnIcZ9zAz9lzNiDZ-tzL-0HX6QR9KvdY4lR4bv6cFM6HUouaFRI_UwEInFbg1FAbNd8Koa6MWyj35dyzlxSoxy3yBqIRHkk/s320/gplus-736094.jpg" border="0" alt="" id="BLOGGER_PHOTO_ID_6002536068573562962" /></a></div><div><br></div><a href="http://plus.google.com/+Swimbi_com/">http://plus.google.com/+Swimbi_com/</a><br> <div><br></div><div>Follow us on G+ to get latest news, updates and discounts.</div><div>Suggest new designs of drop down menus.</div><div>Learn new CSS features.
<br/><br/>
<a style='padding-left:50px;' href="http://swimbi.com/">swimbi.com - The Swift Menu Builder</a>
</div></div> Unknownnoreply@blogger.com1tag:blogger.com,1999:blog-7243003095915924628.post-92143094212614011162014-04-09T12:06:00.001-07:002014-04-09T12:06:31.105-07:00New CSS Menu Builder website<div dir="ltr">We are pleased to announce that <a href="http://f-source.com">f-source.com</a> team launched new website for CSS Menu Builder - <a href="http://swimbi.com">swimbi.com</a><div><br></div><div><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZzcCMlK-RDK9LRNEKWSPhUcU0Oox8mvjIhZYOvVPZ7Yfe97EOJtK43qdMqT40P2wKO4l8U9KKnk3jicU82wBkyDJHoJkQOvtuB6-AfuPs9AR8pTHLXPx0zNSfGJk9M2dseCjTvDWwBgRL/s1600/swimbi-791106.png"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZzcCMlK-RDK9LRNEKWSPhUcU0Oox8mvjIhZYOvVPZ7Yfe97EOJtK43qdMqT40P2wKO4l8U9KKnk3jicU82wBkyDJHoJkQOvtuB6-AfuPs9AR8pTHLXPx0zNSfGJk9M2dseCjTvDWwBgRL/s320/swimbi-791106.png" border="0" alt="" id="BLOGGER_PHOTO_ID_6000371640604382482" /></a><br> </div></div> Unknownnoreply@blogger.com1tag:blogger.com,1999:blog-7243003095915924628.post-49714082080483830542014-02-05T01:00:00.001-08:002014-02-05T01:00:27.120-08:00Facebook page of the SWIMBI - Swift Menu builder<div dir="ltr"><a href="https://www.facebook.com/swimbi">https://www.facebook.com/swimbi</a><div><br><div>Follow us on Facebook to get special discounts, latest news and updates.</div></div><div>Review the Swimbi app, share you ideas on how to improve the software.</div> <div>Send us screenshots of new menu designs you would like to make in Swimbi.</div></div> Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-7243003095915924628.post-40479306668832674822014-02-01T23:55:00.001-08:002014-07-28T02:49:25.112-07:00HTML5/CSS Menu Creator on Chrome<div dir="ltr"><div>Swimbi - Swift Menu Builder is now available on Chrome Web Store</div><div><br></div><a href="https://chrome.google.com/webstore/detail/swimbi-swift-menu-builder/oifipbbfaomegkfhpdbopinkndcdmaop?hl=en">Swimbi - CSS Menu Maker on Chrome Web Store</a><br>
<br>
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEAYTbS8MoWC4M3gRBY8hMxiseFACEYfJTwtT-qP9Xqh2AbFc0JPhz-O36GsVbYuJnsrGb6TEelHm-3zml9uNlAZHeIhU80_w6m5CINb88RyX9oG2m9IZAwiobAI8P4ADthuaKvOjHTD_y/s1600/640x400_m.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEAYTbS8MoWC4M3gRBY8hMxiseFACEYfJTwtT-qP9Xqh2AbFc0JPhz-O36GsVbYuJnsrGb6TEelHm-3zml9uNlAZHeIhU80_w6m5CINb88RyX9oG2m9IZAwiobAI8P4ADthuaKvOjHTD_y/s1600/640x400_m.png" /></a></div><br> <div><br></div><div>If your favorite browser is Google Chrome, you can create drop down menus right in your browser.<br><br>
- Choose from 450+ icons.<br>
- Select one of ready-to-use designs or create your own.<br>
- Interactive "Welcome tour" helps to start easily<br>
- Get a menu on your website in minutes
</div></div> Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-7243003095915924628.post-19786850067551069282014-01-19T23:06:00.001-08:002014-01-19T23:06:32.091-08:00Absolute Widths on Menu Items<div dir="ltr"><span style="font-family:arial,sans-serif;font-size:12.727272033691406px">Hello,</span><br style="font-family:arial,sans-serif;font-size:12.727272033691406px"><br style="font-family:arial,sans-serif;font-size:12.727272033691406px"> <span style="font-family:arial,sans-serif;font-size:12.727272033691406px">First-off, nice rework conversion of your Flash variant! I really like this CSS version.</span><br style="font-family:arial,sans-serif;font-size:12.727272033691406px"> <br style="font-family:arial,sans-serif;font-size:12.727272033691406px"><span style="font-family:arial,sans-serif;font-size:12.727272033691406px">Two items, though, that I think you should consider:</span><br style="font-family:arial,sans-serif;font-size:12.727272033691406px"> <br style="font-family:arial,sans-serif;font-size:12.727272033691406px"><span style="font-family:arial,sans-serif;font-size:12.727272033691406px">1) The ability to have multiple tiers; i.e. 2 horizontal menus, instead of a single line.</span><br style="font-family:arial,sans-serif;font-size:12.727272033691406px"> <span style="font-family:arial,sans-serif;font-size:12.727272033691406px">2) The ability to select a preferred color for menu line separators.</span><br style="font-family:arial,sans-serif;font-size:12.727272033691406px"> <br style="font-family:arial,sans-serif;font-size:12.727272033691406px"><span style="font-family:arial,sans-serif;font-size:12.727272033691406px">One problem I am having, however, is with the need for absolute width menu items. This is posing a big problem for me, as I MUST have 2 tiers. I am stacking 2 instances of the same menu version (though with different URLs, of course) atop one another, and for continuity, I need the line separators and menu items to line-up from top-to-bottom. In other words, menu items which are together from the top and bottom should have the same widths, so that the line separators match each other.</span><br style="font-family:arial,sans-serif;font-size:12.727272033691406px"> <br style="font-family:arial,sans-serif;font-size:12.727272033691406px"><span style="font-family:arial,sans-serif;font-size:12.727272033691406px">Can you think of any way for me to do this; perhaps in the CSS/JS code?</span><br style="font-family:arial,sans-serif;font-size:12.727272033691406px"> <br style="font-family:arial,sans-serif;font-size:12.727272033691406px"><span style="font-family:arial,sans-serif;font-size:12.727272033691406px">Thanks in advance,</span><br><br><div class="gmail_quote"><b style="color:rgb(51,51,51);font-family:Arial,sans-serif;font-size:13px;line-height:18.91499900817871px;background-color:rgb(224,224,224)">Answer:</b><br> </div><div class="gmail_quote"><br><div dir="ltr">Hi,<div>thanks for your advices.</div><div><br></div><div>Yes, you can do it in another CSS file or in HTML page style tag,</div><div><br></div><div><div><style></div> <div> #swimbi ul li a {</div> <div> width: 150px; // if you want to set equal width for all menu items</div><div> </div><div> }</div><div></style></div></div><div><br></div><div>or</div><div><br></div><div><div><style></div> <div> #swimbi ul li a {</div><div> padding: 0px 28px !important; // if items width should depend on texts width</div><div> </div><div> }</div><div></style></div></div><div><br></div><div>PS</div> <div> I don't recommend to edit the swimbi.css, because the Swimbi app rewrite the file each time you edit the menu.</div><div><br></div><div>Regards</div><div>Dmitry</div><div><a href="http://f-source.com" target="_blank">f-source.com</a></div> </div><div class="gmail_extra"><br></div> </div><br></div> Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-7243003095915924628.post-91260157359754457762014-01-14T04:41:00.000-08:002014-01-14T04:49:37.947-08:00Swimbi tutorials on Youtube<div dir="ltr" style="text-align: left;" trbidi="on">
New tutorial video on youtube.com
<br />
How to insert Swimbi menu on a website.
<iframe width="420" height="315" src="//www.youtube.com/embed/b1c1dR9C5Rk" frameborder="0" allowfullscreen></iframe>
<a href="https://www.youtube.com/watch?v=b1c1dR9C5Rk" target="_blank" title="how to insert swimbi menu">How to insert Swimbi drop down menu to a website</a>
<br />
<br /></div>Unknownnoreply@blogger.com2tag:blogger.com,1999:blog-7243003095915924628.post-61559501271664718262014-01-10T05:19:00.002-08:002014-01-10T05:22:52.879-08:00Search field?<div dir="ltr"><br><div class="gmail_quote"><span style="font-family:arial,sans-serif;font-size:13px">Hey gang, just upgraded from the Flash to SWIMBI and the one thing I seem to be missing is the "search field" option. Thoughts? Thanks.</span><br> <br><b>Answer:</b><br><br><div dir="ltr">Hi,<div>we will add the search feature in future version.</div><div><br></div><div>For now you are free to add any search field in the menu HTML code.</div> <div><br></div><div>Example:</div><div><br></div><div> - replace the last button code with this</div><div><br></div><div><li><a href="#"> <input id="search-input" name="search" type="text" > </a></li><br></div> <div><br></div><div>- add the following code after the Swimbi code</div><div><br></div><div><div><!-- swimbi code end --></div><div><style></div><div>#search-input{</div><div><span style="white-space:pre-wrap"> </span>width: 120px;</div> <div><span style="white-space:pre-wrap"> </span>height: 22px;</div><div><span style="white-space:pre-wrap"> </span>padding-top:0px;</div><div><span style="white-space:pre-wrap"> </span>margin-top:0;</div><div> <span style="white-space:pre-wrap"> </span>text-align:center;</div><div><span style="white-space:pre-wrap"> </span>display: inline-block;</div><div><span style="white-space:pre-wrap"> </span>border:1px solid #777;</div> <div><span style="white-space:pre-wrap"> </span>border-radius: 5px;</div><div><span style="white-space:pre-wrap"> </span>background-image:url(<a href="http://f-source.com/img/searchLens22.png" target="_blank">http://f-source.com/img/searchLens22.png</a>);</div> <div><span style="white-space:pre-wrap"> </span>background-repeat:no-repeat;</div><div><span style="white-space:pre-wrap"> </span>background-position:left;outline:0;</div><div><span style="white-space:pre-wrap"> </span>box-shadow: 0 1px 1px rgba(0,0,0,.4) inset, 0 1px 0 rgba(255,255,255,.2);</div> <div><span style="white-space:pre-wrap"> </span>text-shadow: 0 -1px 0 rgba(0, 0 ,0, .3);</div><div>}</div><div></style></div><div><script type="text/javascript"></div><div>var searchInput = document.getElementById("search-input");</div> <div>if(searchInput.value){</div><div><span style="white-space:pre-wrap"> </span>searchInput.style.backgroundImage = 'none';</div><div>}</div><div>searchInput.onclick = function(){</div><div><span style="white-space:pre-wrap"> </span>this.style.backgroundImage = 'none';</div> <div>}</div><div>searchInput.onkeydown = function(){</div><div><span style="white-space:pre-wrap"> </span>if(event.keyCode == 13){</div><div><span style="white-space:pre-wrap"> </span>window.location.href='<a href="https://www.google.ru/search?sitesearch=www.houndcomics.com&q='+this.value" target="_blank">https://www.google.ru/search?sitesearch=yourdomainname.com&q='+this.value</a>;</div> <div><span style="white-space:pre-wrap"> </span>}</div><div>}</div><div></script></div></div><div><br></div><div>Regards</div><div>Dmitry</div><div><a href="http://f-source.com" target="_blank">f-source.com</a></div> <div><br></div> <div><br></div></div><div class="gmail_extra"><br><br><div class="gmail_quote">2014/1/5 <span dir="ltr"><<a href="mailto:cio@houndcomics.com" target="_blank">cio@houndcomics.com</a>></span></div><br></div> </div><br></div> Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-7243003095915924628.post-87380353363712922032011-03-17T00:08:00.004-07:002012-02-27T06:16:51.153-08:00How to transfer the link information to another menuGreat tool,<br />I am using it with Dreamweaver CS3.<br />I hope we can figure out how to tweak things a little bit.<br />I bought the full group of menu styles, and built one in the Business Horizontal version with a main and two tiers of related links.<br />I think I picked the wrong style of menu, I wanted the numerous link menus to drop down from a horizontal top bar.<br />I have typed many, many URL's to link to menu and sub items and I really don't want to start over.<br /><br />Is there a way to transfer or open the link information in another menu style?<br /><br /><br /><b>Answer:</b><br /><br /><br />Yes,<br />use the presets feature of our User Interface.<br /><br />To save your link information:<br />UI => Presets tab => Navigation presets => Save navigation structure as<br /><br />To load your link info:<br />- select another menu style<br />- Presets tab => Navigation presets => Select navigation structure => Load<br /><br />Regards<br />Dmitry<br /><a href="http://f-source.com/">f-source.com</a><br /><div style="position:absolute;visibility:hidden;">Хотите купить дом в Италии? Советую <b><a href="http://realcasaitaly.com/ru">Покупка Недвижимости в Италии</a></b> Лучшие специалисты, лучшие предложения.</div><br /><div style="position:absolute;visibility:hidden;">Хотите снять дом в Италии? Советую <b><a href="http://realcasaitaly.com/ru/arenda">Аренда Недвижимости в Италии</a></b> Лучшие специалисты, лучшие предложения.</div>Unknownnoreply@blogger.com2tag:blogger.com,1999:blog-7243003095915924628.post-39608504793022967062011-02-01T01:19:00.000-08:002011-02-01T01:21:16.289-08:00submenu widthI have created a menu which I think looks great however my client would like to reduce the size of the dropdown boxes (width) is this possible?<br /><br /><br />Answer:<br /><br />The size (width) of submenus depends on text length and text font size.Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-7243003095915924628.post-87963447009093567792010-09-16T02:28:00.000-07:002010-09-16T02:33:37.901-07:00Change menu style without losing the structure<b>Question:</b><br /><br />I want to change the orange menu on my site to a different style<br />Is there an easy way to change the style of an existing menu to a different one . If I go to edit and then select a different type = I lose the structure of the menu<br /><br />Thanks<br /><br />John<br /><br /><br /><b>Answer:</b><br /><br />John,<br />use f-source user interface presets.<br /><br />Save navigation preset in the Preset tab, then apply it to another menu.<br /><br />PRESETS tab => Navigation presets => Save navigation structure as<br /><br />Regards<br />Dmitry<br /><a href="http://f-source.com/">f-source.com</a>Unknownnoreply@blogger.com0