Archive for Web Design

20 Nov 2015

10 Ways to Work Smarter in EverWeb

3 Comments EverWeb, Tips and Tricks, Web Design

One of the great things about EverWeb is that everything is usually just one mouse click away. Take that ease of use one step further with these 10 tips that will help you work smarter and improve your workflow…

  1. Chosen the wrong shape? If you decide that the shape you selected is not the right one you can easily change it by selecting a different shape from the ‘Shape’ drop down menu in the Shape Options tab. Any styling you used for the original shape is kept so you save time and effort!
  2. The ‘Rotate’ button in the Toolbar turns the selected object 90 degrees clockwise. Hold down the ‘Alt’ Key and click on the Rotate button to turn the object 90 degrees counter clockwise.
  3. Easily replace one image with another without losing any styling attributes. Just drag and drop your replacement image on top of the original image. The new image retains the original’s styling attributes such as opacity, stroke etc…
  4. Quickly delete a Project file in the Projects Window. Select the Project file you want to delete and press the backspace key rather than submenu. You’ll still get the confirm deletion message before deletion using this method.
  5. Create a Master Page from a regular page. Just drag the regular page from the grey area of the Web Page List in to the blue area then drop it in place. The regular page remains in the grey area of the Web Page List with a Master Page ‘copy’ added in to the blue area.
  6. Quickly access an object that’s underneath another object. Just right two finger tap (or secondary) click on the top object and use ‘Pick layer’ to select the object beneath it.
  7. Quickly view an asset in the Assets List without using Quick View. Just start dragging the asset out of the Assets List to see an image thumbnail. Drop the asset back in it’s starting place if you don’t want to use it in the Editor Window.
  8. Add a new page or new Master Page just by right clicking in the empty grey or blue space of the web page list.
  9. Sort your Project files alphabetically by name in the Projects Window. Click on the up/down arrows to the right of the ‘Recent Projects’ label in the Projects Window. By default Projects are listed by their last opened date.
  10. Quickly add a new Master Page using the new ‘+’ button to the right of the Master Page drop down box in the Inspector Window. This is a new EverWeb 1.9 feature that saves you going to the Web Page List then back again to the Inspector tab when you create a new Master Page!
  11. All of the following shapes have Widget Settings available to them in addition to Shape Options:
    • Rounded rectangle
    • Single Arrow
    • Double Headed Arrow
    • Speech bubble
    • Star
    • Polygon
    • Jagged Box

Know a quick tip that you want to share with others? Let us know in the comments section below!

25 Oct 2011

Still more lovely iWeb sites

19 Comments Web Design

It’s about time I ran another one of these posts displaying some gorgeous iWeb sites. You know the sort of thing, the ones that you wish you could do if only they were possible. Well, fret no more! Take a look at this collection of lovely web-sites all built with iWeb; there’s even one that was built in iWeb 2.

As always, click on the image to be taken to the site.

Read more

26 May 2011

Amazing 3D text with CSS only

6 Comments Tutorials, Web Design

I love typography and thanks to the useful new code bits in CSS3 we can do so much more with our iWeb site’s font than we ever could before. A few weeks ago I ran a tutorial explaining how you can get the Letterpress effect in iWeb using just CSS and an HTML snippet. Today’s post is similar except we are going 3D. And yes it is all in CSS, yes it is fully customizable to fit in with your iWeb site and yes I do provide the code for you so you can copy and paste straight into your iWeb site. Lets get cracking.

Read more

19 May 2011

Even more gorgeous iWeb sites

17 Comments Web Design

It’s been a while since I did a round-up post of beautifully designed iWeb sites for your inspiration so I thought I would do another collection. There is a good mix of technique in this collection of iWeb sites and using several versions; there’s even one in iWeb 1.1.2. Take a look, they’re gorgeous.

Read more

10 May 2011

6 ways to make your iWeb site not look like an iWeb site

18 Comments Tips and Tricks, Web Design

iWeb is the perfect app for what it is designed to do, make fairly good looking web sites simply and quickly. Thanks to its clever use of iWeb themes all you have to do is add a bit of content, publish to the WWW, give everyone and anyone your URL and you’re away; an online presence in minutes.

It is the use of themes however which acts as something of an Achilles heel. Being limited it only takes a number of iWeb sites to use the same theme before visitors get fed up of looking at the same site, over and over again. In this post I have compiled a list of things that you should try to avoid to stop your iWeb site looking like everybody elses iWeb site and looking like you only took 10 minutes to build it. Read more