Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 8 years ago.
Improve this question
I'm looking to find some resources to help me practice my HTML and CSS coding. I'm not having much luck, so I thought I'd post. I'm looking for a website that gives a design mockup, maybe even the image files, and then work it it into functional HTML, CSS, JS and so on; something with code examples to compare with would be great.
If anybody knows of a website like this, I would love to know. thanks in advance.
You can use this three links to start
http://www.w3schools.com/ good resource for html and css
http://css-tricks.com/ realy good resource for css learning
http://reference.sitepoint.com/css
and of course youtube tutorials are my best option for beginers
https://www.youtube.com/watch?v=LqvFIuVlyP8&list=PL41lfR-6DnOruqMacTfff1zrEcqtmm7Fv
https://www.youtube.com/results?search_query=html5+css3+javascript
There are a lot of free psd templates around internet. You can slice them and make your own web site.
Also I recommend online courses like teamtreehouse.com they have online tools to validate your code after lessons. Not full website design but they are always testing your knowledge after each lesson.
Have a look at http://www.w3schools.com/
It lets you practice by entering code and seeing the results right away
Related
Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 6 years ago.
Improve this question
I'm wondering how I can achieve an effect similar to that of http://eng.getlost-getnatural.ru/ or http://rnbtheme.com/sixteenth/. I've contacted various support forums supplied through Wordpress and all they've been able to tell me is that I need to get a web developer and that the effect was possible. I, however, don't have the money for a web developer and went searching online to try to find what I was looking for and haven't been able to find anything yet. I can make code changes to my Wordpress site using javascript or css. Thank you so much to everyone who helps and answers!
What you are asking for could take a couple of hours to code from scratch, and then trying to match it to a wordpress site that we can't see or use as reference can create a lot of problems. I recommend looking at some jQuery plugins.
Here is a site to get you started, https://www.jssor.com/demos/vertical-slider.slider.
If you have any questions about the code once you download the plugin then we will be able to help you further.
Closed. This question is opinion-based. It is not currently accepting answers.
Want to improve this question? Update the question so it can be answered with facts and citations by editing this post.
Closed 7 years ago.
Improve this question
I've been in the process of making a career change towards front-end development. I've taken several beginning HTML, CSS, and JavaScript courses but am feeling stuck.
I'm not sure where to take all these skills and apply them. I've thought of creating an app for practice, but don't understand the back-end of things. Does anyone have any recommendations for someone who has taken front end dev courses and is looking to advance to the next level (where ever that may be)?
Hopefully this makes sense and others have been or are in a similar circumstance. Thanks!
Amit
I would say a great way to learn new stuff is to watch video courses. I've learned a lot from sites like http://www.lynda.com/ and http://tutsplus.com/ since there are courses for everyone - beginners to experts.
I would say, try to get the basics about a CMS like Wordpress, and start developing themes to try out your front-end skills.
If you are interested in some PHP development, I'd recommend to read about it and try out some PHP frameworks that will get you started.
Closed. This question is opinion-based. It is not currently accepting answers.
Want to improve this question? Update the question so it can be answered with facts and citations by editing this post.
Closed 9 years ago.
Improve this question
I have been a programmer for a long time now but have majorly operated in C and Fortran. I like to believe I am good at scientific/numerical computing.
Recently, I had an idea for a browser extension. I did some googling and realized that Javascript is my best option to do so. I have never in my life looked at HTML or Javascript or CSS. The Safari and Chrome websites suggest that I should learn HTML, CSS and Javascript.
My question was- how should I proceed with this goal in mind. I don't plan to make web applications anytime but want to concentrate only on browser extensions. How much of HTML and CSS do I really need to know? Will the Web Fundamentals at CodeAcademy suffice? Do I need to get that out of the way before attempting to study Javascript? How should I plan this study?
P.S. I looked at a few books on Javascript and it looks eerily close to C which is a big plus for me. Learning Javascript isn't my concern, learning HTML/CSS is.
The Code Academy Web Fundamentals link should suffice for the HTML & CSS. Don't be afraid of HTML- you're just marking up, or rather describing the presentation of, a document. With CSS, for the most part, you're just declaring styles on the document: Make this paragraph bold; Change this background to red, etc.
I am still learning JavaScript but I bet It'll be easier for you because of your background in C. The syntax should look very familiar. Perhaps one of the most obvious differences is that C needs a compiler to run whereas JavaScript just runs in your browser.
Some nice sandboxes to try out snippets of code are http://www.jsfiddle.net and http://www.jsbin.com.
http://www.codecademy.com/ is a great place to start.
If you want a nice technical guide to the DOM, JS, the server, and really the web in general, this is also a good guide
Closed. This question is opinion-based. It is not currently accepting answers.
Want to improve this question? Update the question so it can be answered with facts and citations by editing this post.
Closed 8 years ago.
Improve this question
I have seen some cool slides in html, but some are CPU-consuming or browser-dependent.
Since I am not very familiar with html5, I'd like to know what's the best practice or existing framework of making html slides.
And here is a more creative one similar to Prezi: http://bartaz.github.com/impress.js
Here's an excellent little "framework" for making HTML slide presentations, with animations, transitions and such.
Link: deck.js
I love it!
There is a great list of such presentation templates:
https://github.com/geraldb/slideshow/wiki/More-Slideshow-Projects-in-JavaScript
I found deck.js to be the best compromise between:
simplicity: you write the html and launch it in your browser, no need for a web server
customization possibilities thanks to the themes and clean structure letting you create your own CSS style easily
functionality with the extensions
possibility to print usable handouts
Keydown is a good alternative which uses deck.js and markdown language to write the slides but requires ruby to create the html.
The two options, I can recommend are following
Nivo Slider : You can hard code the images and links
Agile Carousel : Have the option to set it against some server script for rendering output
Use this library to make interactive presentations, stories or ads.
BoardJS
Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 4 years ago.
Improve this question
Recently, I have found this site made by Google Team.
http://www.20thingsilearned.com/
So far I understand this is not based on Flash. How can I use this technology to make an online book using their technology?
I looked in the usual spots to see if there's a framework or something but I only found these two things (it looks like it would be a TON of work to use):
news.ycombinator.com/item?id=1918551 >>> gist.github.com/705761
Alternatively you might want to look into the slides at http://slides.html5rocks.com.
They have a Google Code project page at code.google.com/p/html5rocks/wiki/Slides where you can download the source for that.
EDIT
check this out!
http://bartaz.github.com/impress.js
and this!
http://lab.hakim.se/reveal-js/
This is HTML5. You can check the explanation here: http://www.html5rocks.com/tutorials/casestudies/20things_pageflip.html :)
Or if you want you can do it with jQuery Booklet too though not as smooth as HTML5, see here: http://tympanus.net/Tutorials/MoleskineNotebook/
They posted the source code for the whole app (running on Google App Engine) under GPL v2 at http://code.google.com/p/20thingsilearned/ so you can reproduce the whole book effect too.
Yes this is not flash for sure but flash or flexx can also be used for developing this. This is developed using HMTL 5 and javascript. HTML 5 is having a canvas object and the i believe it is using properties of canvas to bulid it. However if you will search for some jQuery book plugins then also you may get some similiar results.