Jump to content

Marek

Members
  • Posts

    54
  • Joined

  • Last visited

Everything posted by Marek

  1. I noticed that google does almost perfect job of translating from Czech to Slovak language since they are so similar. If the translation could be somehow automated, it would save plenty of time ... I would try it if I knew how... Czech localization pack seems much more extended so it makes sense to base on it
  2. maybe a good thing to point out in a sales copy ...
  3. no, you dont have to refresh your browser
  4. I believe i have just made something similar in sublime text ... i have installed auto-save plugin and opened live preview in prepros
  5. i tried atom but it is much slower than sublime text... but it looks cool with all the features it has just today i was thinking about downloading brackets but i didn't find anything really interesting about it, or i was just too lazy to try and install it ... so instead I downloaded new skin for sublimetext - spacegray btw how does the live preview work ? something like in prepros ?
  6. Marek

    My Backend Redesign

    I don't have any experiences making admin theme so I don't know how much time it would take. however, I plan to make it work ... sometime ... in the future ... now I don't have enough time to start working on it.
  7. Marek

    My Backend Redesign

  8. Marek

    My Backend Redesign

  9. Marek

    My Backend Redesign

    so here is what i would like to point out about it... firstly, tabs as Raymond said pops out on a grey background, which is different to basic and reno admin theme in basic/reno theme it looks to me that changing tabs is only going to change first input field, because after each input field there is a horizontal line. Although, i am not sure it is really needed. i think that it is better to make input labels a little bigger, and description (if any) slightly smaller. Paper in material design nicely stands out and buttons that are outside of paper should suggest that it is save to change tabs without loosing what you have written in inputs, i.e. it is not going to load another page color of active input field would be light blue. I noticed that in basic theme and reno theme active inputs doesn't change border color. blue would be also color of links pink color is for active menu items/ tabs. it shows you where you are now i didn't use icons in menu but it can be added. However, I don't like font awesome ... maybe some custom icons could be made. another thing is that save button, which is primary button, should stand out. So it is made bigger and with a shadow. I dont know why but in basic theme and reno theme top save button is on right side and bottom save button is on left side. I think both should be on right side.
  10. Marek

    My Backend Redesign

    Hi Ivan, Note that it is not working admin theme ... I have done it only in vector graphic software. I would like to make it a real admin theme but now I don't have much time to do it. however i can say something more about why i designed it the way i did
  11. Marek

    My Backend Redesign

    yes i did Diogo, paper on grey background and buttons are based on material design but not every thing is based on it. for example forms and tabs are different
  12. Marek

    My Backend Redesign

  13. i tried to make some kind of information file like in other profiles, but it didn't work for me . not that you should not try anyway btw i also tried blog profile which was working without problem
  14. if you never offer hosting, doesn't it make things more difficult for those with no IT skills who wants a website? or you tell them how to set up their own hosting?
  15. After I connect to database and then click continue this is what i see ... nothing than happens Test Database and Save Configuration Database connection successful to pw_sky4 Saved configuration to ./site/config.php
  16. I am in the same situation as you learning PW. i have been playing with forms lately, now i want to look into Blog Profile to see how that works... so don't forget to keep us posted, i am definitely interested in your progress.
  17. does it also work with 2.5? i have a problem installing it.
  18. another good tool that can help you when choosing typography is http://typecast.com/ it is paid tool but you can use their public demo to try and combine google fonts ... use this link http://typecast.com/preview/google/lato you can use it for any google font not just Lato. just rewrite it with roboto or open+sans and so on
  19. i spend a lot of time playing with fonts. for me it is one of the most important aspects of webdesign (if not the most important). i spend hours just to find good header & body font combination. readability is everything, and i think that too many web designers are forgetting about it (or they don't get it?) and instead they focus on how nice it looks ... i have some rules that i try to follow everytime one paragraph lines should not be longer than 80 characters font-size 18px or more (sometimes more than 20px) for screens larger than mobile. for mobiles i just set it to 100%. black text (at least #444) on white background, never white on black. bold headlines around 1.5 line height single column text one good free source of fonts is http://brick.im/ it renders font differently that google fonts. they look better then google fonts especially on headlines. however, there is not such a difference in chrome as it use to be since last chrome update a few weeks ago changed font rendering. however, the difference in mozilla is still noticeable.
  20. thanks jordanlev and horst, i have read topic Create simple forms using API earlier, but i found it to be a lot of work for simple forms. I wanted to be able to write html markup manually. that's why i tried different approach. it also renders error states like you want. It works easily with css frameworks. for anyone who would like to try it (i would love to see someone to take a look at it) ... you just need to download Valitron library https://github.com/vlucas/valitron , then put it in templates directory so you can include it with include("./valitron-master/src/Valitron/Validator.php"); and then make new page using template with the code in my first post... thanks, Marek
  21. firstly, note that this my first attempt to make something using php after course in codecadamy.com, also that English is not my first language and I am new to PW i am new to back end web dev and i want to know how to make some basic websites. so i started to play with PW and tried to make some basic things work (btw PW is great). First more problematic thing that i found was how to make forms. like contact forms and so on. here are the problems that i wrote down and tried to find solutions for them: how to make some fields required how to validate some of the inputs if they meet the conditions how to return error message in normal language how to make these errors render like it should in foundation 5 framework ( http://foundation.zurb.com/docs/components/forms.html ) and make it easy how to make some text stay in an input as a value if there was an error somewhere in form. for example if there is a long form and you make mistake in just one field you dont want to make the user type everything again. since i am php newbie it surprised me there actually are php libraries for form validation ... i found valitron http://vancelucas.com/blog/valitron-the-simple-validation-library-that-doesnt-suck/ https://github.com/vlucas/valitron so i thought that it could help. I tried to make it work with PW and here is what i made ... it seems it work it is form.php template... <?php include("./init.inc"); include("./valitron-master/src/Valitron/Validator.php"); // at first i include Valitron. as you can see i copied what i downloaded from github in templates directory... // then i make subclass pwValitron to add some features class PwValitron extends Valitron\Validator { // this function will return 'error' if the field cannot be validated. I use put it in class of particular container. it is bassed on foundation 5 error states public function error_class($field) { if ($this->errors($field)) { return "error"; } return ""; } // this will render error messages. in nice foundation5 style. // $this->errors($field) returns an array of error messages for particular field. public function render_errors($field) { if ($this->errors($field)) { return "<small class='error'>" . implode($this->errors($field), "<br>") . "</small>" ; } return ""; } // this will return a value of particular field only if form caanot be validated because there is some error public function value($field) { if (!empty($this->_errors)) { return $this->_fields[$field]; } return ""; } } // this is how we send data for valitron to validate $v = new PwValitron(array( 'title' => $sanitizer->text($input->post->title), 'email' => $sanitizer->email($input->post->email), 'website' => $sanitizer->url($input->post->website), 'budget' => $sanitizer->text($input->post->budget), ) ); // then we define rules $v->rule('required', ['title', 'email', 'budget']); $v->rule('lengthMin', 'title', 5); $v->rule('email', 'email'); $v->rule('url', 'website'); $v->rule('numeric', 'budget'); $v->rule('min', 'budget', 500); if ($input->post->submit) { if($v->validate()) { // if form is walidated $bodycopy .= "Yay! We're all good!"; //do something with data here } } // now we can write html of whole form // note how I use these ... // {$v->error_class('title')} - will return 'error' and thus add error class only if there is some error // {$v->value('title')} - will return value of field what user wrote if there is an error in form and the form was not submitted // {$v->render_errors('title')} - will render error messages $out = " <form method='post' action='./'> <div class='row'> <div class='medium-8 large-6 medium-centered columns'> <div class='row'> <div class='large-12 columns {$v->error_class('title')}'> <label for='title'>Choose a title</label> <small>it must be 5 or more characters in length</small> <input type='text' placeholder='title' name='title' id='title' value='{$v->value('title')}'/> {$v->render_errors('title')} </div> </div> <div class='row'> <div class='large-12 columns {$v->error_class('email')}'> <label for='email'>What's your email address?</label> <input type='text' placeholder='john@gmail.com' name='email' id='email' value='{$v->value('email')}'/> {$v->render_errors('email')} </div> </div> <div class='row'> <div class='large-12 columns {$v->error_class('website')}'> <label for='website'>Your website</label> <input type='text' placeholder='www.example.com' name='website' id='website' value='{$v->value('website')}'/> {$v->render_errors('website')} </div> </div> <div class='row'> <div class='large-12 columns {$v->error_class('budget')}'> <label for='budget'>What's your budget? (USD)</label> <input type='text' placeholder='750' name='budget' id='budget' value='{$v->value('budget')}'/> {$v->render_errors('budget')} </div> </div> <div class='row'> <div class='large-12 columns'> <div class='text-right'> <input value='submit' type='submit' name='submit' class='button'/> </div> </div> </div> </div> </div> </form>"; $bodycopy .= $out; include("./main.inc"); I would like to know what do you think about it. can it be useful for pw community? is there a better way to do it? can it be made as a module? is there anything wrong? what should be added? Thanks Marek
×
×
  • Create New...