Skip to main content

Building custom static HTML website just became a "walk in the park" with Sparkle



Browsing the Apple Mac App Store I recently found ( featured on the App Store ) an application called Sparkle, which swept me of my feet.  Its a simple application that will allow you to design and build custom static HTML websites in a single simple yet feature-full UI.


The vertical bars are your grid on which you can add wide boxes that will help you design menus and the sections of your website. Moving objects around is easy as this grid presents sticky edges and live metrics to help you align an object to the center or stick it to the left or right edge of the screen.

Also, in Sparkle you can directly insert meta description for each page which is GREAT as SEO these days is critical, with this application you can add SEO elements directly in without having to later on edit the code.

Minimizing the time needed 

What is more and maybe the best feature I found so far in Sparkle, is that you can choose one element to be propagates on all your pages. This can be extremely helpful when i.e. you are designing your website menu. For each menu item you can select a target page from a dynamically populated drop down with all your website pages. You can then choose this item to be repeated on all your pages, making the process of editing the menu really easy. It allows you to do it once on a page and then have Sparkle propagate this change to all pages. So far, you would have to edit your menu on each of your HTML pages in order to have a single item changed. This is, for me, enormously great.



Build natively responsive websites

One more great thing about Sparkle is that the creators know that nowadays its very very important to have your website be responsive, match the container screen thus play well in both desktop-laptop browsers and mobiles. So Sparkle allows you to design your website for different screens, you have 100% freedom of just moving elements around and designing them on how to look on mobile-tablet-browser versions. All that in a drag-n-drop manner with optical and live previews so you know how the site will look like instantly. Another awesome feature right there!


So when you are done, you just export your website and there you go, its ready for prime time! You can of course go in and edit code manually too but mostly, the website is ready to push online. Sparkle does a fantastic job with CSS creation, it creates a css style sheet file which is right on the money. I've been looking for something like this for a long long time and I just found it in Sparkle.

What can be added 

There can be some features to add though, I'd enjoy a native menu designer, like the websites that help you generate html / css menus, this would be a great addition to the application. Also, I'd like to have special fields for ogg types ( for social media sharing ) and also a native html code editor would be great too. But even without those, Sparkle is really good, for both experienced web designers and not.

Here is the App Store link : https://itunes.apple.com/us/app/sparkle-pro-visual-web-design/id863015334?mt=12




Comments

Popular posts from this blog

Enable AMD's Radeon Chill feature for all games.

Since 2014 AMD has been following the tradition of releasing new performance and usability features in their December driver, and 2016 was no exception. Among the myriad of new features and enhancements, was also one that passed almost unnoticed, called Radeon Chill.

Stemming from AMD's acquisition of HiAlgo earlier in 2016, it offers the possibility of huge power and thermal savings while gaming, by monitoring screen movement and adjusting the frame rate accordingly. There is even the claim that it could also reduce response times since the GPU is not occupied with rendering as often.

Its only issue: it's not global, and it's based on a white list of applications to function. But fear not, for we are here. Using a trick as old as operating systems themselves, you can try to make it work with every title. Let's see how to do that.
Step One: Activate Radeon Chill. Doing that is fairly easy. Right click on your desktop and select "Radeon Settings":

Then naviga…

[UPDATE] How to move your wordpress site and mysql database from local XAMPP to the web server

Most web developers follow the way of "first local, then on the server" for their website's early development or setup stages in order to gain either speed or freedom in installing pluging and extensions due to servers' permissions for files and folders.

A small problem comes around when you need to move your site from your local environment ( commonly XAMPP ) to your webserver so your website can go "live". This article will let you know the steps you need to follow when it comes to Wordpress and moving if from local to yuor server.

Before we start, you will need to : 1. have the url, username and password of your hosting environment's management panel ( cPanel or Plesk e.t.c. ) and log into it.
2. in your hosting panel, you need to add FTP access to your site, you will need to jot down the IP or domain name ( depending on DNS ), a username and a password
3. you will need to go into your hosting's database management via your management panel, cre…

Your first post in your Facebook Page, some simple tips

Many new pages are created on Facebook every day by brands that need to use the network for wither exposure or marketing or both. There are many small businesses that want to use Facebook and need to know about some initial tips to get started with their facebook page.

Facebook page management is no rocket science, but it can lead your brand to either a successful presence or nothing at all, if you don't pay attention to some details. You have to start with the basics. Your every-day process with your page is your posts, information you share on your page and your fans will see. First take a note that not all of your fans will see your post. Let's say you have 1000 fans, only about 10-15% of your fans are expected to actually see that post. What's important here is to make your post appealing so whoever sees it, will be able to engage with it, thus either comment, share or like it.

Take a look at our video for those tips :



Every time a Facebook user likes, share or commen…