codez

No problem :)

I'll look into mocking stuff and adding the js helper.

Shouldn't take too much time I don't think.

added sass version.

Thanks for this saraid216 :)

It's always good to know things like this.

Thanks again!

Yeah now this rings a bell I did have a go at using it like this before but the DOM didn't update as mentioned so I reverted to using it how I wrote above.

Thanks

Ok that's cool. I will look to add a helper and the SASS file.

I've changed the sub heading ;)

Thanks for this.

Just started taking a look at this.

Annoyingly, sass-convert no longer supports less so looks like I will have to have a little look at this to get a better version working.

Shouldn't take too long though.

That's a very good point.

I would have to say if your element is using both of it's pseudo elements, this may not be the one for you or you may have to introduce another element to use progre(c)ss.

My main scenario would be using it on a container element which in my use cases rarely is using it's pseudo elements already but I can see how this would be an issue.

Thanks for raising this :)

Thanks for the feedback lobster_johnson!

Yes, I'd be more than happy to provide a SASS version, I'll look into that, hopefully this evening as it shouldn't be too long to make one at all.

Do you feel the documentation gets across what can be done with it clear enough?

For instance, This doesn't need a js dependency but you could easily mock progress using a keyframe animation on a particular progre(c)ss etc. I am going to try and make some clearer docs and try add some feature attributes, or classes.

I just want it to be clear to people that you can add it to existing elements I think without changing design.

Thanks again for the feedback and I'll get a SASS file in as soon as I can.

Also, the main point of this is just to make a super simple CSS implementation that requires little JS to work.

Because on the js side you are still having to call a start function and a done function and whatever else you need which is the same as being able to do this with just CSS and then just doing a one liner in js that sets the attribute or adds a class.

Also with progre(c)ss you are only needing one file and people can quite easily change the attribute without having to load in a js file.

Ah right I hadn't seen this. From this line

"A nanoscopic progress bar. Featuring realistic trickle animations to convince your users that something is happening!"

You could do the same with progre(c)ss. And do it purely with CSS. Essentially that is what I am doing with the proge(c)ss bars on the page, I am using a keyframe animation and just setting different times on it.

Something like

       @keyframes progress {
           0% {width: 0%;}
           100% {width: 100%;}
       }

Then simply assign the animation to the :after element of a current progre(c)ss and there you have it without needing js.

Thanks for the heads up on nprogess, hadn't seen it before.

Hey woogley,

Thanks for that :) I was actually unaware of that method and I prefer that style if I'm honest.

Thanks!

Haha :)

Sorry, my bad, that is correct.

Thanks!

Yeah that's the angle I was going for with this so it's just super simple to add it wherever you want it without having to worry about layouts etc. or borking your elements.

Using :after means you don't even need to factor it as an element into your existing design, you just place it on top.

Sorry about that. I tried to make the page very minimal and probably sacrificed a little clarity in doing so ha.

The first one :)

The CSS makes use of `:after` to show the bar on whichever element you choose meaning that we don't have to create extra progress elements etc.

Yeah sorry if this piece is unclear, I could maybe add some more instruction if that would help??

I wanted to make the demo page as minimalist as possible. Maybe I will just add (using js) after step three.

But yes you can use js, something like

      $('.myprogrecss').attr('data-progrecss', <PERCENT>); (if using jQuery)

Or I believe

       Document.getElementById('myProgrecss').setAttribute('data-progrecss', <PERCENT>);

DISCLAIMER, this code just popped out of my head so it's probably not quite correct but near abouts.

EDIT: I've added that little piece to the demo page.

I pinged an email through some time last week I believe. Waiting on my reply, think the site said it can take up to two weeks.

Definitely agree with the comments about the sign up too. If the product is cool and people like how it looks and what it does for them they will be asking how do I sign up?

Hey,

I see no one else has put in any input but I'll give you my two cents.

For me personally, when I entered the site I wasn't ultra clear on what I was going to look at and it was all quite loud.

The in thing at the moment is definitely flat design and being minimal. I think your site is quite a cool idea, with the right styling it will be much more appealing to people I think.

Hope that helps a little. I'd be more than happy to help.

Best

Most people will not be using advanced functions though and if people generally understand how version control works, I don't think git is super hard to pick up and learning whilst doing is most effective for me.

I'm sure most people are probably aware of : http://try.github.io/

which is a cool little resource for learning git.

It's a cool concept but like other comments say it overlooks a lot of the things that make git, git.

Best way to learn? use it!

Maybe just create a dummy repo and go from there with it. Maybe use the GUI tools until you're comfortable with the command line.

For me personally, it was command line first. If you aren't sure about something with git, googling it will pretty much always throw out your answer.

Well seeing as there is those other sites, how about we just make our own??

I can put together a page and we decide which things are important to know in CSS from opinion then when people want to disagree or contribute they can??

For example, important things IMO would be float when getting elements side by side, and how to correctly use position.

But what else?

How to do animations is a good one I think too.

EDIT: So I created a repo for this here https://github.com/jh3y/css-the-right-way

EDIT: Asked for help here. https://news.ycombinator.com/item?id=7079505

Cool project. I started something similar but other projects took my time.

IMHO, to get more exposure with a project, make it cool, that's all there is to it so that other people want to look at it or share it. The question is, what are they getting from looking at it? and that's how you get exposure.

If it gets hits on here and it's up on github or somewhere then it's going to get viewed if people see it as popular or worthy of sharing.

To be honest though and in my opinion, don't implement to get exposure, implement it for yourself and if exposure comes then that's great.

There was the person that did something like 160 apps over 160 days. That was cool so got a lot of coverage.

I'd maybe add links to tutorials on how you did each game or something or provide a way for people to learn as they go along. That would be helpful and then you'd get exposure.

Anyway, that's just my two cents on the issue.

So am I right in thinking this is like a site that randomly scrapes music videos hosted on YouTube?

I'd have to agree with the original answer too, In terms of recruitment these days, it seems that agents frequently ask for either github urls or somewhere a client can see your work as in a portfolio. Best thing to do is find something that interests you and then find relevant tech to learn in order to implement it. You'll find that you pick a lot of things up from others you will work with and the way in which projects get set out etc. If you look to create a portfolio site you can also use that as a side project to pick up new tech. I recently started a personal project to create a personal portfolio site boilerplate that is a single page application that is easy for people to modify and make their own [0]. I made it because I needed to get underway with creating a portfolio site and also because it gave me another opportunity at using new things. Also maybe look at contributing to popular OSS because that will get credit too. That's my two cents anyway, hope it helps.

[0] http://jh3y.github.io/pavo

hey sspiff,

yeah dustywusty submitted a pull request with some pretty good little changes in.

I am actually trying to think of a way of sort of hosting discussion on the different issues but kinda struggling on a strategy with regards to how to get people to supply their input. I can use issues on github but when it comes to UI and UX design I'd love some kind of forum almost for it to show balsamiq mocks or the likes.

Any idea with regards to this issue would be awesome.

Thanks again for the input! it's really appreciated.

Oh no sorry, I didn't take it that way at all so no worries.

Thanks again for your feedback, it's really appreciated. Feedback for tyto has been great.

this is interesting to know wrt to trello.

Thanks.

hey sambeau!

thanks for getting back to me. Where would you prefer to see this? or how? I like the way the icon is now as it isn't intrusive although some people claim they want something more like trello offers for adding cards. I have thought maybe a button below the column title like a faded anchor for adding cards maybe? your thoughts?

Thanks again for your input and insight!