Re: [PD] Editing CSS style, make pd.info better? [WAS: puredata.info site design provocation]
Ok, I'm moving also to the PdWeb, please anybody interested subscribe there to follow the discussion!! http://lists.puredata.info/listinfo/pdweb M so maybe something labeled Distributions? then put PD-vanilla, PD-extended, and something like l2ork there? i see a huge amount of talk on the list from Ivo about his version and some of it's benefits. i think it should be listed there. there should be Download links of course as well. Such a page might also be called 'About PD', give a brief history/description of how PD itself works and then the other variants listed below with download links? One of the download sections is labels distros. Not good enough? .hc Objects list This is probably overly ambitious but existing objects or patches for vanilla, pd-extended and 'unauthorized' contributed extensions would be great to see described possibly in a simple table form grouped by category, or even better, tagged in multiple searchable ways in a database. i ran into a website listing all of the available objects and contributions from around 2011 and actually started to pull everything off and reorganize everything into a database in Filemaker but got too busy to do anything with it. ideally some indication or form that could be updated by each contributor would be useful. i would propose a form that at least highlights the following: name | object or patch | category tag/s | vanilla or collection name (like cyclone) | description(short) | distributions (extended, l2ork, whatever) | documentation/example of patch | dependencies (which, if any) this would sort out objects from patches and especially objects/patches that rely on other libraries to be installed to work. if things were organized correctly PDDP might be able to pull its info from this centralized database, which might help cut down on redundant efforts. allright i gotta get to work, feel free to discuss/elaborate/tear it apart/whatever. best to all, scott ___ Pd-list@iem.at mailing list UNSUBSCRIBE and account-management - http://lists.puredata.info/listinfo/pd-list [T]he greatest purveyor of violence in the world today [is] my own government. - Martin Luther King, Jr. -- Marco Donnarumma New Media + Sonic Arts Practitioner, Performer, Teacher, Director. ACE, Sound Design MSc by Research (ongoing) The University of Edinburgh, UK ~ Portfolio: http://marcodonnarumma.com Research: http://res.marcodonnarumma.com | http://www.thesaddj.com | http://www.flxer.net Director: http://www.liveperformersmeeting.net ___ Pd-list@iem.at mailing list UNSUBSCRIBE and account-management - http://lists.puredata.info/listinfo/pd-list
Re: [PD] Editing CSS style, make pd.info better? [WAS: puredata.info site design provocation]
Hello marco and all, maybe that discussion should go on the pdweb list, no ? otherwise i don't know what it is made for... comments in the mail Le 11/03/12 00:53, András Murányi a écrit : On Sat, Mar 10, 2012 at 15:07, Marco Donnarumma de...@thesaddj.com mailto:de...@thesaddj.com wrote: Hello folks, I've been playing around with the CSS styles again. This time I implemented a similar style of the exhibition page to the homepage at puredata.info http://puredata.info. I also decreased the global page width, and set it and its position in percentage, which makes it fluid across different browsers and platforms. Increased the font-size too. I don't really like how Plone displays News and Recent Changes (table, odd and even). But this is something we could take care later on (if other ppl is bothered as me). NOTE: I think better and bigger images would greatly enhance the look of the page. See the attached screenshot. First is the style of the other time, the second is a similar style but without dotted background. I rather the dotted one. This time I copied all the modification in css sheet, __which means that if ppl likes this stuff, I can change the real CSS and put it on-line__ I could do that between today and tomorrow. let me know your thoughts, and if you have suggestion for the style. Didn't add the much requested Download button because it has to be done outside of the CSS. cheers, Marco Bravo Marco, a great improvement over the current state! Great dots :) Some minor comments/ideas: - could you post a screenshot of the footer? is it possible as well to see a screenshot of some wiki page? or better to post the css code here as we can apply it locally and browse everywhere. - what do you think about making News and Recent Changes more similar to the menu by adding an internal padding to the whole containing element, and at the same time, decreasing the padding/margin of the individual items? A few humble ideas about the main page: - the link to the Belorussian translation looks a bit orphaned, but I don't know where else it could go i agree, maybe it should move in the documentation section. - seeing the same old screenshots on the opening page is a waste of prime time space IMHO, because once you took a look at them you won't use that part of the website anymore - what do you people think about moving the current content of the main page to a menu item like What is Pd? and filling the page with more dynamic content? eventually, to fill with leads of News and Recent Changes items, which could even eliminate the need of those blocks (News is already on main page only, Recent Changes appear on some sub pages but not on each). That is a very good point ( even if it's not css...), there is no point of having these blocks on every page. We can imagine a news listing and a recent changes listing inside the div content, and make a about pd section. ( like http://www.blender.org/ ) - if the main page ever gets populated with News et al, it would be nice to have a cover picture however. Eventually rotating cover pictures, possibly linked. Maybe a crazy idea, but wouldn't it make sense to have a carousel-like thing showing up items from the Exhibition on the main page? this is very easy with vimeo, but the problem of the vimeo video group is that it is not based on the same curation limit as for the exhibition section, people can add their own videos. - all i currently see when clicking Community is check out DevelopmentWiki. Is this a temporary or very necessary state here? when you click development you mean? This can be normally easily changed but if Iohannes has done that there must be a reason. other comments: - I think it should be nice to have a large picture header, maybe something like max has done for vimeo: https://vimeo.com/groups/puredata it will keep together the whole page. - I find the main content div not large enough - i find the navigation menu too padded, specially on the left tanks for your work, best, n -- http://nim.on.free.fr ___ Pd-list@iem.at mailing list UNSUBSCRIBE and account-management - http://lists.puredata.info/listinfo/pd-list
Re: [PD] Editing CSS style, make pd.info better? [WAS: puredata.info site design provocation]
is it possible as well to see a screenshot of some wiki page? or better
to post the css code here as we can apply it locally and browse everywhere.
attached.
But it includes only the classes I modified, i.e. it's not the full css
style.
and it might not be hyperprecise.
- the link to the Belorussian translation looks a bit orphaned, but I
don't know where else it could go
i agree, maybe it should move in the documentation section.
yep, let's do that.
[snip] blocks (News is already on main page only, Recent Changes appear
on
some sub pages but not on each).
That is a very good point ( even if it's not css...), there is no point
of having these blocks on every page. We can imagine a news listing and
a recent changes listing inside the div content, and make a about pd
section. ( like http://www.blender.org/ )
definitely.
- if the main page ever gets populated with News et al, it would be
nice to have a cover picture however. Eventually rotating cover
pictures, possibly linked. Maybe a crazy idea, but wouldn't it make
sense to have a carousel-like thing showing up items from the
Exhibition on the main page?
this is very easy with vimeo, but the problem of the vimeo video group
is that it is not based on the same curation limit as for the exhibition
section, people can add their own videos.
agree, see my previous message. I think it's ok to have the vimeo channel
and the exhibition page.
Anyway, almost nobody post things to the exhibition page, so we should find
a way to make it more interesting to post there.
- all i currently see when clicking Community is check out
DevelopmentWiki. Is this a temporary or very necessary state here?
when you click development you mean? This can be normally easily
changed but if Iohannes has done that there must be a reason.
other comments:
- I think it should be nice to have a large picture header, maybe
something like max has done for vimeo:
https://vimeo.com/groups/puredata
it will keep together the whole page.
sure, but cannot do it from the css.
So I'm waiting to get the css done first.
- I find the main content div not large enough
Ok, I tried to find a balance, actually I'm afraid this is already to wide
for a mobile browser.
Can someone apply the css class of the body and see what happens on a
mobile?
- i find the navigation menu too padded, specially on the left
Can do less padding,
I just like wide spacey things... :)
what other ppl think?
tanks for your work,
we all really deserve a better looking portal.
--
Marco Donnarumma
New Media + Sonic Arts Practitioner, Performer, Teacher, Director.
ACE, Sound Design MSc by Research (ongoing)
The University of Edinburgh, UK
~
Portfolio: http://marcodonnarumma.com
Research: http://res.marcodonnarumma.com | http://www.thesaddj.com |
http://www.flxer.net
Director: http://www.liveperformersmeeting.net
/* COLORS
BLUE LINKS #1087B0 */
/* BODY */
body {
font: 76% Lucida Grande, Verdana, Lucida, Helvetica, Arial, sans-serif;
background: white url(http://www.ubuntu.com/sites/all/themes/ubuntu10/images/bg_dotted.png) repeat top center;
color: #22;
margin: 0;
padding: 0;}
#visual-portal-wrapper {
margin: 0 auto;
padding: 0;
width: 70%;}
/* TYPOGRAPHY */
p {
margin: 0 0 0.75em 0;
line-height: 1.8em;
text-align: justify;}
h1 {
font-size: 185%;}
h1, h2, h3, h4, h5, h6 {
color: black;
background-color: transparent;
font-family: Lucida Grande, Verdana, Lucida, Helvetica, Arial, sans-serif;
font-weight: normal;
margin: 0 0 0.25em 0;}
a {
color: #1087B0;
background-color: transparent;}
/* LOGO */
#portal-logo {
background: url(http://puredata.info/logo.png) no-repeat;
border: 0;
margin: 0.75em 28em 0.75em 1.2em;
padding: 0;}
/* TOP NAVIGATION */
#portal-globalnav {
background-color: transparent;
padding: 0em 0em 0em 2em;
white-space: nowrap;
list-style: none;
margin: 0;
height: auto;
line-height: normal;
visibility: hidden}
/* Log in and Join */
#portal-personaltools {
line-height: 1.6em;
color: black;
padding: 0em 3em 0em 3em;
margin: 0;
text-align: right;
text-transform: capitalize;
list-style: none;
font-size: 1.3em;}
/* Breadcrumbs */
#portal-breadcrumbs {
padding-left: 2em;
padding-right: 2em;
text-transform: lowercase;
line-height: 1.6em;
margin-left: 16.4em;
/* SIDE NAVIGATION */
dd.portletItem a:visited, dd.portletFooter a:visited {
color: #333;}
#portal-column-one .visualPadding {
padding: 1em 0em 1em 2em;}
.portletHeader {
text-transform: capitalize;
font-weight: normal;
line-height: 0em;
font-size: 1.2em;
background-color: black;
padding: 14px 0px 16px 12px;}
.portletHeader a {
color: white;}
dl.portlet {
margin: 1px 0 4em 0;
background-color: white;}
.portletItem {
margin: 0;
padding: 1em;}
.portletNavigationTree {
margin: 0 0 0 0.75em;
padding: 0;
list-style: none;
list-style-image: none;
line-height: 1em;
font-size: 1.15em;
text-transform: capitalize;}
.navTreeItem a,
Re: [PD] Editing CSS style, make pd.info better? [WAS: puredata.info site design provocation]
yes i have to admit i'm starting to judge the relevancy of a website at least in part with design modernity. was just looking at various open source 3D gaming engines and i could instantly tell the 2003-2007 era from the 2008-2012 era. i still investigated what each site had to offer, but graphic presentation added to the friendliness/accessibility factor. sites like the current Processing site and Openframeworks.cc seem cleaner and easier to both attract users and navigate. my thoughts on the design: overall an excellent beginning to a new look! it started me thinking about possible further improvements. so consider this a design brainstorm thingy with NO obligation that anyone has to do what i'm suggesting (especially Marco who started the ball rolling). i don't have any time to do it at the moment (i'm avoiding grading right now) but it certainly gives me ideas, so here we go: Navigation i'm not pushing this but it seems like side based navigation is sort of less common on modern websites? the look is pretty modern and clean however. Processing (2 columns) and Ofx (2 or 3 - not sure) both use top navigation which i think draws the eye better. i resisted top nav for a while but i think it relates better to subject matter. bigger more graphic pictures on the front page of various projects i think will attract more attention to the artistic aspects. a better top banner is a MUST. Exhibition page should definitely be overhauled with a much more graphic look whenever possible. Marco's Xth-Sense, Billy's Helmholtz ship animation any other graphic demonstrations of PD in action in realtime either audio wise or using video manipulation ala Gem or whatever should be there in plain view, not just a link to someone's website. No idea if Plone can do graphic grid placement of thumbnails for videos but that's what comes to mind. i'm not against a carousel video thing, but i think it's a consideration for future design. if it's just a patch processing audio, i don't know, maybe some audio examples of the patch via a jquery-type player onscreen? the idea is to get folks interested equally in what PD can do as well as finding out more information about the artist if they are so inclined. Downloads and Distributions - separate categories at the moment if i wanted to find out what PD-vanilla or PD-extended was, i'd have to go to the Downloads page. i'm not sure if that's intuitive enough. if i wanted to find out what a distribution was about versus downloading it, i'm not sure if i'd go to Downloads. so maybe something labeled Distributions? then put PD-vanilla, PD-extended, and something like l2ork there? i see a huge amount of talk on the list from Ivo about his version and some of it's benefits. i think it should be listed there. there should be Download links of course as well. Such a page might also be called 'About PD', give a brief history/description of how PD itself works and then the other variants listed below with download links? Objects list This is probably overly ambitious but existing objects or patches for vanilla, pd-extended and 'unauthorized' contributed extensions would be great to see described possibly in a simple table form grouped by category, or even better, tagged in multiple searchable ways in a database. i ran into a website listing all of the available objects and contributions from around 2011 and actually started to pull everything off and reorganize everything into a database in Filemaker but got too busy to do anything with it. ideally some indication or form that could be updated by each contributor would be useful. i would propose a form that at least highlights the following: name | object or patch | category tag/s | vanilla or collection name (like cyclone) | description(short) | distributions (extended, l2ork, whatever) | documentation/example of patch | dependencies (which, if any) this would sort out objects from patches and especially objects/patches that rely on other libraries to be installed to work. if things were organized correctly PDDP might be able to pull its info from this centralized database, which might help cut down on redundant efforts. allright i gotta get to work, feel free to discuss/elaborate/tear it apart/whatever. best to all, scott ___ Pd-list@iem.at mailing list UNSUBSCRIBE and account-management - http://lists.puredata.info/listinfo/pd-list
Re: [PD] Editing CSS style, make pd.info better? [WAS: puredata.info site design provocation]
On Sun, Mar 11, 2012 at 12:37, Marco Donnarumma de...@thesaddj.com wrote: [...] - if the main page ever gets populated with News et al, it would be nice to have a cover picture however. Eventually rotating cover pictures, possibly linked. Maybe a crazy idea, but wouldn't it make sense to have a carousel-like thing showing up items from the Exhibition on the main page? this is very easy with vimeo, but the problem of the vimeo video group is that it is not based on the same curation limit as for the exhibition section, people can add their own videos. agree, see my previous message. I think it's ok to have the vimeo channel and the exhibition page. Anyway, almost nobody post things to the exhibition page, so we should find a way to make it more interesting to post there. - all i currently see when clicking Community is check out DevelopmentWiki. Is this a temporary or very necessary state here? when you click development you mean? This can be normally easily changed but if Iohannes has done that there must be a reason. other comments: - I think it should be nice to have a large picture header, maybe something like max has done for vimeo: https://vimeo.com/groups/puredata it will keep together the whole page. sure, but cannot do it from the css. So I'm waiting to get the css done first. I agree with your previous comments/decisions Marco. About the main page: a large picture picture header is what we are seemingly all talking about. The question is it's content. I reckon it shall not be static, but something that dynamically changes over time. My vision is to have that kind of carousel [1] which would rotate content. Now, the content could be from Vimeo, but I agree it's risky because it's beyond our control. The Exhibition, on the other hand, seems just right, because a carousel doesn't have to have so many elements anyway. Of course it's more than CSS. When it's decided and you think it's time, I can help with putting it together. [1] some carousel examples: http://www.smileycat.com/design_elements/carousels/ - I find the main content div not large enough Ok, I tried to find a balance, actually I'm afraid this is already to wide for a mobile browser. Can someone apply the css class of the body and see what happens on a mobile? I just checked with an iphone emulator (ibbdemo) and i don't even see the new design. No idea why. - i find the navigation menu too padded, specially on the left Can do less padding, I just like wide spacey things... :) what other ppl think? On a large screen it looks fine to me. a new observation: visited links have their own color (i guess they shall not) which seems to be dark grey at some parts of the page and some pages, and purple on some other pages tanks for your work, we all really deserve a better looking portal. Thanks! András ___ Pd-list@iem.at mailing list UNSUBSCRIBE and account-management - http://lists.puredata.info/listinfo/pd-list
Re: [PD] Editing CSS style, make pd.info better? [WAS: puredata.info site design provocation]
When the new, yet-to-be launched, Inkscape website was being developed I remember the team took some inspiration from what this guy said regarding the current Blender website http://www.blenderguru.com/the-big-issues Scroll down to the Marketing section. On 11 March 2012 23:02, Scott R. Looney scottrloo...@gmail.com wrote: yes i have to admit i'm starting to judge the relevancy of a website at least in part with design modernity. was just looking at various open source 3D gaming engines and i could instantly tell the 2003-2007 era from the 2008-2012 era. i still investigated what each site had to offer, but graphic presentation added to the friendliness/accessibility factor. sites like the current Processing site and Openframeworks.cc seem cleaner and easier to both attract users and navigate. my thoughts on the design: overall an excellent beginning to a new look! it started me thinking about possible further improvements. so consider this a design brainstorm thingy with NO obligation that anyone has to do what i'm suggesting (especially Marco who started the ball rolling). i don't have any time to do it at the moment (i'm avoiding grading right now) but it certainly gives me ideas, so here we go: Navigation i'm not pushing this but it seems like side based navigation is sort of less common on modern websites? the look is pretty modern and clean however. Processing (2 columns) and Ofx (2 or 3 - not sure) both use top navigation which i think draws the eye better. i resisted top nav for a while but i think it relates better to subject matter. bigger more graphic pictures on the front page of various projects i think will attract more attention to the artistic aspects. a better top banner is a MUST. Exhibition page should definitely be overhauled with a much more graphic look whenever possible. Marco's Xth-Sense, Billy's Helmholtz ship animation any other graphic demonstrations of PD in action in realtime either audio wise or using video manipulation ala Gem or whatever should be there in plain view, not just a link to someone's website. No idea if Plone can do graphic grid placement of thumbnails for videos but that's what comes to mind. i'm not against a carousel video thing, but i think it's a consideration for future design. if it's just a patch processing audio, i don't know, maybe some audio examples of the patch via a jquery-type player onscreen? the idea is to get folks interested equally in what PD can do as well as finding out more information about the artist if they are so inclined. Downloads and Distributions - separate categories at the moment if i wanted to find out what PD-vanilla or PD-extended was, i'd have to go to the Downloads page. i'm not sure if that's intuitive enough. if i wanted to find out what a distribution was about versus downloading it, i'm not sure if i'd go to Downloads. so maybe something labeled Distributions? then put PD-vanilla, PD-extended, and something like l2ork there? i see a huge amount of talk on the list from Ivo about his version and some of it's benefits. i think it should be listed there. there should be Download links of course as well. Such a page might also be called 'About PD', give a brief history/description of how PD itself works and then the other variants listed below with download links? Objects list This is probably overly ambitious but existing objects or patches for vanilla, pd-extended and 'unauthorized' contributed extensions would be great to see described possibly in a simple table form grouped by category, or even better, tagged in multiple searchable ways in a database. i ran into a website listing all of the available objects and contributions from around 2011 and actually started to pull everything off and reorganize everything into a database in Filemaker but got too busy to do anything with it. ideally some indication or form that could be updated by each contributor would be useful. i would propose a form that at least highlights the following: name | object or patch | category tag/s | vanilla or collection name (like cyclone) | description(short) | distributions (extended, l2ork, whatever) | documentation/example of patch | dependencies (which, if any) this would sort out objects from patches and especially objects/patches that rely on other libraries to be installed to work. if things were organized correctly PDDP might be able to pull its info from this centralized database, which might help cut down on redundant efforts. allright i gotta get to work, feel free to discuss/elaborate/tear it apart/whatever. best to all, scott ___ Pd-list@iem.at mailing list UNSUBSCRIBE and account-management - http://lists.puredata.info/listinfo/pd-list -- anto...@hellocatfood.com http://www.hellocatfood.com
Re: [PD] Editing CSS style, make pd.info better? [WAS: puredata.info site design provocation]
On Mar 11, 2012, at 7:02 PM, Scott R. Looney wrote: yes i have to admit i'm starting to judge the relevancy of a website at least in part with design modernity. was just looking at various open source 3D gaming engines and i could instantly tell the 2003-2007 era from the 2008-2012 era. i still investigated what each site had to offer, but graphic presentation added to the friendliness/accessibility factor. sites like the current Processing site and Openframeworks.cc seem cleaner and easier to both attract users and navigate. my thoughts on the design: overall an excellent beginning to a new look! it started me thinking about possible further improvements. so consider this a design brainstorm thingy with NO obligation that anyone has to do what i'm suggesting (especially Marco who started the ball rolling). i don't have any time to do it at the moment (i'm avoiding grading right now) but it certainly gives me ideas, so here we go: Navigation i'm not pushing this but it seems like side based navigation is sort of less common on modern websites? the look is pretty modern and clean however. Processing (2 columns) and Ofx (2 or 3 - not sure) both use top navigation which i think draws the eye better. i resisted top nav for a while but i think it relates better to subject matter. bigger more graphic pictures on the front page of various projects i think will attract more attention to the artistic aspects. a better top banner is a MUST. Exhibition page should definitely be overhauled with a much more graphic look whenever possible. Marco's Xth-Sense, Billy's Helmholtz ship animation any other graphic demonstrations of PD in action in realtime either audio wise or using video manipulation ala Gem or whatever should be there in plain view, not just a link to someone's website. No idea if Plone can do graphic grid placement of thumbnails for videos but that's what comes to mind. i'm not against a carousel video thing, but i think it's a consideration for future design. if it's just a patch processing audio, i don't know, maybe some audio examples of the patch via a jquery-type player onscreen? the idea is to get folks interested equally in what PD can do as well as finding out more information about the artist if they are so inclined. Sounds like good ideas. If you think those projects should be on the exhibition page, you should just add them: http://puredata.info/docs/sitedocs/AddingToTheExhibition The only rule is that you can't put projects in the exhibition that you had something to do with (no self-promotion). Downloads and Distributions - separate categories at the moment if i wanted to find out what PD-vanilla or PD-extended was, i'd have to go to the Downloads page. i'm not sure if that's intuitive enough. if i wanted to find out what a distribution was about versus downloading it, i'm not sure if i'd go to Downloads. so maybe something labeled Distributions? then put PD-vanilla, PD-extended, and something like l2ork there? i see a huge amount of talk on the list from Ivo about his version and some of it's benefits. i think it should be listed there. there should be Download links of course as well. Such a page might also be called 'About PD', give a brief history/description of how PD itself works and then the other variants listed below with download links? One of the download sections is labels distros. Not good enough? .hc Objects list This is probably overly ambitious but existing objects or patches for vanilla, pd-extended and 'unauthorized' contributed extensions would be great to see described possibly in a simple table form grouped by category, or even better, tagged in multiple searchable ways in a database. i ran into a website listing all of the available objects and contributions from around 2011 and actually started to pull everything off and reorganize everything into a database in Filemaker but got too busy to do anything with it. ideally some indication or form that could be updated by each contributor would be useful. i would propose a form that at least highlights the following: name | object or patch | category tag/s | vanilla or collection name (like cyclone) | description(short) | distributions (extended, l2ork, whatever) | documentation/example of patch | dependencies (which, if any) this would sort out objects from patches and especially objects/patches that rely on other libraries to be installed to work. if things were organized correctly PDDP might be able to pull its info from this centralized database, which might help cut down on redundant efforts. allright i gotta get to work, feel free to discuss/elaborate/tear it apart/whatever. best to all, scott ___ Pd-list@iem.at mailing list UNSUBSCRIBE and account-management - http://lists.puredata.info/listinfo/pd-list
Re: [PD] Editing CSS style, make pd.info better? [WAS: puredata.info site design provocation]
NOTE: I think better and bigger images would greatly enhance the look of the page. Most definitely. In particular, wherever .pd patches are to be displayed as patch diagrams (to be read or studied rather than as mere eye candy) then the image should be large as possible and link to the full resolution original. I've no idea how the current zope/plone system behaves but some CMS I've seen cache low res versions so that clicking on view image just gives you a blury but larger version of the same. We must remember that whether of not the patches are also downloadable with Pure Data the images are informational content. cheers, Andy ___ Pd-list@iem.at mailing list UNSUBSCRIBE and account-management - http://lists.puredata.info/listinfo/pd-list
Re: [PD] Editing CSS style, make pd.info better? [WAS: puredata.info site design provocation]
Both screenshots are a big improvement! I'd be happy with either, but I prefer the dots. Looking forward to seeing this go live! .hc On Mar 10, 2012, at 9:07 AM, Marco Donnarumma wrote: Hello folks, I've been playing around with the CSS styles again. This time I implemented a similar style of the exhibition page to the homepage at puredata.info. I also decreased the global page width, and set it and its position in percentage, which makes it fluid across different browsers and platforms. Increased the font-size too. I don't really like how Plone displays News and Recent Changes (table, odd and even). But this is something we could take care later on (if other ppl is bothered as me). NOTE: I think better and bigger images would greatly enhance the look of the page. See the attached screenshot. First is the style of the other time, the second is a similar style but without dotted background. I rather the dotted one. This time I copied all the modification in css sheet, __which means that if ppl likes this stuff, I can change the real CSS and put it on-line__ I could do that between today and tomorrow. let me know your thoughts, and if you have suggestion for the style. Didn't add the much requested Download button because it has to be done outside of the CSS. cheers, Marco On Thu, Mar 8, 2012 at 3:29 PM, Marco Donnarumma de...@thesaddj.com wrote: ehmm.. No, of course I didn't mean to just delete the IEM and credits colophons, that would be insane. I only thought maybe we can make them look nicer, and prominent. Now it is not prominent at all at the bottom of the page, and so little. Can we make new colophons or are there bigger, nicer ones? Personally, I could leave those, but if we can make them better, why not.. M i'm not sure how i should answer this: - - technically, it's easy to remove/replace the colophon - - politically, i'm sure the iem would prefer to be mentioned prominently -- Marco Donnarumma New Media + Sonic Arts Practitioner, Performer, Teacher, Director. ACE, Sound Design MSc by Research (ongoing) The University of Edinburgh, UK ~ Portfolio: http://marcodonnarumma.com Research: http://res.marcodonnarumma.com | http://www.thesaddj.com | http://www.flxer.net Director: http://www.liveperformersmeeting.net -- Marco Donnarumma New Media + Sonic Arts Practitioner, Performer, Teacher, Director. ACE, Sound Design MSc by Research (ongoing) The University of Edinburgh, UK ~ Portfolio: http://marcodonnarumma.com Research: http://res.marcodonnarumma.com | http://www.thesaddj.com | http://www.flxer.net Director: http://www.liveperformersmeeting.net pd.info-homepage.pngpd.info-nobackground.png There is no way to peace, peace is the way. -A.J. Muste ___ Pd-list@iem.at mailing list UNSUBSCRIBE and account-management - http://lists.puredata.info/listinfo/pd-list
Re: [PD] Editing CSS style, make pd.info better? [WAS: puredata.info site design provocation]
On Sat, Mar 10, 2012 at 15:07, Marco Donnarumma de...@thesaddj.com wrote: Hello folks, I've been playing around with the CSS styles again. This time I implemented a similar style of the exhibition page to the homepage at puredata.info. I also decreased the global page width, and set it and its position in percentage, which makes it fluid across different browsers and platforms. Increased the font-size too. I don't really like how Plone displays News and Recent Changes (table, odd and even). But this is something we could take care later on (if other ppl is bothered as me). NOTE: I think better and bigger images would greatly enhance the look of the page. See the attached screenshot. First is the style of the other time, the second is a similar style but without dotted background. I rather the dotted one. This time I copied all the modification in css sheet, __which means that if ppl likes this stuff, I can change the real CSS and put it on-line__ I could do that between today and tomorrow. let me know your thoughts, and if you have suggestion for the style. Didn't add the much requested Download button because it has to be done outside of the CSS. cheers, Marco Bravo Marco, a great improvement over the current state! Great dots :) Some minor comments/ideas: - could you post a screenshot of the footer? - what do you think about making News and Recent Changes more similar to the menu by adding an internal padding to the whole containing element, and at the same time, decreasing the padding/margin of the individual items? A few humble ideas about the main page: - the link to the Belorussian translation looks a bit orphaned, but I don't know where else it could go - seeing the same old screenshots on the opening page is a waste of prime time space IMHO, because once you took a look at them you won't use that part of the website anymore - what do you people think about moving the current content of the main page to a menu item like What is Pd? and filling the page with more dynamic content? eventually, to fill with leads of News and Recent Changes items, which could even eliminate the need of those blocks (News is already on main page only, Recent Changes appear on some sub pages but not on each). - if the main page ever gets populated with News et al, it would be nice to have a cover picture however. Eventually rotating cover pictures, possibly linked. Maybe a crazy idea, but wouldn't it make sense to have a carousel-like thing showing up items from the Exhibition on the main page? - all i currently see when clicking Community is check out DevelopmentWiki. Is this a temporary or very necessary state here? András ___ Pd-list@iem.at mailing list UNSUBSCRIBE and account-management - http://lists.puredata.info/listinfo/pd-list
Re: [PD] Editing CSS style, make pd.info better? [WAS: puredata.info site design provocation]
Also thought the same about the bottom icon bar, but it could be good if IOhannes could tell what we can use to replace those icons. I'm afraid without the dotted background, the whole page would feel like floating, and content areas will be difficult to recognize. Screen statistic would be good, actually, can we publicly see the statistics of the portal? M - i love the dotted background - the bottom icon bar (iem-powered etc) is oldschool and shall go - we may not need the accessibility link but some people do - a bit afraid that fixed width may be a problem on some mobiles. btw: are there some web stats for puredata.info that have screen size statistics? 2 cents, Andr?s -- Marco Donnarumma New Media + Sonic Arts Practitioner, Performer, Teacher, Director. ACE, Sound Design MSc by Research (ongoing) The University of Edinburgh, UK ~ Portfolio: http://marcodonnarumma.com Research: http://res.marcodonnarumma.com | http://www.thesaddj.com | http://www.flxer.net Director: http://www.liveperformersmeeting.net ___ Pd-list@iem.at mailing list UNSUBSCRIBE and account-management - http://lists.puredata.info/listinfo/pd-list
Re: [PD] Editing CSS style, make pd.info better? [WAS: puredata.info site design provocation]
-BEGIN PGP SIGNED MESSAGE- Hash: SHA1 On 2012-03-08 09:47, Marco Donnarumma wrote: Also thought the same about the bottom icon bar, but it could be good if IOhannes could tell what we can use to replace those icons. i'm not sure how i should answer this: - - technically, it's easy to remove/replace the colophon - - politically, i'm sure the iem would prefer to be mentioned prominently Screen statistic would be good, actually, can we publicly see the statistics of the portal? http://statistics.puredata.info fgmasdr IOhannes -BEGIN PGP SIGNATURE- Version: GnuPG v1.4.11 (GNU/Linux) Comment: Using GnuPG with Mozilla - http://enigmail.mozdev.org/ iEYEARECAAYFAk9YdCkACgkQkX2Xpv6ydvRduwCg1C3jDoYAkg5DySxZczbZJwh4 OHoAoMvsBOaObgkROWBArppifDO26S5d =qBzs -END PGP SIGNATURE- smime.p7s Description: S/MIME Cryptographic Signature ___ Pd-list@iem.at mailing list UNSUBSCRIBE and account-management - http://lists.puredata.info/listinfo/pd-list
Re: [PD] Editing CSS style, make pd.info better? [WAS: puredata.info site design provocation]
On Thu, Mar 8, 2012 at 09:56, IOhannes m zmoelnig zmoel...@iem.at wrote: -BEGIN PGP SIGNED MESSAGE- Hash: SHA1 On 2012-03-08 09:47, Marco Donnarumma wrote: Also thought the same about the bottom icon bar, but it could be good if IOhannes could tell what we can use to replace those icons. i'm not sure how i should answer this: - - technically, it's easy to remove/replace the colophon - - politically, i'm sure the iem would prefer to be mentioned prominently I think the footer text, which says *puredata.info and puredata.org is hosted and serviced by IEM and a contribution to the PD-community using Plone , see Impressum.* is prominent and fair enough. It's just the icons which are out of style. András ___ Pd-list@iem.at mailing list UNSUBSCRIBE and account-management - http://lists.puredata.info/listinfo/pd-list
Re: [PD] Editing CSS style, make pd.info better? [WAS: puredata.info site design provocation]
ehmm.. No, of course I didn't mean to just delete the IEM and credits colophons, that would be insane. I only thought maybe we can make them look nicer, and prominent. Now it is not prominent at all at the bottom of the page, and so little. Can we make new colophons or are there bigger, nicer ones? Personally, I could leave those, but if we can make them better, why not.. M i'm not sure how i should answer this: - - technically, it's easy to remove/replace the colophon - - politically, i'm sure the iem would prefer to be mentioned prominently -- Marco Donnarumma New Media + Sonic Arts Practitioner, Performer, Teacher, Director. ACE, Sound Design MSc by Research (ongoing) The University of Edinburgh, UK ~ Portfolio: http://marcodonnarumma.com Research: http://res.marcodonnarumma.com | http://www.thesaddj.com | http://www.flxer.net Director: http://www.liveperformersmeeting.net ___ Pd-list@iem.at mailing list UNSUBSCRIBE and account-management - http://lists.puredata.info/listinfo/pd-list
Re: [PD] Editing CSS style, make pd.info better? [WAS: puredata.info site design provocation]
On Thu, Mar 8, 2012 at 09:56, IOhannes m zmoelnig zmoel...@iem.at wrote: [...] Screen statistic would be good, actually, can we publicly see the statistics of the portal? http://statistics.puredata.info No screen stats there :( Google Analytics is pretty smart, and simple to implement. Some people have reservations, though. If you don't, it could be a valuable addition. András ___ Pd-list@iem.at mailing list UNSUBSCRIBE and account-management - http://lists.puredata.info/listinfo/pd-list
Re: [PD] Editing CSS style, make pd.info better? [WAS: puredata.info site design provocation]
-BEGIN PGP SIGNED MESSAGE- Hash: SHA1 On 2012-03-08 18:49, András Murányi wrote: http://statistics.puredata.info No screen stats there :( i know. Google Analytics is pretty smart, and simple to implement. Some people have reservations, though. If you don't, it could be a valuable addition. actually, i do have reservations about google analytics. fgamsdr IOhannes -BEGIN PGP SIGNATURE- Version: GnuPG v1.4.11 (GNU/Linux) Comment: Using GnuPG with Mozilla - http://enigmail.mozdev.org/ iEYEARECAAYFAk9Y8+kACgkQkX2Xpv6ydvR2NgCg7XkYIjaVGeCErz+gaFtcxpP0 Ne0AoJCnFSSXUYPHKJ6OEEXFMhHiCpF8 =+Q3o -END PGP SIGNATURE- smime.p7s Description: S/MIME Cryptographic Signature ___ Pd-list@iem.at mailing list UNSUBSCRIBE and account-management - http://lists.puredata.info/listinfo/pd-list
Re: [PD] Editing CSS style, make pd.info better? [WAS: puredata.info site design provocation]
On Thu, Mar 8, 2012 at 19:01, IOhannes m zmoelnig zmoel...@iem.at wrote: -BEGIN PGP SIGNED MESSAGE- Hash: SHA1 On 2012-03-08 18:49, András Murányi wrote: http://statistics.puredata.info No screen stats there :( i know. Google Analytics is pretty smart, and simple to implement. Some people have reservations, though. If you don't, it could be a valuable addition. actually, i do have reservations about google analytics. fgamsdr IOhannes That's completely understandable. This one runs on the server, GPL, and has rather comparable functions: http://piwik.org/ NB we don't to set up web stats to know that 700+ pixels will be to wide for iPhones :) Good web stats are useful, however. Webalizer is old. András ___ Pd-list@iem.at mailing list UNSUBSCRIBE and account-management - http://lists.puredata.info/listinfo/pd-list
Re: [PD] Editing CSS style, make pd.info better? [WAS: puredata.info site design provocation]
actually, i do have reservations about google analytics. fgamsdr IOhannes I don't know if Iohannes reservations are the same as mine, but +1 for the record. No need for thatkind of cheap marketing trash on our site. ___ Pd-list@iem.at mailing list UNSUBSCRIBE and account-management - http://lists.puredata.info/listinfo/pd-list
Re: [PD] Editing CSS style, make pd.info better? [WAS: puredata.info site design provocation]
Hello, This layout is much better than the exisiting one. It should be applied to the complete website and not only to the exhibition section (but I think that's what you implied). these comments are for the whole website: * I think we don't need the site map / accessibility / contact div as well. * Maybe a prettiest title bar should be nice ( with a patch screenshot or something) * One problem I think, is also the width of the left column, when we click on a section, there is often two lines fr a folder, maybe it should be increase. * Maybe we may simplify the footer as well? If you want to test your css on other computer before to apply, don't hesitate to send (maybe on the pdweb list) Good job, cool! n Le 07/03/12 07:55, Chris McCormick a écrit : Hi Marco, Love it! A couple of ideas (bike shed opinions only of course): * Larger fonts look friendlier. * How many people have ever clicked the print/email icons? My guess is somewhere close to zero. * RSS icon should look like one, and maybe bigger. * Like the idea of a big fat download button (example attached but don't use it as it's not mine). Kind of hilarious to imagine how users will feel after finding Pd through a lovely friendly pure-data.info site and then being confronted with Pd's blank canvas and then lines-and-boxes for the first time. ;) Cheers, Chris. On 03/07/2012 07:57 AM, Marco Donnarumma wrote: this is what I'm working on, started with the exhibition page, but it could be generalized. I only added now the background pattern of the ubuntu website, following on the ubuntu font by chris. This is only CSS editing, but I had to delete the navigation tab on the top from the html. I say so, because apparently it's easy to edit the plone css custom theme, but edit the structure might be more painful. Next I want to display images for each project and a slightly longer description. attached there's a screenshot.. M On Tue, Mar 6, 2012 at 10:45 PM, Marco Donnarumma de...@thesaddj.com mailto:de...@thesaddj.com wrote: Hey folks, I got my head around the CSS editing of PLONE. I can do the CSS job, the only downside is that it has to be done with Plone in development mode. This apparently would slow down the site a bit. However, fact is, if we modify a css class, this will affect the whole website. How should we handle this? Voting for the best style, collecting ideas, or I can join Chris and send over some styles I've been trying. It would be great to give a better look, at least to the extent that the css allows. M On Tue, Mar 6, 2012 at 11:13 AM, Marco Donnarumma de...@thesaddj.com mailto:de...@thesaddj.com wrote: Hi Chris, I'm glad you did that. It is what I'm also doing following the discussion in the past week about the website. However, apparently it's a pain to be able to change only the css in the plone template. I'm looking into that, if somebody is more experienced than me in Plone, give me a shout! But, yes, your is a good example of how the same website could look much friendlier. talk soon, M On 03/06/2012 10:35 AM, Jonathan Wilkes wrote: The one thing I miss is the news section. Yeah for sure. It's probably a little too heavy for the frontpage, but how has webpd progressed? Is it possible to link that picture of a patch on the frontpage to a page with a webpd version of that patch? Yes but it almost certainly won't run and WebPd has no GUI. :) Maybe a simpler patch could work. Cheers, Chris. -- http://mccormick.cx/ -- Marco Donnarumma New Media + Sonic Arts Practitioner, Performer, Teacher, Director. ACE, Sound Design MSc by Research (ongoing) The University of Edinburgh, UK ~ Portfolio: http://marcodonnarumma.com http://marcodonnarumma.com/ Research: http://res.marcodonnarumma.com http://res.marcodonnarumma.com/ | http://www.thesaddj.com http://www.thesaddj.com/ | http://www.flxer.net http://www.flxer.net/ Director: http://www.liveperformersmeeting.net http://www.liveperformersmeeting.net/ -- Marco Donnarumma New Media + Sonic Arts Practitioner, Performer, Teacher, Director. ACE, Sound Design MSc by Research (ongoing) The University of Edinburgh, UK ~ Portfolio: http://marcodonnarumma.com http://marcodonnarumma.com/ Research: http://res.marcodonnarumma.com http://res.marcodonnarumma.com/ | http://www.thesaddj.com http://www.thesaddj.com/ | http://www.flxer.net http://www.flxer.net/ Director: http://www.liveperformersmeeting.net http://www.liveperformersmeeting.net/ -- http://nim.on.free.fr ___ Pd-list@iem.at mailing list UNSUBSCRIBE and
Re: [PD] Editing CSS style, make pd.info better? [WAS: puredata.info site design provocation]
Thanks guys, glad you like it. I'm taking note of all your considerations. I'll make a css style for you to try out. Is there a straight forward way to save the css I'm creating with firebug? I mean, something other than copy pasting each class I edit. Most importantly, I can do the job during this week, but since next week will be travelling again. So, I don't want to rush people, but... I can do it now, surfing the growing interest, or let it die for a while again.. I'd rather the first option. what ppl think? @chris: I also thought the same, but Pd is getting smoother too :) maybe it's a good timing. M On Wed, Mar 7, 2012 at 9:57 AM, Nicolas Montgermont nicolas_montgerm...@yahoo.fr wrote: Hello, This layout is much better than the exisiting one. It should be applied to the complete website and not only to the exhibition section (but I think that's what you implied). these comments are for the whole website: * I think we don't need the site map / accessibility / contact div as well. * Maybe a prettiest title bar should be nice ( with a patch screenshot or something) * One problem I think, is also the width of the left column, when we click on a section, there is often two lines fr a folder, maybe it should be increase. * Maybe we may simplify the footer as well? If you want to test your css on other computer before to apply, don't hesitate to send (maybe on the pdweb list) Good job, cool! n Le 07/03/12 07:55, Chris McCormick a écrit : Hi Marco, Love it! A couple of ideas (bike shed opinions only of course): * Larger fonts look friendlier. * How many people have ever clicked the print/email icons? My guess is somewhere close to zero. * RSS icon should look like one, and maybe bigger. * Like the idea of a big fat download button (example attached but don't use it as it's not mine). Kind of hilarious to imagine how users will feel after finding Pd through a lovely friendly pure-data.info site and then being confronted with Pd's blank canvas and then lines-and-boxes for the first time. ;) Cheers, Chris. On 03/07/2012 07:57 AM, Marco Donnarumma wrote: this is what I'm working on, started with the exhibition page, but it could be generalized. I only added now the background pattern of the ubuntu website, following on the ubuntu font by chris. This is only CSS editing, but I had to delete the navigation tab on the top from the html. I say so, because apparently it's easy to edit the plone css custom theme, but edit the structure might be more painful. Next I want to display images for each project and a slightly longer description. attached there's a screenshot.. M On Tue, Mar 6, 2012 at 10:45 PM, Marco Donnarumma de...@thesaddj.com mailto:de...@thesaddj.com wrote: Hey folks, I got my head around the CSS editing of PLONE. I can do the CSS job, the only downside is that it has to be done with Plone in development mode. This apparently would slow down the site a bit. However, fact is, if we modify a css class, this will affect the whole website. How should we handle this? Voting for the best style, collecting ideas, or I can join Chris and send over some styles I've been trying. It would be great to give a better look, at least to the extent that the css allows. M On Tue, Mar 6, 2012 at 11:13 AM, Marco Donnarumma de...@thesaddj.com mailto:de...@thesaddj.com wrote: Hi Chris, I'm glad you did that. It is what I'm also doing following the discussion in the past week about the website. However, apparently it's a pain to be able to change only the css in the plone template. I'm looking into that, if somebody is more experienced than me in Plone, give me a shout! But, yes, your is a good example of how the same website could look much friendlier. talk soon, M On 03/06/2012 10:35 AM, Jonathan Wilkes wrote: The one thing I miss is the news section. Yeah for sure. It's probably a little too heavy for the frontpage, but how has webpd progressed? Is it possible to link that picture of a patch on the frontpage to a page with a webpd version of that patch? Yes but it almost certainly won't run and WebPd has no GUI. :) Maybe a simpler patch could work. Cheers, Chris. -- http://mccormick.cx/ -- Marco Donnarumma New Media + Sonic Arts Practitioner, Performer, Teacher, Director. ACE, Sound Design MSc by Research (ongoing) The University of Edinburgh, UK ~ Portfolio: http://marcodonnarumma.com http://marcodonnarumma.com/ Research: http://res.marcodonnarumma.com http://res.marcodonnarumma.**com/ http://res.marcodonnarumma.com/ | http://www.thesaddj.com http://www.thesaddj.com/ |
Re: [PD] Editing CSS style, make pd.info better? [WAS: puredata.info site design provocation]
Hi Marco, +1 on taking this. On 07/03/12 11:46, Marco Donnarumma wrote: ... Is there a straight forward way to save the css I'm creating with firebug? I mean, something other than copy pasting each class I edit. Maybe this: http://www.incaseofstairs.com/firediff/ ... what ppl think? A couple comments/suggestions: - I agree that base font size could be slightly bigger. - Personally I would leave the background white even in the header I think it reminds more of the white clean Pd canvas (which personally I find nice, in a way inspiring and actually a Pd asset) - Nice Screenshots in the front page. 100% if possible (I think Chris already suggested this) This is not strictly related to the CSS, but may fit with a 'restyling'. Maybe it would be cool to have directly from puredata.info some media created with Pd, not sure if in the exhibition section or in it's own 'media' section. I guess it would be ok to add stuff embedded from popular media sites (be it audio, video, image) or submitted by users. Lorenzo. ___ Pd-list@iem.at mailing list UNSUBSCRIBE and account-management - http://lists.puredata.info/listinfo/pd-list
Re: [PD] Editing CSS style, make pd.info better? [WAS: puredata.info site design provocation]
hello can i put a suggestion in for fixed width rather than stretched? fixed will retain all the design elements and text nicely stretched just looks sloppy to me. thanks! m On Tue, Mar 6, 2012 at 6:57 PM, Marco Donnarumma de...@thesaddj.com wrote: this is what I'm working on, started with the exhibition page, but it could be generalized. I only added now the background pattern of the ubuntu website, following on the ubuntu font by chris. This is only CSS editing, but I had to delete the navigation tab on the top from the html. I say so, because apparently it's easy to edit the plone css custom theme, but edit the structure might be more painful. Next I want to display images for each project and a slightly longer description. attached there's a screenshot.. M On Tue, Mar 6, 2012 at 10:45 PM, Marco Donnarumma de...@thesaddj.com wrote: Hey folks, I got my head around the CSS editing of PLONE. I can do the CSS job, the only downside is that it has to be done with Plone in development mode. This apparently would slow down the site a bit. However, fact is, if we modify a css class, this will affect the whole website. How should we handle this? Voting for the best style, collecting ideas, or I can join Chris and send over some styles I've been trying. It would be great to give a better look, at least to the extent that the css allows. M On Tue, Mar 6, 2012 at 11:13 AM, Marco Donnarumma de...@thesaddj.com wrote: Hi Chris, I'm glad you did that. It is what I'm also doing following the discussion in the past week about the website. However, apparently it's a pain to be able to change only the css in the plone template. I'm looking into that, if somebody is more experienced than me in Plone, give me a shout! But, yes, your is a good example of how the same website could look much friendlier. talk soon, M On 03/06/2012 10:35 AM, Jonathan Wilkes wrote: The one thing I miss is the news section. Yeah for sure. It's probably a little too heavy for the frontpage, but how has webpd progressed? Is it possible to link that picture of a patch on the frontpage to a page with a webpd version of that patch? Yes but it almost certainly won't run and WebPd has no GUI. :) Maybe a simpler patch could work. Cheers, Chris. -- http://mccormick.cx/ -- Marco Donnarumma New Media + Sonic Arts Practitioner, Performer, Teacher, Director. ACE, Sound Design MSc by Research (ongoing) The University of Edinburgh, UK ~ Portfolio: http://marcodonnarumma.com Research: http://res.marcodonnarumma.com | http://www.thesaddj.com | http://www.flxer.net Director: http://www.liveperformersmeeting.net -- Marco Donnarumma New Media + Sonic Arts Practitioner, Performer, Teacher, Director. ACE, Sound Design MSc by Research (ongoing) The University of Edinburgh, UK ~ Portfolio: http://marcodonnarumma.com Research: http://res.marcodonnarumma.com | http://www.thesaddj.com | http://www.flxer.net Director: http://www.liveperformersmeeting.net ___ Pd-list@iem.at mailing list UNSUBSCRIBE and account-management - http://lists.puredata.info/listinfo/pd-list -- m.e.grimm | m.f.a | ed.m. megr...@gmail.com _ ___ Pd-list@iem.at mailing list UNSUBSCRIBE and account-management - http://lists.puredata.info/listinfo/pd-list
Re: [PD] Editing CSS style, make pd.info better? [WAS: puredata.info site design provocation]
agree!! should we stick to margin: 0 auto, so to center it, or people is more left/ish? on my website the width is 720px and centered, which I find a good compromise for both laptop and mobile browsers. thoughts? M On Wed, Mar 7, 2012 at 12:45 PM, m.e.grimm megr...@gmail.com wrote: hello can i put a suggestion in for fixed width rather than stretched? fixed will retain all the design elements and text nicely stretched just looks sloppy to me. thanks! m On Tue, Mar 6, 2012 at 6:57 PM, Marco Donnarumma de...@thesaddj.com wrote: this is what I'm working on, started with the exhibition page, but it could be generalized. I only added now the background pattern of the ubuntu website, following on the ubuntu font by chris. This is only CSS editing, but I had to delete the navigation tab on the top from the html. I say so, because apparently it's easy to edit the plone css custom theme, but edit the structure might be more painful. Next I want to display images for each project and a slightly longer description. attached there's a screenshot.. M On Tue, Mar 6, 2012 at 10:45 PM, Marco Donnarumma de...@thesaddj.com wrote: Hey folks, I got my head around the CSS editing of PLONE. I can do the CSS job, the only downside is that it has to be done with Plone in development mode. This apparently would slow down the site a bit. However, fact is, if we modify a css class, this will affect the whole website. How should we handle this? Voting for the best style, collecting ideas, or I can join Chris and send over some styles I've been trying. It would be great to give a better look, at least to the extent that the css allows. M On Tue, Mar 6, 2012 at 11:13 AM, Marco Donnarumma de...@thesaddj.com wrote: Hi Chris, I'm glad you did that. It is what I'm also doing following the discussion in the past week about the website. However, apparently it's a pain to be able to change only the css in the plone template. I'm looking into that, if somebody is more experienced than me in Plone, give me a shout! But, yes, your is a good example of how the same website could look much friendlier. talk soon, M On 03/06/2012 10:35 AM, Jonathan Wilkes wrote: The one thing I miss is the news section. Yeah for sure. It's probably a little too heavy for the frontpage, but how has webpd progressed? Is it possible to link that picture of a patch on the frontpage to a page with a webpd version of that patch? Yes but it almost certainly won't run and WebPd has no GUI. :) Maybe a simpler patch could work. Cheers, Chris. -- http://mccormick.cx/ -- Marco Donnarumma New Media + Sonic Arts Practitioner, Performer, Teacher, Director. ACE, Sound Design MSc by Research (ongoing) The University of Edinburgh, UK ~ Portfolio: http://marcodonnarumma.com Research: http://res.marcodonnarumma.com | http://www.thesaddj.com | http://www.flxer.net Director: http://www.liveperformersmeeting.net -- Marco Donnarumma New Media + Sonic Arts Practitioner, Performer, Teacher, Director. ACE, Sound Design MSc by Research (ongoing) The University of Edinburgh, UK ~ Portfolio: http://marcodonnarumma.com Research: http://res.marcodonnarumma.com | http://www.thesaddj.com | http://www.flxer.net Director: http://www.liveperformersmeeting.net ___ Pd-list@iem.at mailing list UNSUBSCRIBE and account-management - http://lists.puredata.info/listinfo/pd-list -- m.e.grimm | m.f.a | ed.m. megr...@gmail.com _ -- Marco Donnarumma New Media + Sonic Arts Practitioner, Performer, Teacher, Director. ACE, Sound Design MSc by Research (ongoing) The University of Edinburgh, UK ~ Portfolio: http://marcodonnarumma.com Research: http://res.marcodonnarumma.com | http://www.thesaddj.com | http://www.flxer.net Director: http://www.liveperformersmeeting.net ___ Pd-list@iem.at mailing list UNSUBSCRIBE and account-management - http://lists.puredata.info/listinfo/pd-list
Re: [PD] Editing CSS style, make pd.info better? [WAS: puredata.info site design provocation]
I agree with Marco, 720px is usually a good in-between, to make it perfect for ALL mobile only really by doing a mobile version. I prefer left-alignment usually (call me left wing maybe!), but that's really a matter of personal taste. Probably center alignment is more overall matching. best, pedro On Wed, Mar 7, 2012 at 2:27 PM, Marco Donnarumma de...@thesaddj.com wrote: agree!! should we stick to margin: 0 auto, so to center it, or people is more left/ish? on my website the width is 720px and centered, which I find a good compromise for both laptop and mobile browsers. thoughts? M On Wed, Mar 7, 2012 at 12:45 PM, m.e.grimm megr...@gmail.com wrote: hello can i put a suggestion in for fixed width rather than stretched? fixed will retain all the design elements and text nicely stretched just looks sloppy to me. thanks! m On Tue, Mar 6, 2012 at 6:57 PM, Marco Donnarumma de...@thesaddj.com wrote: this is what I'm working on, started with the exhibition page, but it could be generalized. I only added now the background pattern of the ubuntu website, following on the ubuntu font by chris. This is only CSS editing, but I had to delete the navigation tab on the top from the html. I say so, because apparently it's easy to edit the plone css custom theme, but edit the structure might be more painful. Next I want to display images for each project and a slightly longer description. attached there's a screenshot.. M On Tue, Mar 6, 2012 at 10:45 PM, Marco Donnarumma de...@thesaddj.com wrote: Hey folks, I got my head around the CSS editing of PLONE. I can do the CSS job, the only downside is that it has to be done with Plone in development mode. This apparently would slow down the site a bit. However, fact is, if we modify a css class, this will affect the whole website. How should we handle this? Voting for the best style, collecting ideas, or I can join Chris and send over some styles I've been trying. It would be great to give a better look, at least to the extent that the css allows. M On Tue, Mar 6, 2012 at 11:13 AM, Marco Donnarumma de...@thesaddj.com wrote: Hi Chris, I'm glad you did that. It is what I'm also doing following the discussion in the past week about the website. However, apparently it's a pain to be able to change only the css in the plone template. I'm looking into that, if somebody is more experienced than me in Plone, give me a shout! But, yes, your is a good example of how the same website could look much friendlier. talk soon, M On 03/06/2012 10:35 AM, Jonathan Wilkes wrote: The one thing I miss is the news section. Yeah for sure. It's probably a little too heavy for the frontpage, but how has webpd progressed? Is it possible to link that picture of a patch on the frontpage to a page with a webpd version of that patch? Yes but it almost certainly won't run and WebPd has no GUI. :) Maybe a simpler patch could work. Cheers, Chris. -- http://mccormick.cx/ -- Marco Donnarumma New Media + Sonic Arts Practitioner, Performer, Teacher, Director. ACE, Sound Design MSc by Research (ongoing) The University of Edinburgh, UK ~ Portfolio: http://marcodonnarumma.com Research: http://res.marcodonnarumma.com | http://www.thesaddj.com | http://www.flxer.net Director: http://www.liveperformersmeeting.net -- Marco Donnarumma New Media + Sonic Arts Practitioner, Performer, Teacher, Director. ACE, Sound Design MSc by Research (ongoing) The University of Edinburgh, UK ~ Portfolio: http://marcodonnarumma.com Research: http://res.marcodonnarumma.com | http://www.thesaddj.com | http://www.flxer.net Director: http://www.liveperformersmeeting.net ___ Pd-list@iem.at mailing list UNSUBSCRIBE and account-management - http://lists.puredata.info/listinfo/pd-list -- m.e.grimm | m.f.a | ed.m. megr...@gmail.com _ -- Marco Donnarumma New Media + Sonic Arts Practitioner, Performer, Teacher, Director. ACE, Sound Design MSc by Research (ongoing) The University of Edinburgh, UK ~ Portfolio: http://marcodonnarumma.com Research: http://res.marcodonnarumma.com | http://www.thesaddj.com | http://www.flxer.net Director: http://www.liveperformersmeeting.net ___ Pd-list@iem.at mailing list UNSUBSCRIBE and account-management - http://lists.puredata.info/listinfo/pd-list -- Pedro Lopes (HCI Researcher / MSc) contact: pedro.lo...@ist.utl.pt website: http://web.ist.utl.pt/pedro.lopes / http://pedrolopesresearch.wordpress.com/ | http://twitter.com/plopesresearch
Re: [PD] Editing CSS style, make pd.info better? [WAS: puredata.info site design provocation]
On 07/03/12 14:27, Marco Donnarumma wrote: agree!! should we stick to margin: 0 auto, so to center it, or people is more left/ish? I think if you keep the menu on the left, left is better. on my website the width is 720px and centered, which I find a good compromise for both laptop and mobile browsers. thoughts? M On Wed, Mar 7, 2012 at 12:45 PM, m.e.grimm megr...@gmail.com mailto:megr...@gmail.com wrote: hello can i put a suggestion in for fixed width rather than stretched? fixed will retain all the design elements and text nicely stretched just looks sloppy to me. thanks! m On Tue, Mar 6, 2012 at 6:57 PM, Marco Donnarumma de...@thesaddj.com mailto:de...@thesaddj.com wrote: this is what I'm working on, started with the exhibition page, but it could be generalized. I only added now the background pattern of the ubuntu website, following on the ubuntu font by chris. This is only CSS editing, but I had to delete the navigation tab on the top from the html. I say so, because apparently it's easy to edit the plone css custom theme, but edit the structure might be more painful. Next I want to display images for each project and a slightly longer description. attached there's a screenshot.. M On Tue, Mar 6, 2012 at 10:45 PM, Marco Donnarumma de...@thesaddj.com mailto:de...@thesaddj.com wrote: Hey folks, I got my head around the CSS editing of PLONE. I can do the CSS job, the only downside is that it has to be done with Plone in development mode. This apparently would slow down the site a bit. However, fact is, if we modify a css class, this will affect the whole website. How should we handle this? Voting for the best style, collecting ideas, or I can join Chris and send over some styles I've been trying. It would be great to give a better look, at least to the extent that the css allows. M On Tue, Mar 6, 2012 at 11:13 AM, Marco Donnarumma de...@thesaddj.com mailto:de...@thesaddj.com wrote: Hi Chris, I'm glad you did that. It is what I'm also doing following the discussion in the past week about the website. However, apparently it's a pain to be able to change only the css in the plone template. I'm looking into that, if somebody is more experienced than me in Plone, give me a shout! But, yes, your is a good example of how the same website could look much friendlier. talk soon, M On 03/06/2012 10:35 AM, Jonathan Wilkes wrote: The one thing I miss is the news section. Yeah for sure. It's probably a little too heavy for the frontpage, but how has webpd progressed? Is it possible to link that picture of a patch on the frontpage to a page with a webpd version of that patch? Yes but it almost certainly won't run and WebPd has no GUI. :) Maybe a simpler patch could work. Cheers, Chris. -- http://mccormick.cx/ -- Marco Donnarumma New Media + Sonic Arts Practitioner, Performer, Teacher, Director. ACE, Sound Design MSc by Research (ongoing) The University of Edinburgh, UK ~ Portfolio: http://marcodonnarumma.com Research: http://res.marcodonnarumma.com | http://www.thesaddj.com | http://www.flxer.net Director: http://www.liveperformersmeeting.net -- Marco Donnarumma New Media + Sonic Arts Practitioner, Performer, Teacher, Director. ACE, Sound Design MSc by Research (ongoing) The University of Edinburgh, UK ~ Portfolio: http://marcodonnarumma.com Research: http://res.marcodonnarumma.com | http://www.thesaddj.com | http://www.flxer.net Director: http://www.liveperformersmeeting.net ___ Pd-list@iem.at mailto:Pd-list@iem.at mailing list UNSUBSCRIBE and account-management - http://lists.puredata.info/listinfo/pd-list -- m.e.grimm | m.f.a | ed.m. megr...@gmail.com mailto:megr...@gmail.com _ -- Marco Donnarumma New Media + Sonic Arts Practitioner, Performer, Teacher, Director. ACE, Sound Design MSc by Research (ongoing) The University of Edinburgh, UK ~ Portfolio: http://marcodonnarumma.com http://marcodonnarumma.com/ Research: http://res.marcodonnarumma.com http://res.marcodonnarumma.com/ | http://www.thesaddj.com http://www.thesaddj.com/ | http://www.flxer.net http://www.flxer.net/ Director:
Re: [PD] Editing CSS style, make pd.info better? [WAS: puredata.info site design provocation]
Hi Marco, - i love the dotted background - the bottom icon bar (iem-powered etc) is oldschool and shall go - we may not need the accessibility link but some people do - a bit afraid that fixed width may be a problem on some mobiles. btw: are there some web stats for puredata.info that have screen size statistics? 2 cents, András On Wed, Mar 7, 2012 at 14:39, Lorenzo Sutton lorenzofsut...@gmail.comwrote: On 07/03/12 14:27, Marco Donnarumma wrote: agree!! should we stick to margin: 0 auto, so to center it, or people is more left/ish? I think if you keep the menu on the left, left is better. on my website the width is 720px and centered, which I find a good compromise for both laptop and mobile browsers. thoughts? M On Wed, Mar 7, 2012 at 12:45 PM, m.e.grimm megr...@gmail.com mailto: megr...@gmail.com wrote: hello can i put a suggestion in for fixed width rather than stretched? fixed will retain all the design elements and text nicely stretched just looks sloppy to me. thanks! m On Tue, Mar 6, 2012 at 6:57 PM, Marco Donnarumma de...@thesaddj.com mailto:de...@thesaddj.com wrote: this is what I'm working on, started with the exhibition page, but it could be generalized. I only added now the background pattern of the ubuntu website, following on the ubuntu font by chris. This is only CSS editing, but I had to delete the navigation tab on the top from the html. I say so, because apparently it's easy to edit the plone css custom theme, but edit the structure might be more painful. Next I want to display images for each project and a slightly longer description. attached there's a screenshot.. M On Tue, Mar 6, 2012 at 10:45 PM, Marco Donnarumma de...@thesaddj.com mailto:de...@thesaddj.com wrote: Hey folks, I got my head around the CSS editing of PLONE. I can do the CSS job, the only downside is that it has to be done with Plone in development mode. This apparently would slow down the site a bit. However, fact is, if we modify a css class, this will affect the whole website. How should we handle this? Voting for the best style, collecting ideas, or I can join Chris and send over some styles I've been trying. It would be great to give a better look, at least to the extent that the css allows. M On Tue, Mar 6, 2012 at 11:13 AM, Marco Donnarumma de...@thesaddj.com mailto:de...@thesaddj.com wrote: Hi Chris, I'm glad you did that. It is what I'm also doing following the discussion in the past week about the website. However, apparently it's a pain to be able to change only the css in the plone template. I'm looking into that, if somebody is more experienced than me in Plone, give me a shout! But, yes, your is a good example of how the same website could look much friendlier. talk soon, M On 03/06/2012 10:35 AM, Jonathan Wilkes wrote: The one thing I miss is the news section. Yeah for sure. It's probably a little too heavy for the frontpage, but how has webpd progressed? Is it possible to link that picture of a patch on the frontpage to a page with a webpd version of that patch? Yes but it almost certainly won't run and WebPd has no GUI. :) Maybe a simpler patch could work. Cheers, Chris. -- http://mccormick.cx/ -- Marco Donnarumma New Media + Sonic Arts Practitioner, Performer, Teacher, Director. ACE, Sound Design MSc by Research (ongoing) The University of Edinburgh, UK ~ Portfolio: http://marcodonnarumma.com Research: http://res.marcodonnarumma.com | http://www.thesaddj.com | http://www.flxer.net Director: http://www.**liveperformersmeeting.nethttp://www.liveperformersmeeting.net -- Marco Donnarumma New Media + Sonic Arts Practitioner, Performer, Teacher, Director. ACE, Sound Design MSc by Research (ongoing) The University of Edinburgh, UK ~ Portfolio: http://marcodonnarumma.com Research: http://res.marcodonnarumma.com | http://www.thesaddj.com | http://www.flxer.net Director: http://www.**liveperformersmeeting.nethttp://www.liveperformersmeeting.net __**_ Pd-list@iem.at mailto:Pd-list@iem.at mailing list UNSUBSCRIBE and account-management - http://lists.puredata.info/**listinfo/pd-listhttp://lists.puredata.info/listinfo/pd-list --
[PD] Editing CSS style, make pd.info better? [WAS: puredata.info site design provocation]
Hey folks, I got my head around the CSS editing of PLONE. I can do the CSS job, the only downside is that it has to be done with Plone in development mode. This apparently would slow down the site a bit. However, fact is, if we modify a css class, this will affect the whole website. How should we handle this? Voting for the best style, collecting ideas, or I can join Chris and send over some styles I've been trying. It would be great to give a better look, at least to the extent that the css allows. M On Tue, Mar 6, 2012 at 11:13 AM, Marco Donnarumma de...@thesaddj.comwrote: Hi Chris, I'm glad you did that. It is what I'm also doing following the discussion in the past week about the website. However, apparently it's a pain to be able to change only the css in the plone template. I'm looking into that, if somebody is more experienced than me in Plone, give me a shout! But, yes, your is a good example of how the same website could look much friendlier. talk soon, M On 03/06/2012 10:35 AM, Jonathan Wilkes wrote: The one thing I miss is the news section. Yeah for sure. It's probably a little too heavy for the frontpage, but how has webpd progressed? Is it possible to link that picture of a patch on the frontpage to a page with a webpd version of that patch? Yes but it almost certainly won't run and WebPd has no GUI. :) Maybe a simpler patch could work. Cheers, Chris. -- http://mccormick.cx/ -- Marco Donnarumma New Media + Sonic Arts Practitioner, Performer, Teacher, Director. ACE, Sound Design MSc by Research (ongoing) The University of Edinburgh, UK ~ Portfolio: http://marcodonnarumma.com Research: http://res.marcodonnarumma.com | http://www.thesaddj.com | http://www.flxer.net Director: http://www.liveperformersmeeting.net ___ Pd-list@iem.at mailing list UNSUBSCRIBE and account-management - http://lists.puredata.info/listinfo/pd-list
Re: [PD] Editing CSS style, make pd.info better? [WAS: puredata.info site design provocation]
Also looks like a big improvement. I think whoever is actually going to do the work should make the final call on how it will look, but with community input, of course :-). Posting screenshots sounds like a nice way to review the possibilities, if people are up for generating them. .hc On Mar 6, 2012, at 6:57 PM, Marco Donnarumma wrote: this is what I'm working on, started with the exhibition page, but it could be generalized. I only added now the background pattern of the ubuntu website, following on the ubuntu font by chris. This is only CSS editing, but I had to delete the navigation tab on the top from the html. I say so, because apparently it's easy to edit the plone css custom theme, but edit the structure might be more painful. Next I want to display images for each project and a slightly longer description. attached there's a screenshot.. M On Tue, Mar 6, 2012 at 10:45 PM, Marco Donnarumma de...@thesaddj.com wrote: Hey folks, I got my head around the CSS editing of PLONE. I can do the CSS job, the only downside is that it has to be done with Plone in development mode. This apparently would slow down the site a bit. However, fact is, if we modify a css class, this will affect the whole website. How should we handle this? Voting for the best style, collecting ideas, or I can join Chris and send over some styles I've been trying. It would be great to give a better look, at least to the extent that the css allows. M On Tue, Mar 6, 2012 at 11:13 AM, Marco Donnarumma de...@thesaddj.com wrote: Hi Chris, I'm glad you did that. It is what I'm also doing following the discussion in the past week about the website. However, apparently it's a pain to be able to change only the css in the plone template. I'm looking into that, if somebody is more experienced than me in Plone, give me a shout! But, yes, your is a good example of how the same website could look much friendlier. talk soon, M On 03/06/2012 10:35 AM, Jonathan Wilkes wrote: The one thing I miss is the news section. Yeah for sure. It's probably a little too heavy for the frontpage, but how has webpd progressed? Is it possible to link that picture of a patch on the frontpage to a page with a webpd version of that patch? Yes but it almost certainly won't run and WebPd has no GUI. :) Maybe a simpler patch could work. Cheers, Chris. -- http://mccormick.cx/ -- Marco Donnarumma New Media + Sonic Arts Practitioner, Performer, Teacher, Director. ACE, Sound Design MSc by Research (ongoing) The University of Edinburgh, UK ~ Portfolio: http://marcodonnarumma.com Research: http://res.marcodonnarumma.com | http://www.thesaddj.com | http://www.flxer.net Director: http://www.liveperformersmeeting.net -- Marco Donnarumma New Media + Sonic Arts Practitioner, Performer, Teacher, Director. ACE, Sound Design MSc by Research (ongoing) The University of Edinburgh, UK ~ Portfolio: http://marcodonnarumma.com Research: http://res.marcodonnarumma.com | http://www.thesaddj.com | http://www.flxer.net Director: http://www.liveperformersmeeting.net pd-info_styled.png___ Pd-list@iem.at mailing list UNSUBSCRIBE and account-management - http://lists.puredata.info/listinfo/pd-list Looking at things from a more basic level, you can come up with a more direct solution... It may sound small in theory, but it in practice, it can change entire economies. - Amy Smith ___ Pd-list@iem.at mailing list UNSUBSCRIBE and account-management - http://lists.puredata.info/listinfo/pd-list
Re: [PD] Editing CSS style, make pd.info better? [WAS: puredata.info site design provocation]
Hi Marco, Love it! A couple of ideas (bike shed opinions only of course): * Larger fonts look friendlier. * How many people have ever clicked the print/email icons? My guess is somewhere close to zero. * RSS icon should look like one, and maybe bigger. * Like the idea of a big fat download button (example attached but don't use it as it's not mine). Kind of hilarious to imagine how users will feel after finding Pd through a lovely friendly pure-data.info site and then being confronted with Pd's blank canvas and then lines-and-boxes for the first time. ;) Cheers, Chris. On 03/07/2012 07:57 AM, Marco Donnarumma wrote: this is what I'm working on, started with the exhibition page, but it could be generalized. I only added now the background pattern of the ubuntu website, following on the ubuntu font by chris. This is only CSS editing, but I had to delete the navigation tab on the top from the html. I say so, because apparently it's easy to edit the plone css custom theme, but edit the structure might be more painful. Next I want to display images for each project and a slightly longer description. attached there's a screenshot.. M On Tue, Mar 6, 2012 at 10:45 PM, Marco Donnarumma de...@thesaddj.com mailto:de...@thesaddj.com wrote: Hey folks, I got my head around the CSS editing of PLONE. I can do the CSS job, the only downside is that it has to be done with Plone in development mode. This apparently would slow down the site a bit. However, fact is, if we modify a css class, this will affect the whole website. How should we handle this? Voting for the best style, collecting ideas, or I can join Chris and send over some styles I've been trying. It would be great to give a better look, at least to the extent that the css allows. M On Tue, Mar 6, 2012 at 11:13 AM, Marco Donnarumma de...@thesaddj.com mailto:de...@thesaddj.com wrote: Hi Chris, I'm glad you did that. It is what I'm also doing following the discussion in the past week about the website. However, apparently it's a pain to be able to change only the css in the plone template. I'm looking into that, if somebody is more experienced than me in Plone, give me a shout! But, yes, your is a good example of how the same website could look much friendlier. talk soon, M On 03/06/2012 10:35 AM, Jonathan Wilkes wrote: The one thing I miss is the news section. Yeah for sure. It's probably a little too heavy for the frontpage, but how has webpd progressed? Is it possible to link that picture of a patch on the frontpage to a page with a webpd version of that patch? Yes but it almost certainly won't run and WebPd has no GUI. :) Maybe a simpler patch could work. Cheers, Chris. -- http://mccormick.cx/ -- Marco Donnarumma New Media + Sonic Arts Practitioner, Performer, Teacher, Director. ACE, Sound Design MSc by Research (ongoing) The University of Edinburgh, UK ~ Portfolio: http://marcodonnarumma.com http://marcodonnarumma.com/ Research: http://res.marcodonnarumma.com http://res.marcodonnarumma.com/ | http://www.thesaddj.com http://www.thesaddj.com/ | http://www.flxer.net http://www.flxer.net/ Director: http://www.liveperformersmeeting.net http://www.liveperformersmeeting.net/ -- Marco Donnarumma New Media + Sonic Arts Practitioner, Performer, Teacher, Director. ACE, Sound Design MSc by Research (ongoing) The University of Edinburgh, UK ~ Portfolio: http://marcodonnarumma.com http://marcodonnarumma.com/ Research: http://res.marcodonnarumma.com http://res.marcodonnarumma.com/ | http://www.thesaddj.com http://www.thesaddj.com/ | http://www.flxer.net http://www.flxer.net/ Director: http://www.liveperformersmeeting.net http://www.liveperformersmeeting.net/ -- http://mccormick.cx/ attachment: Download-Now-button.jpg___ Pd-list@iem.at mailing list UNSUBSCRIBE and account-management - http://lists.puredata.info/listinfo/pd-list
