Create PSD files for each design block about design-blocks HOT 11 CLOSED

I am interested to work on this feature. I will create few PSD examples and upload here so you can point me in right direction, give suggestions...

from design-blocks.

In general this is my idea. Take a look and let me know what do you think.
boilerplate.zip
@stephaniepurvis We can discuss about that and also share ideas before we start.

from design-blocks.

@djstojadin that would be amazing. Looking forward to seeing them.

from design-blocks.

I am interested in helping on this too. I was thinking about using the resource here to create artboards for each breakpoint: https://hackerthemes.com/bootstrap-4-grid-psd/

@djstojadin Let me know if you'd like me to help and what section you'd like me to start on.

from design-blocks.

@djstojadin it looks pretty good. @stephaniepurvis looking to hear your thoughts too.

from design-blocks.

@djstojadin and @stefanneculai I think the psd looks great!

from design-blocks.

I started with call-to-action blocks. Files are named t1, t2, t3 etc... t is shorthand for type starting from top to bottom according to website.

Check examples for first 4 call to action design blocks.
db-call-to-action-1-4.zip

@stefanneculai Let me know where do you want to store files while I am working? Should I push to repo or ?

from design-blocks.

@djstojadin they look good, but it appears there are no guides? @dianaprajescu do you have any input on this?

from design-blocks.

@stefanneculai Yes they were removed, but I can create again that is not problem.

from design-blocks.

Indeed, I think we should keep the grid in the PSD files. It will help if we need to make any changes later. Also, if we ever get to created PSD files in advance and then write the code for them, the guides will be helpful and we should have old and new PSD files built in the same manner for consistency.

@djstojadin the call to action PSD files look good. One note though: while the breakpoints in the boilerplate.psd file are correct, I think there has been a confusion in the call to actions you created. In the boilerplate file, the @xs is not represented because the container width is set to auto. So the breakpoints are for @sm, @md, @lg and @xl. @xl is new in Bootstrap 4: https://getbootstrap.com/docs/4.0/layout/grid/

from design-blocks.

Thanks to @creativetimofficial we have them now: https://github.com/froala/design-blocks/blob/dev/assets/psds/psd-pages.zip

from design-blocks.