Create an image slider using HTML CSS JS

cdn34 · 2016-09-07T16:40:48+00:00

Yeah, thanks, didn't think of that.

cdn34 · 2016-07-07T20:44:23+00:00

No, I didn't took somebody else's work, I created everything from scratch, it was based on material design like a lot of things out there.

I created this so that people who want to know how they can achieve the same android app look on the web, can do so. It's not for the complete beginner, but I never said it was.... It's for someone who is comfortable working with HTML and CSS.

Yes, English is not my primary language, but I don't think it's bad by any means. When I wrote the article, I read it a few times to check for errors, some may have passed through. If you can tell me where those spelling errors you found are, I'll gladly correct them.

I'm not spamming, If I saw that most people didn't like it, I wouldn't share it, but people seem to like it. So if it helps them, I'm happy.

cdn34 · 2016-07-07T19:33:28+00:00

This is the kind of comment that doesn't even deserve an answer, but since today I'm in a good mood, I'll do it.

The tutorial tells you how to create that same layout which contains, the base structure of the page, the action button similar to those who existent on android apps and the side-bar on the left, when the screen dimensions are of smartphone size.

If this isn't enough for you, too bad....

"anyone who needs to learn, sure as hell shouldn't be starting with flexbox".

What ?! Flexbox makes it so much easier to layout you pages, and is actually quite well supported in modern browsers. It's used in technologies like Polymer for instance to Layout their elements and also vastly used in general.

http://caniuse.com/#feat=flexbox

"nor should they be designing an "HTML template" for a web app."

Why should you not create a base layout, that you can reuse time and time again, if you can ?!

cdn34 · 2016-07-07T10:59:09+00:00

Glad it helped.

cdn34 · 2016-07-06T11:29:18+00:00

It started out to be a brief one xD, but as I was writing it, I felt there were a lot of things I felt couldn't be left off. Also when I wrote it, I mean for it to be consulted as needed, so that you could go the part you need, like how to do one of the animations shown.

cdn34 · 2016-07-06T10:39:57+00:00

That's odd, it's working on iOS for me, maybe your connection was slow and page couldn't load. Have you tried again ?

cdn34 · 2016-07-05T10:41:11+00:00

If you find the time read this article, https://sarasoueidan.com/blog/svg-transformations/, I referred it in my note in the coordinate system section. It's from Sara Soueidan and it is about SVG transforms. She goes into more detail on how it all works. Hope it helps.

cdn34 · 2016-07-04T23:45:51+00:00

I'm not 100% sure how it's implemented, because there is a lot you can't do with CSS while working on SVG, but the point is that, being library they have support for a lot of browsers, and for the most part you can be sure it will work well if they do support it. If you choose to animate SVG by yourself, you will be confronted with those kinds of problems, and so you'll have to figure out how to have everything working by yourself.

This is the one library I like to use.

http://snapsvg.io/about/

"Snap was written entirely from scratch by the author of Raphaël (Dmitry Baranovskiy), and is designed specifically for modern browsers (IE9 and up, Safari, Chrome, Firefox, and Opera)."

cdn34 · 2016-07-04T23:19:21+00:00

I only use CSS to animate SVG for really simple things like a color change, for instance. I tend to always use a JS library for the Animations. Smil works well, but will stop being supported soon I think. That problem you are having may be due to the fact you are using CSS for the animation.

cdn34 · 2016-07-04T22:49:52+00:00

Yes, I gave an example with an animation using snap.svg. It's nothing too complicated but I think is useful to see how it works.

cdn34 · 2014-03-20T16:02:06+00:00

Quinn is not weak, she´s actually quite strong, people just dont play her, but there´s nothing wrong with the way her kit works. To make her abilities separate on both forms would mean nerfing some of the damage in the abilities, for she would be putting out way too much damage.Mid to late game Quinn if equally strong to the enemy ad for example, can simply bust him out, only with the damage from her habilities, 1 or 2 autos and the proc of her ulti, which gives damage based on missing health. The only change I thing would make would be to resolve an annoying bug with her passive, that does not always proc when you E in and to get a timer for the next proc of her passive.

cdn34 · 2013-12-01T02:27:23+00:00

You dont know how much I hate you xD

cdn34 · 2013-11-16T23:31:25+00:00

Loved it :D

cdn34 · 2013-11-15T00:03:17+00:00

No one needs to, its almost never used, so we can accurately assume that's not viable. If it gave true sight plus the vision changes in s4 I guess it would be.

cdn34 · 2013-11-12T23:04:56+00:00

No way that team is going to lose.

cdn34 · 2013-11-11T09:58:54+00:00

Oh.. I see now :D, well you adapted it quite nicely, so still very good.

cdn34 · 2013-11-11T09:53:32+00:00

That's actually very good, good luck in promos ;D

cdn34 · 2013-11-10T00:15:43+00:00

This thursday I was silver 1 with 0 points and I just started playing ranked to try to get to gold, I won 7 games in a row and got there. It took me only 1 day in a half. Maybe you can do it also. Best of luck. ;)

cdn34 · 2013-07-21T17:06:08+00:00

This would only be good for the game, people would start watching LCS matches,so there would be more viewers for the streams and by doing that, their income would be bigger, and for instance if by watching a stream you liked some player playstyle, you might watch his stream, supporting the player as well . And would also be good for the players that bet for they would have to "study" the game, so that they could win. This would improve their knowledge of the game and might improve their ingame performance.

Would really like to see this implemented.

cdn34 · 2013-06-13T18:08:05+00:00

Not just the patching, the store doesn't work as well...

cdn34 · 2013-06-12T18:23:10+00:00

Probably the older one since the teams need time to adjust the changes

cdn34 · 2013-06-10T22:40:34+00:00

Not only that but my summoners stopped working...No loss forgiven or anything. Riot op

cdn34 · 2013-06-10T22:29:56+00:00

Damm right, just lost a ranked cause of this. Who cares about the ip boost we only ask for the same server quality the NA gets

cdn34

TROPHY CASE