Jump to content

Rinaldi

Members
  • Posts

    21
  • Joined

  • Last visited

Posts posted by Rinaldi

  1. Looking much better already ;)

    Edit: but the open menu occupies way too much space. In my screen I didn't see the social icons for instance, and I didn't tend to scroll down because I thought it was an overlay.

    Thinking of mobile-first, a visitor will scroll anyway ;)

    Changed the logotype, added some color, created a single-page test templ. which can be see by choosing it in the menu.

  2. Just had a quick look at changing the height of the top bar. You're right, it is hell.

    :lol:

    I also tried slicknav, the problem with that one, it will not be told to play nicely within my column structure, it will take the full viewport width even-though placing it inside a container with 80% width. I also wasn't able to put anything else in the bar.

    I don't want to get ahead of myself, but to style that topbar, I might have to deal with sass sooner than I wanted lol.

  3. That syndrome belongs to clients, not designers :) don't let it influence you and make the logo as big as the design asks for.

    Look at the size of the logo here, for example http://www.chicagolshirts.com/. The client didn't ask for it for sure ;)

    Haha yeah. Well, I have visited a gazillion websites in this beauty/fashion/model industry, and can't remember seeing anywhere a logo or navbar that is pretty big. Hence the reason for choosing to keep it small but readable. One of the references I took are them: http://www.clmuk.com/ small logo, small social icons, the images are most important. I can of course do it differently, just to be different, but styling that top-bar showed to be a hell. I started learning code only last month and still trying to find my way in all the related languages.

    To be fair, I just remembered, I forgot to mention that I might replace the mail icon. The other two link directly to her social pages, but the mail icon would link to a new page with info about her, bio, etc. So that would not be using the icons consistently. Still thinking how to solve that nicely.

  4. You can still use icons. For social media links it's kind of standart. That's neither wrong nor is there a need to do it different. 

    A bigger header has nothing to do with the statement "make it bigger, because we want to look great to the customer". You're currently pinching the most important thing on the website into a tiny headerbar. And if you choose to give the logo more care and it looks nice, than of course make it big, so everyone can see it. It's not that it would displace anything from importance. 

    About the gradient: Fixed backgrounds don't play well with mobile browsers. 

    Ok, found out that styling the Foundation top-bar is a hell. Unfortunately, I am not skilled yet to change anything about it (haven't tried sass yet), I even can't get the font-size of the bar h1 to be bigger :(

    I removed the gradient.

    I know it's not a valid excuse, but I started learning code last month, and still trying to find my way and get into a good rhythm of doing a bit of coding every day. ;) 

  5. I would say "blocky" hits the overall point. But I've also some small things, which as diogo pointed out, do play a big role on minimalistic sites. 

    - Try do find icons which are more balanced in weight / form, currently instagram has kind of a heavy stomage feeling, twitter is a little light and the email icon seems to be slightly off vertical centering. 

    - The header can easily be bigger in the beginning (3-6 times of now). Maybe add a transition to the (smaller) fixed state.

    - The logo/title of your first version was a unloved, rigid pice of letters. diogos suggestion is quite a nice one. For a make up artist this has to be a alive font in some way. Oswald is better than your first font, but it's still quite solid and in no means playful.

    - Avoid all those borders your getting from placing the image into a box, followed by boxes. Let the images be themselfes, if needed just have a background for the tags. 

    - The new background gradient looks quite modern. But in my opinion (really just a opinion) it's to widespread from a kinda dark gray to a really light gray. Maybe try it a little mor subtile.

    Should I use icons at all? Is that still considered up-to-date? I see them everywhere, is it wrong of me to think "I don't want to use them, because everyone else uses them."?

    Bigger header? But still avoid the "Can you make the logo bigger?" syndrome, correct?

    Yes, the default font of Foundation is Helvetica without any styling ;)

    So no border at all? I did that before and it felt the images were floating in air, does that sounds weird, I dunno :S

    I will remove those small blocks, both out of aesthetics and the fact that on tablet and mobile, it shifted locations.

    It even goes to white ;) I will play with that more, I understand what you mean with having it more subtle. By the way, the gradient doesn't work on tablet nor mobile, is this normal? Ehhh...is this related to adding extra lines in the CSS with something -moz etc?

    Thank you :)

  6. Looks pretty alive to me, but not because of the design.

    Minimal doesn't mean undesigned. You have to be much more careful with the details when there aren't many of them. Don't add more details but pay special attention to the ones you have already. Work harder on each one of them, see very well designed websites and try to figure how they solved the small things, try different solutions for each detail.

    From a first glance, I would say, choose a nice font from here —for example— http://www.haritomedia.com/best-script-handwritten-google-web-fonts/ the logo, and make it BIG, also get a nice badge for "new" http://freepsdfiles.net/web-elements/best-free-psd-badges-and-ribbons and get rid of those blocky spans under the images attachicon.gifScreen Shot 2015-01-29 at 12.14.52.png

    Thanks. I think it's better now http://www.rinaldi.nl/projects/nina/ (uploaded 14:15 CET)

    I chose two nice fonts, Oswald for the logo, and Fjord One for everything else. Those blocky spans is an experiment, native to foundation so I tried to see how it looks, still playing with that. I chose for a darker background to avoid having that clinical white that everyone else in her industry seems to have, what do you think about that?

  7. Hey guys, is there a section in the forum for webdesign works-in-progress, to ask for feedback/critique? If not, can you recommend me a forum with good constructive feedback from strong designers?

    I am working on a minimal site for a makeup artist and can really use some feedback. My weak-points are typography (definitely an art) and emotion. The latter probably stems from me being a typical Asian dude who is discrete/private by nature, so expressing emotion doesn't come naturally to me.

    http://www.rinaldi.nl/projects/nina/index.html

    How can I make this more...alive? The intention is to keep it clean and minimal, but this looks plain dead to me. Anything that comes to mind, let me know. Thanks.

  8. Ladies & Gents...it works now!!!  O0 Partehhhhhhhh

    Ok, literally one issue: installing in a subfolder. That's it! lol

    So as Mike (and later on SMO) suggested, I installed it on subdomain. I did had to # the symlinks thing, but of course, did that already in the earlier attempts. Turns out the htaccess.txt / .htaccess, wasn't a problem, good to have that confirmed.

    Maybe valuable to add this in the Troubleshoot Guide? That installing in a subfolder, instead of root (domain/subdomain), might actually be the problem-starter.

    Thanks Mike, Macrura, Pwired and Smo. I can smile again woohoo! @macrura: still planning to play with that bitnami stack :P

    • Like 3
  9. What are you on, win, mac or linux ? Install wamp, mamp or lamp accordingly and do a local pw install.

    If no errors there than the problem is on your host, not in pw. Not seeing the admin while in a subdir

    with pw is usually a .htaccess, rewritebase problem, or some restrictions on your host that have to be

    commented back in the .htaccess file such as "options".

    Thanks. Yeah I already assumed that it's definitely not PW, just can't figured out who. The first thing that I checked was my host, and according to their service page they do allow mod_rewrite and actually explain what to do in htaccess.

    However, what I did notice, not sure if this is the dealbreaker, but the htaccess file that comes with the download says this "htaccess.txt". The moment I change that to ".htaccess", it disappears from the directory. So I kept it as txt. Let me guess, it's really required to have it as .htaccess isn't it?

  10. I'm going to +1 this. A few installation issues on a remote server shouldn't 'end your journey'. It would be worthwhile for you to make your site the way you want to make it on your local machine (and learn in the process) and then, when you're ready to send it off to the remote server, we'll help you to do so.

    :-)

    (Side note: as an alternative, perhaps you'd like to setup a subdomain instead of using a subfolder? For example, pw.rinaldi.nl)

    Thanks. Yeah I am a passionate (therefor also emotional) guy, so when something I am really excited about doesn't work for me, but for anybody else, I just feel down  :mellow:

    Hmmm...subdomain, never tried that for anything before, will do that today :)

  11. @Rinaldi,

    why not try the bitnami stack, make your site and then once it's done come back for some instructions on how to take it live?

    Wow! Thank you for this! I am curious by nature and like trying different apps just to see what it does and whether I can use it for something in the near future. Thanks for introducing me to Bitnami, this looks like app heaven to me :)

  12. Nope :( I think my journey ends already.

    What did I do:

    - downloaded the master zip from the download page;

    - unpacked it;

    - renamed it to "pw";

    - uploaded the pw folder with filezilla to /projects/;

    - so the full slug would be www.rinaldi.nl/projects/pw;

    - opened the browser at said url;

    - it said hello and welcome etc. to me;

    - it asked me to choose a profile;

    - I chose a profile and clicked next;

    - it showed me a lot of green bars, and one red bar saying that my mod_rewrite might not be working;

    - so this is the moment that I opened the htaccess file and started the mentioned suggestions/solutions.

    The first attempt brought me to a working homepage, a not working admin link, and not working other pages.

    The second to fifth attempt showed me a 500 error after choosing a profile, either clicking on "Check again" or "Next step".

    I have tried:

    - uncommenting according to troubleshoot guide;

    - uncommenting everything;

    - changed the rewritebase thing to include my full slug.

    What I really don't get is why this is not working. I have installed many different cms systems in the past, and they all worked 'out-of-the-box' :(

    The reason I was excited because how nice it plays with Foundation, the framework I settled on, for the coming time. I don't want to sound like a spoiled brat, but I am so disappointed, that I am actually gutted, as I was really excited seeing how it worked from Philipps screencasts. I am not a developer, nor do I want to become one. I simply want to design a website, have the minimal required knowledge to connect it with a cms so the client can update their site themselves, and then move on.

    Is there anyone out here that can ask me to try anything else other than what is already in the troubleshoot guide, or in the other threads about this problem?

    :(

  13. Are you sure it's the only RewriteBase that's uncommented? It has to be an issue with your htaccess, because I can see the admin at www.rinaldi.nl/projects/pw/?it=processwire/

    Ok, hold on, I am going to do a clean install. I think it's the best option right now.

    • Like 1
  14. Hi Rinaldi, and welcome to PW!  :-)

    I think your RewriteBase should be set to /projects/pw/, as you need to define the entire folder path from the root of your domain.

    :)

    Oh wow! How can I have missed that!

    But no, I just edited the file to /projects/pw/, and I still can't see/access the admin :(

  15. Hello!

    First of all, I am really looking forward to have lively conversations with you all, and becoming skilled with PW, I think this might be exactly what I have been looking for. Last month I decided to learn code, registered myself at codecademy, completed the HTML and CSS tracks, and recently have been producing some nice one-pagers with Foundation. This morning I watched the two episode Philipp Reiner special on how easy it is to simply copy-paste the HTML into PW, and then make the necessary changed to have it dynamic.

    ---

    Now, I installed PW in a subdir: 'www.rinaldi.nl/projects/pw' and for some reason it shows the Default template, but clicking on the admin link does not bring me to the admin login.

    I have done everything in the troubleshoot guide, I have mod_rewrite enabled, uncommented the rewritebase /pw/, etc. The only thing I haven't tried yet, is to start all over again with a clean install. But maybe this isn't necessary(?).

    Is there anything else that I have to take into account?

    Thank you.

    • Like 1
×
×
  • Create New...