SitePoint Sponsor

User Tag List

Page 2 of 2 FirstFirst 12
Results 26 to 45 of 45
  1. #26
    SitePoint Member
    Join Date
    Nov 2013
    Location
    London, UK
    Posts
    6
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I didn't know that you can create such wonderful websites using Wix! Well done, Emily!

  2. #27
    SitePoint Member MarkJans's Avatar
    Join Date
    Nov 2013
    Location
    Amsterdam
    Posts
    11
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I love your design! I recommend you to create an email list and place a newsletter signup on your frontpage. This can be very interesting if you looking for ways to expand your client database!

  3. #28
    SitePoint Member
    Join Date
    Nov 2013
    Posts
    1
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    buddy very good job .photography is different genres very excellent

  4. #29
    SitePoint Member autopaypalboost's Avatar
    Join Date
    Nov 2013
    Posts
    7
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Your site is offline check it out...

    Oops...
    Sorry, it appears there has been an internal server error with the page you've requested. We're working to fix the problem.

  5. #30
    SitePoint Member
    Join Date
    Nov 2012
    Posts
    5
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    wow you've gotten a nice photo collection in your site. Design and concept also pretty unique.

  6. #31
    SitePoint Member
    Join Date
    Sep 2013
    Posts
    12
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thank you for all of the nice and helpful feedback.

  7. #32
    SitePoint Member ozm8ey's Avatar
    Join Date
    Dec 2013
    Posts
    14
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    lovely, just lovely its an awesome layout nice and pretty menu's but you should in my opinion ad a background image to the main page or at least some colors of some sort.
    Its good that you have a way to communicate but you should add a shout box or something along those line so your visitors and talk to each other but other then that the website, layout and images are all lovely and they all load up fast on my end.

    but the website still looks like it need a lot of work, seems very isolated, you could add some more images and add some information somewhere and also Facebook and Google likes somewhere on the main page.
    I'm new to doing review on website so don't take my review as serious please i beg of you but You have my support on the awesomely designed website, kudos to you sir, thank you for reading my review I hope you liked it.

  8. #33
    SitePoint Member
    Join Date
    Oct 2012
    Location
    Coimbatore
    Posts
    14
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Feedbacks

    Color Usage - Neutral color gray looks good and makes the pictures very clear.
    Typography - Rounded square fonts good too.
    Gallery - Wonder - Image used on this page is lengthy too make it square and small show as much as picture with in the scroll.
    Home page banner - Thought the stripe font is editable it's blurred. Use a precise font put it as an image. Also use better picture for savor with more vibrant color.
    Live - This one alignment and boxes info looks good.

  9. #34
    SitePoint Member
    Join Date
    Sep 2007
    Posts
    4
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I'm not too sure about the domain name, it's usually better to have a top-level .com domain and something short and easy to remember (ie. not necessary to have your full first and last name in the domain, because your visitors will have to type it out)... As far as the site, you have good design aesthetics (ie. repetition, contrast, balance etc)...you could add more social icons in the footer of the site and maybe add some texture in the background to make the site pop out a bit more. Also it's good practice to have a fav icon (short icon)... so if your visitors add your site to their favorites they can remember it by the icon too

  10. #35
    SitePoint Member arkhan's Avatar
    Join Date
    Dec 2013
    Posts
    2
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Your site is quite good in contents but bad in SEO Loading time is too much and images are too big which may cause the problem in loading. You can change the template fir better display. Image are not compressed. I down load an image which was not saved but html page instead. Your navigation is not up to the mark. about me, policy, privacy is not stated. You good work is behind a wall and a good customized site can present it very well.Use rectangle images instead of long with images, Alt tags and image SEO is not carried out to enable search engines to find your images,as they can't see but read.
    hope you will not mind and review my site also when i post it for review.No social buttons as well seen. it is not to be missed.

  11. #36
    SitePoint Member
    Join Date
    Nov 2012
    Posts
    4
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Great design! A lot of cool ideas. Especially I liked how you placed thumbnails for your pictures on the "wonder" page. It looks really unique. All effects are used on the site are very suitable. With them, the site looks soft and simple.

    As for the photos, I really liked the variety of images, colors and quality. You're doing it professionally or is it just a hobby?

    In any case, I want to say that I enjoyed browsing your site. You've got a very nice gallery. Perhaps to such kind of a website you can try to add some background music. But always with the possibility of switching it off.

  12. #37
    SitePoint Member
    Join Date
    Dec 2013
    Posts
    6
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Looks fun and a good minimalistic design. However, I have a 13 inch laptop screen and with the 2nd picture along the title "admire" is half cut off at the bottom of my screen - you could raise it by about 30px and would be visible. Just I tiny nit-picky thing I know!

  13. #38
    SitePoint Member
    Join Date
    Dec 2013
    Posts
    8
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    I think colors are good and very simple, in a good way. It goes straight to the point. However, I don't really get the "live" section. Maybe in the wonder section, make the photos a little smaller? or make it show the relevant stuff. For example, the Cincinnati OH, I have no idea what I'm clicking until I do so. Once again, just my personal opinion.

  14. #39
    SitePoint Member
    Join Date
    Apr 2012
    Location
    Staffordshire, UK
    Posts
    17
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    Hi,

    I really like the homepage and the photos look great. Some of the images on the sub pages do seem a little grainy. I appreciate that you may have optimised them for page speed but on a photography site the important thing is the quality of the images. Some people will disagree with this next comment but on a photography site I firmly believe that image quality is more important than a fast loading page. Broadband is getting quicker all the time and 4G is on the increase - Go HD

  15. #40
    Programming Team silver trophybronze trophy
    Mittineague's Avatar
    Join Date
    Jul 2005
    Location
    West Springfield, Massachusetts
    Posts
    17,154
    Mentioned
    190 Post(s)
    Tagged
    2 Thread(s)
    I agree. A lot depends on your target audience. For example, I usually advise to have pages "work" even if javascript and/or CSS is turned off.
    But if one knows that the site's users are there for a specific purpose then exceptions to this "rule of thumb" are acceptable.

  16. #41
    SitePoint Member
    Join Date
    Dec 2013
    Posts
    10
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I have some technical advice. For example:
    http://www.emilynoelphotography.net/...ckra/image18vg

    You should listen to onResize event. If i open this page in the small window then resize it to the full screen picture will not resize. Also initial animations looks choppy. You can fix it with 3D transform scale. It's kinda tricky. First of all you should make 2 classes with pre and post animation states. In both of them you must transformZ for let say 1px it pushes picture container on it's own layer. And in pre class add scaleX(2) for 2 time wider. In post class make it scaleX(1). Then use CSS3 transition to animate.

    You should pack transformZ and scaleX transformations in the matrix3d. http://www.w3schools.com/css/css3_3dtransforms.asp

    If made properly it will remove all the repaints and all hard work will be done on the GPU.

  17. #42
    SitePoint Member
    Join Date
    Nov 2009
    Posts
    7
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Hello Emily,

    As someone else already commented, it took veeery long to load the site.

    The site design looks very appealing. I like the simplistic but yet nice design. It's difficult to comment on the design itself because it's very subjective. If you ask 100 people, you'll get 100 different opinions. So if it would be my site, I would probably change the font type which looks too futuristic or too much like a science fiction font.

    I haven't reviewed all photos. Many are very good but this one is creative with the moon but not exceptional because most of the image just shows a part of the building's facade: http://www.emilynoelphotography.net/.../ckra/imageyas - So you could check if all photos on your site are the most exceptional which you have.

    Finally, it is not clear which is your strong area in photography. You could make this more clear based on the categories. Is your focus on advertisement shots, nature photography, etc.? What are your target customers? You could add them as references to your site e.g. customers in advertisements or magazines which used/published your images.

    Finally, I would remove "home" from the menu but just link your logo/name to the start page. wonder, admire, savor and play can be in the different colors which you chose for the categories. live and communicate should be separate, e.g. add them in the footer and use clearer labels like About / Contact. Then you only have the 4 menu items for your focus categories in the menu and your site looks even simpler.

    I hope it helps you ...

    Kind regards,

    Philip

  18. #43
    SitePoint Member
    Join Date
    Jan 2013
    Posts
    9
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    The design of your page is simple, cool and color scheme is matching very well, but the loading time is very much, you need to have a look on it. Responsiveness is missing, but I think its okay. The images are displaying nice and of course your images are beautiful and in nice quality. Overall I would rate your site as 'very good'.

  19. #44
    SitePoint Member
    Join Date
    Dec 2013
    Posts
    22
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    itīs very original.
    I like it.
    But i think the front page shouldnt be so dark,or a good thing that goes well whith black background is yellow .In my opinion you could change the navigation menu to more bright yellow colors.

  20. #45
    SitePoint Evangelist silver trophybronze trophy
    Join Date
    Jul 2013
    Posts
    406
    Mentioned
    22 Post(s)
    Tagged
    0 Thread(s)
    Hi Emily,
    What to do on these Christmas days? Look at the Noel website, of course!

    First I have to make my compliments: it's wonderful what you made with Wix, you must have much time invested in it!
    Nevertheless, a Wix-website has some drawbacks ...

    Quote Originally Posted by flip3 View Post
    (...) it took veeery long to load the site.
    I see you have managed to reduce the page load enormously since then. Some days ago not only the page itself was loaded, also all files of the Wix editor. I saw for the homepage (with the Yslow add-on for Firefox) the total download ...: 4228.8 kB (over 4MB !!!). Among others there were 10 images (1144.1 kB) and 36 "undefined files" (special wix-files, 2985.1 kB). Brr... For a first visit it took about 15 sec. (with a fast internet connection) before the empty white screen was gone.

    With your recent changes it's a lot better, but there is still 1.8MB to download: 100 (!) elements (for instance 40 javascript files; 6 from wix, 34 small particles form elsewhere). This means: 100 slow http-requests from the browser to the server. A lot of them are called by the AJAX technique (asynchronic loading) and don't influence the initial loading time, but why this?

    ==========
    Wix is nix?
    A small part of the Wix html-code (one of the inline javascripts):
    Code:
    <script type="text/javascript">
        var rendererModel = {"debugMode":"nodebug","previewMode":false,"serviceMappings":{"2":{"idInMetaSite":2,"idInApp":"13209091-6672-
    a52d-ca27-fa62c67be637","applicationType":"HtmlWeb"}},"metaSiteId":"13209091-69be-2e2b-e1e5-8ccd6eb4f29b","premiumFeatures":
    ["AdsFree","ShowWixWhileLoading","HasDomain"],"siteId":"13209091-6672-a52d-ca27-fa62c67be637","userId":"26eb1fea-5e93-49da-
    8d6b-533849eba7ed","published":true,"applicationType":"HtmlWeb","documentType":"UGC","siteTitleSEO":"Emily Noel 
    Photography","clientSpecMap":{"1":{"type":"sitemembers","applicationId":1,"collectionType":"Open","smcollectionId":"13209091-69be-
    2e2b-e1e5-8ccd6eb4f29b"},"0":{"type":"appbuilder","applicationId":0,"appDefinitionId":"3d590cbc-4907-4cc4-
    b0b1-ddf2c5edf297","instanceId":"13209091-6aa1-c0ae-aebd-6190351be9c4","state":"Initialized"}},"runningExperiments":
    {"verifyPremium":"New","domainSearchBar":"new","WixAppsDirection":"new","EcomExp3":"New","obc_wphoto":"new","JITPageLoader":"New",
    "UsedFontsBI":"New","TPARemoveComponentRegistrar":"New","wixappszoomresize":"new","Richtexttoolbar":"new","TPA3DGallery":"new",
    "ExitMobileMode":"New","useClientNewDeployViewer":"true","NewFetchPolicy":"New","fixedpositioncomponents":"New","facebookshare":"New",
    "MobileEffectiveText":"new","WixAppsLayoutFixes":"new","nbcisdisplayedfix":"new","WixAppsLoadTimeMeasurement":"New","contactformrefactor":
    "new","editorMenu":"New","ProgressiveImage":"New","DropDownMenuSafari5Fix":"new","spotifyplayer":"new","MediaZoomKeyboardShortcuts":
    "New","matrixgalleryshowmorwbuttonedit":"new","vkshare":"new","EcomCheckoutMessage":"New","stripshowcase":"new","bgimagestrip":"new",
    "EcomLoadTimeMeasurement":"New","pinterestfollowcomponent":"new","fontsproject":"New","TPAArtifactLeftovers":"New",
    "OldBaseSkinIntegration":"new","wixappszoomfix":"new","SlideshowGalleryCenterMode":"new","MobileUserAgentDetection":"new",
    "EcomThankYouPage":"New","ContainerNBC":"New","compFactory":"new","FontVendorReporting":"New","ActivityReporter":"new",
    "wixappsieflexfix":"new","fixExploreBlankPage":"New","SetHashRefactor":"New","WFacebookLikeWidthFix":"new","matrixgallerytextalignment":
    "New","PageLoadReport":"New","progressiveimage2":"new","nbc_reportlayoutchangefix":"new","SkipUnresolvedComponentProperties":"New",
    "documentmedia":"new","NBC_WPhoto":"new","iframeHistoryfix":"new"},"languageCode":"en","scriptsCacheKiller":1,"siteMetaData":
    {"hasMobileStructure":false,"quickActions":{"socialLinks":[],"colorScheme":"dark","configuration":{"quickActionsMenuEnabled":true,
    "navigationMenuEnabled":true,"phoneEnabled":false,"emailEnabled":false,"addressEnabled":false,"socialLinksEnabled":false}}}};
        var publicModel = {"externalBaseUrl":"http://www.emilynoelphotography.net/","domain":"emilynoelphotography.net","premiumFeatures":
    ["AdsFree","ShowWixWhileLoading","HasDomain"],"language":"en","favicon":"","trackingData":{"googleAnalyticsId":
    "UA-44062997-1"},"suppressTrackingCookies":false,"pageList":{"masterPage":["http://static.parastorage.com/sites
    /26eb1f_f932af29acc098781a554c6bee946b32_169.json.z?v=2","http://archive.wix.com/sites
    /26eb1f_f932af29acc098781a554c6bee946b32_169.json.z?v=2","http://www.emilynoelphotography.net/sites
    /26eb1f_f932af29acc098781a554c6bee946b32_169.json.z?v=2","http://fallback.wix.com/wix-html-editor-pages-webapp
    /page/26eb1f_f932af29acc098781a554c6bee946b32_169.json","http://publicorigin.wix.com/wix-public-html-renderer
    /page/26eb1f_f932af29acc098781a554c6bee946b32_169.json"],"pages":[{"pageId":"mainPage","title":"home","urls":["http://static.parastorage.com
    /sites/26eb1f_1507be3a535ab332c871321112fcb4cc_169.json.z?v=2","http://archive.wix.com/sites
    /26eb1f_1507be3a535ab332c871321112fcb4cc_169.json.z?v=2","http://www.emilynoelphotography.net/sites
    /26eb1f_1507be3a535ab332c871321112fcb4cc_169.json.z?v=2","http://fallback.wix.com/wix-html-editor-pages-webapp
    /page/26eb1f_1507be3a535ab332c871321112fcb4cc_169.json","http://publicorigin.wix.com/wix-public-html-renderer
    /page/26eb1f_1507be3a535ab332c871321112fcb4cc_169.json"]},{"pageId":"c1han","title":"play","urls":["http://static.parastorage.com/sites
    /26eb1f_48a38604e9bbb54ad30aa045adb7eedc_169.json.z?v=2","http://archive.wix.com/sites
    /26eb1f_48a38604e9bbb54ad30aa045adb7eedc_169.json.z?v=2","http://www.emilynoelphotography.net/sites
    /26eb1f_48a38604e9bbb54ad30aa045adb7eedc_169.json.z?v=2","http://fallback.wix.com/wix-html-editor-pages-webapp
    /page/26eb1f_48a38604e9bbb54ad30aa045adb7eedc_169.json","http://publicorigin.wix.com/wix-public-html-renderer
    /page/26eb1f_48a38604e9bbb54ad30aa045adb7eedc_169.json"]},{"pageId":"ckra","title":"wonder","urls":["http://static.parastorage.com/sites
    /26eb1f_4eeb1960e8c60f9ca60c357ef40fcaf9_169.json.z?v=2","http://archive.wix.com/sites
    /26eb1f_4eeb1960e8c60f9ca60c357ef40fcaf9_169.json.z?v=2","http://www.emilynoelphotography.net/sites
    /26eb1f_4eeb1960e8c60f9ca60c357ef40fcaf9_169.json.z?v=2","http://fallback.wix.com/wix-html-editor-pages-webapp
    /page/26eb1f_4eeb1960e8c60f9ca60c357ef40fcaf9_169.json","http://publicorigin.wix.com/wix-public-html-renderer
    /page/26eb1f_4eeb1960e8c60f9ca60c357ef40fcaf9_169.json"]},{"pageId":"c1et","title":"communicate","urls":["http://static.parastorage.com/sites
    /26eb1f_b1bb19481f406456725857d00629b7a1_169.json.z?v=2","http://archive.wix.com/sites
    /26eb1f_b1bb19481f406456725857d00629b7a1_169.json.z?v=2","http://www.emilynoelphotography.net/sites
    /26eb1f_b1bb19481f406456725857d00629b7a1_169.json.z?v=2","http://fallback.wix.com/wix-html-editor-pages-webapp
    /page/26eb1f_b1bb19481f406456725857d00629b7a1_169.json","http://publicorigin.wix.com/wix-public-html-renderer
    /page/26eb1f_b1bb19481f406456725857d00629b7a1_169.json"]},{"pageId":"c1hs3","title":"live","urls":["http://static.parastorage.com/sites
    /26eb1f_d230c9aeb6c2e8b6f52132f5eda8b085_169.json.z?v=2","http://archive.wix.com/sites
    /26eb1f_d230c9aeb6c2e8b6f52132f5eda8b085_169.json.z?v=2","http://www.emilynoelphotography.net/sites
    /26eb1f_d230c9aeb6c2e8b6f52132f5eda8b085_169.json.z?v=2","http://fallback.wix.com/wix-html-editor-pages-webapp
    /page/26eb1f_d230c9aeb6c2e8b6f52132f5eda8b085_169.json","http://publicorigin.wix.com/wix-public-html-renderer
    /page/26eb1f_d230c9aeb6c2e8b6f52132f5eda8b085_169.json"]},{"pageId":"cl3g","title":"savor","urls":["http://static.parastorage.com/sites
    /26eb1f_de5ffc7d9740eb22bfbaffe3ed05a368_169.json.z?v=2","http://archive.wix.com/sites
    /26eb1f_de5ffc7d9740eb22bfbaffe3ed05a368_169.json.z?v=2","http://www.emilynoelphotography.net/sites
    /26eb1f_de5ffc7d9740eb22bfbaffe3ed05a368_169.json.z?v=2","http://fallback.wix.com/wix-html-editor-pages-webapp
    /page/26eb1f_de5ffc7d9740eb22bfbaffe3ed05a368_169.json","http://publicorigin.wix.com/wix-public-html-renderer
    /page/26eb1f_de5ffc7d9740eb22bfbaffe3ed05a368_169.json"]},{"pageId":"c3c1","title":"admire","urls":["http://static.parastorage.com/sites
    /26eb1f_fe0cfddac74003758a3df062e52e3d72_169.json.z?v=2","http://archive.wix.com/sites
    /26eb1f_fe0cfddac74003758a3df062e52e3d72_169.json.z?v=2","http://www.emilynoelphotography.net/sites
    /26eb1f_fe0cfddac74003758a3df062e52e3d72_169.json.z?v=2","http://fallback.wix.com/wix-html-editor-pages-webapp
    /page/26eb1f_fe0cfddac74003758a3df062e52e3d72_169.json","http://publicorigin.wix.com/wix-public-html-renderer
    /page/26eb1f_fe0cfddac74003758a3df062e52e3d72_169.json"]}],"mainPageId":"mainPage"},"siteRevision":170,"timeSincePublish":
    680914581,"adaptiveMobileOn":true};
        var serviceTopology = {"serverName":"app31.aus","cacheKillerVersion":"1","staticServerUrl":"http://static.wix.com/","usersScriptsRoot":
    "http://static.wix.com/services/wix-users/2.333.0","biServerUrl":"http://frog.wix.com/","userServerUrl":"http://users.wix.com/","billingServerUrl":
    "http://premium.wix.com/","mediaRootUrl":"http://static.wixstatic.com/","logServerUrl":"http://frog.wix.com/plebs","monitoringServerUrl":
    "http://TODO/","usersClientApiUrl":"https://users.wix.com/wix-users","publicStaticBaseUri":"http://static.wix.com/services/wix-public
    /1.79.0","basePublicUrl":"http://www.wix.com/","postLoginUrl":"http://www.wix.com/create/my-account","postSignUpUrl":"http://www.wix.com
    /new/account","baseDomain":"wix.com","staticMediaUrl":"http://static.wixstatic.com/media","staticAudioUrl":"http://media.wix.com
    /mp3","emailServer":"http://assets.wix.com/common-services/notification/invoke","blobUrl":"http://static.parastorage.com
    /wix_blob","htmlEditorUrl":"http://editor.wix.com/html","siteMembersUrl":"https://users.wix.com/wix-sm","scriptsLocationMap":
    {"publishpanelicons":"http://static.parastorage.com/services/experiments/publishpanelicons/1.8.0","bootstrap":
    "http://static.parastorage.com/services/bootstrap/2.699.2","firstsavenexturl":"http://static.parastorage.com/services/experiments/firstsavenexturl
    /1.1.0","wixapps":"http://static.parastorage.com/services/wixapps/2.300.1","blurrypng":"http://static.parastorage.com/services/experiments/blurrypng
    /1.3.0","domainsearchbar":"http://static.parastorage.com/services/experiments/domainsearchbar/1.23.0","wixlive":"http://static.parastorage.com
    /services/experiments/wixlive/1.8.0","hotfixes":"http://static.parastorage.com/services/experiments/hotfixes/1.4.0","langs":"http:
    //static.parastorage.com/services/langs/2.253.0","verifypremium":"http://static.parastorage.com/services/experiments/verifypremium
    /1.8.0","fixpageaddresshash":"http://static.parastorage.com/services/experiments/fixpageaddresshash/1.1.0","fixsaveerror10104":"http:
    //static.parastorage.com/services/experiments/fixsaveerror10104/1.0.0","texteffects":"http://static.parastorage.com/services/experiments/texteffects
    /1.4.0","it":"http://static.parastorage.com/services/experiments/it/1.5.0","slideshowgallerycentermode":"http://static.parastorage.com/services
    /experiments/slideshowgallerycentermode/1.6.0","matrixgallerytextalignment":"http://static.parastorage.com/services/experiments
    /matrixgallerytextalignment/1.3.0","ecommerce":"http://static.parastorage.com/services/ecommerce/1.106.4","web":"http://static.parastorage.com
    /services/web/2.699.2","tpa":"http://static.parastorage.com/services/tpa/2.672.1","fixexploreblankpage":"http://static.parastorage.com/services
    /experiments/fixexploreblankpage/1.0.0","selectionfix":"http://static.parastorage.com/services/experiments/selectionfix/1.2.0","ck-editor":
    "http://static.parastorage.com/services/ck-editor/1.56.0","sitemembers":"http://static.parastorage.com/services/sm-js-
    sdk/1.31.0","snaptoobject":"http://static.parastorage.com/services/experiments/snaptoobject/1.13.0","feedme":
    "http://static.parastorage.com/services/experiments/feedme/1.3.0","matrixgalleryshowmorwbuttonedit":"http://static.parastorage.com/services
    /experiments/matrixgalleryshowmorwbuttonedit/1.4.0","core":"http://static.parastorage.com/services/core/2.699.2","editormenu":"http:
    //static.parastorage.com/services/experiments/editormenu/1.71.0","skins":"http://static.parastorage.com/services/skins
    /2.699.2","statichtmlcompurlchange":"http://static.parastorage.com/services/experiments/statichtmlcompurlchange
    /1.5.0","mediazoomkeyboardshortcuts":"http://static.parastorage.com/services/experiments/mediazoomkeyboardshortcuts
    /1.1.0"},"developerMode":false,"userFilesUrl":"http://static.wix.com/","staticHTMLComponentUrl":"http://www.emilynoelphotography.net.usrfiles.com
    /","secured":false,"ecommerceCheckoutUrl":"https://www.safer-checkout.com/","premiumServerUrl":"https://premium.wix.com
    /","publicStaticsUrl":"http://static.wix.com/services/wix-public/1.79.0","staticDocsUrl":"http://media.wix.com/ugd"};
        var siteHeader = {"id":".....", "userId":"....."};
        var siteId = siteHeader.id;
        var configUrls = serviceTopology;
        var debugMode = "nodebug";
        var viewMode = (rendererModel.previewMode) ? 'preview' : 'site';
        var googleAnalytics = "......" ;
    </script>
    Is all this kind of scripts really needed for a rather simple page as your homepage? No!

    Can the homepage be faster? Yes!
    Without the Wix stuff it can be:
    Code:
     1 HTML file           3.6 kB
     1 JavaScript file     3.3 kB
     1 Stylesheet file     5.0 kB
     5 Images            173.6 kB
     0 undefined files      -  kB
                        =========
    Total download ...:  185.5 kB  |  was: 1.8MB
    That is: only 8 files (8 http-requests instead of 100), and on screen in about 750 millisec.
    Is that true?
    Well, I made a makeover to prove.

    =================================

    Test: emn-photography.htm

    Attached stylesheet: stylesheets/emn-photography.css
    Attached javascript: scripts/emn-photography.js

    =================================

    My advices are processed in this testpage:

    • Feedback for logo-hover
      I should add a hover image for the logo for more user friendliness.

    • No embedded "Jura" Google-font
      Embedded fonts slow down the page speed, and aren't always beautiful rendered in all browsers. Better is to serve them as images; in my Firefox:

      as html-text ---------- as image

      In the meantime an other drawback of the Wix-system is avoided: now a visitor cannot break the layout by enlarging the font size.

    • Visual hovers for the text menu
      For better accessibility: "Color is not used as the only visual means of conveying information, indicating an action, ... etc.", see here in the Web Content Accessibility Guidelines. In the Wix page the text menu hovers are made by giving more brightness to the text. People without a good contrast power can miss it. Therefore in my testpage an underline is added when hovering, + a subtle dynamic affect (1px upwards).

    • Replace "live" by "about"
      For more information about a site and the maker, the common used and for visitors well known keyword is "about". I could not imagine what a page "live" should be (more or less I expected a video page), and only after a visit came the "Aha, that is the about page!". For most users the "about" title will be more clear and have a better "call for action".

    • Optimize images (1)
      Three of the 4 main images are png files. Converting them to jpg doesn't harm the quality, but will make them a lot smaller:
      Code:
      emn-dandelion.jpg: 40.6 kB | was: 293.1 kB png
      emn-graffiti.jpg:  58.9 kB | was: 320.7 kB png
      emn-salmon.jpg:    24.9 kB | was:  24.9 kB jpg
      emn-dancer.jpg:    33.2 kB | was: 258.1 kB png
                        ========        ========
                        157.6 kB | was: 896.8 kB
      Here they are: emn-dandelion.jpg, emn-graffiti.jpg, emn-dancer.jpg.
      I gave them all the same with (215px, as the emn-salmon.jpg; see below).

    • Optimize images (2)
      The logo (+hover logo) and all Jura-text images/buttons (+ hover variants) can be put together in 1 "css-sprite": emn-sprite.png.
      > In the stylesheet are the instructions for what part of this image must be used for a certain element. This is saving 33 separate small images (and their html-headers/overhead + the slowing down for 33 http-requests)!

    • 3D effect for the 4 image buttons
      The 4 buttons are rather flat; for some more appetizing and and a better distinction they can get some depth with a bit css3-shadow around, and in the image also a shadow for better contrast/visibility. For the hover variant a border is added.

    • Extended hover area 4 image buttons
      In the Wix page not the whole button areas are hoverable / clickable. In the testpage this is corrected. Also a tooltip for hovering is added: then the visitor can get an idea what kind of photography can be expected under the button item.

    • Keyboard accessibility
      Among the visitors will be people who can't use a mouse. In the Wix page it is impossible to go to the links to other pages with the keyboard: keyboard users can't see where they are! This is against the WCAG-guidlines ("Make all functionality available from a keyboard.", see here). In the testpage this is corrected. You can try it by putting the mouse upside down, and use the Tab key (repeated) to see the links appearing (with the Enter key you go into a link).
      > In my javascript is a small function to avoid the outline dots when mouse users click on a link.

    • Only the 4 buttons fading in
      In the Wix page there is a fade-in effect for the whole page, coming from another page in the site. In my opinion this is weakening the strength of the 4 images: the core business of the photography! Also the instant appearing of the 4 buttons is distracting from the power of the images as them. My suggestion should be to show the images in full clearness when opening the page, without the 4 buttons.
      > In my javascript is a function to fade in the 4 buttons in succession, with a small pause between them.

    • Responsive layout
      The Wix page is set on a fixed width of 980px for desktop users; on a smaller screen than 1024*768px they have to scroll horizontally and vertically to see everything. I don't have the equipment to test the layout in devices as tablets and mobiles, but when I look with the Opera Mobile Emulator, the Wix performance is ... not formidable.
      > In my javascript is a function for auto-adapting to the screen size. If there is not enough space horizontally, the 4 images will become 3 and 1 under it. Still not enough space, then a block of 2 and 2 under it. Still not enough space, then the 4 images all vertically. In all cases the images stay centered.
      You can see this by shrinking the browser window.
      - Note: to accomplish this, all images have to get the same width, then there are no jumps vertically.
      In the meantime the textmenu on top is collapsing if needed, and at smaller screens first the "home" is removed (the logo does the same); for very small devices also the 4 main links in the textmenu (they are in the image-menu) are omitted, so only the "about" and "communicate" are visible then.
      Again I couldn't test it in all kind of devices, but anyway on desktop it's running alright, and in the Opera Mobile Emulator too.

    • Unobtrusive javascript!
      Oops! In the Wix manner the site cannot be visited if javascript is disabled! And even no warning: with the white page and only a title in the browser bar it looks like the site is not online yet ...
      In fact, a site has to be accessible without javascript too. Javascript functionality has to be for adding some beautification, and not for obstructing the site.
      > The testpage is not javascript dependent. If javascript is disabled, everything is still working thanks to the stylesheet. The fade-in at opening is not there, the auto-adapting on the screen width is not present, and there are outline dots when clicking on a link with the mouse. But the main goal is achieved: a good looking site with possibility to go on. You can test this by disabling javascript in your browser.

    • Cross browser
      Oops! The Wix site doesn't show in Internet Explorer 7, I tested: only a white page. According to Browsershots: neither in IE8. IE9 and IE10 I can't test (in Browsershots unavailable at the moment; IE9 and IE10 giving problems in Netrenderer). Testing with IE11: alright.
      Changing to proper css and adding some rules for IE-only (in "conditional comments" in the <head> of the html-code) can make it better.
      > Testpage tested in IE7, IE11, Chrome, Opera and Safari-Win: alright.
      > According to Netrenderer: also working in IE8, IE9 and IE10.

    • Search Engine Optimization
      I made no special efforts for SEO, but while all html-text (in the Jura font) is replaced by images, I added some extra css-hidden text (visible for search engines) to compensate it.

    • Last but not least
      The testpage is valid html and valid css ("of course").

    I know, some of my remarks are my personal taste.
    Use what you like!
    _______
    offtopic: I like macro's too!


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •