What is Reddit's opinion of
Nettuts+?
From 3.5 billion Reddit comments
➔ Nettuts+ website
By popularity on Reddit, this Service is:
100 reviews of this app found across Reddit:
This probably comes off as rude, and will get downvoted but; No thanks, I know you most likely aren't going to just rip my name out and use it as your own design, but I also don't want mine to become a template.
Now to be helpful:
- http://tryruby.org
- http://net.tutsplus.com/tutorials/ruby/the-intro-to-rails-screencast-i-wish-i-had/
- http://www.codeschool.com/courses/rails-for-zombies
- Practice. In my previous comment, I actually made it seem like selling your own software is something which happens after you're a successful freelancer, but in fact you do it first. I've seen people create profitable web-based products after just a few weeks programming. Just churn out ideas (free or otherwise) until you can code them in your sleep, then you're ready to take on client projects.
- Once you've got web apps/sites down, learn other languages. Objective-C is very much in demand right now, since it's used for iOS/Mac apps. C# is popular for Windows applications, and Java for multi-platform apps and Android.
$50/hr is the low end for a decent developer, though for your first year or so, you may have to market yourself in the $30-50/hr range.
If you can stand the nagware, Sublime Text 2 is free.
But make no mistake: It is an editor worthy of a $60 pricetag. ST2 is something I use every day!
Stolen from http://net.tutsplus.com/articles/general/a-beginners-guide-to-design-patterns/.
pypix is a notorious blogspam, furthermore the author is basically programming illiterate, so when he doesn't steal material wholesale and tries to do some explaining himself, he invents absolutely insane bullshit. My favourite, that's when I started noticing his spam here and /r/python. You don't even need to know Python to know that the author is bonkers (and, in case you're wondering, what he tried to explain was re.VERBOSE flag that actually allows putting comments and whitespace into the pattern).
Browse through these:
http://net.tutsplus.com/category/tutorials/html-css-techniques/
Here's some standout articles:
http://net.tutsplus.com/sessions/web-design-from-scratch/
http://net.tutsplus.com/tutorials/html-css-techniques/the-30-css-selectors-you-must-memorize/
I agree with everything, EXCEPT the code. PDO should be the de facto standard for beginners to learn how to connect to databases in PHP. Once they learn PDO, let them expand their knowledge to see the other ways of doing it.
Do NOT use the provided code.
Read the following article:
http://net.tutsplus.com/tutorials/php/why-you-should-be-using-phps-pdo-for-database-access/
Read it through. If it doesn't make sense, come back and ask questions about it, but this is the PERFECT example of how to get started with PDO. It's not too different from doing mysql_* queries as far as syntax goes, but it is so much more secure and teaches best practices.
Yes to CSS3 and HTML5. Heads up that not all features of these are supported by all current browsers.
Start here:
Did you mean these two tutorials?
Not a silly question at all, I've been a dev for some time now mostly working in LAMP stacks and when it comes to the really abstract coding types it's all a matter of appropriateness.
The two questions I would ask of any project are 1) Will it / Could it ever become large, and b) could there be multiple instances of the same programmatical concept at a given time?
If both answers are "no", use procedural. If both answers are "yes", use OOP. If there's ambiguity, go with your gut. OOP is great for encouraging code reuse (or logic reuse) but if there is little reuse it just adds bloat and can actually hinder maintainability (if the project is small enough).
In your example, "authentication" could be a class, of which there are the functions "register" and "login", which would likely share some functionality (particularly if you're hashing properly, which is why they should be under one class rather than repeat code in two separate ones) I'm not sure what you mean by 'test'', but a payment would be a class two. It's difficult to provide non-arbitrary examples, but i'd recommend: http://net.tutsplus.com/tutorials/php/oop-in-php/ and http://net.tutsplus.com/tutorials/php/real-world-oop-with-php-and-mysql/ (and the site generally as it's an excellent resource!)
I haven't got much experience in desktop programming (a smidge of Java in first year :) ) but in web, it's all about abstracting layers (like presentation, logic, data, stack, etc.) so there's less integration more interaction. OOP moves more from the presentation layer to the logic layer, so if presentation goes tits-up, the app still works.
'Make up your own bloody mind' :)
Bit long but hope it's helpful!
For HTML output I tend to go with:
htmlspecialchars($uncleanData, ENT_QUOTES);
As far as database input, I try and work with PDO's prepared queries.
I'm not saying these are the way to do this process because there are so many different contexts and requirements but this is generally how I go about it.
Don't use mysql_* functions. PDO is where it's at. Even the PHP devs tell people not to use the mysql_* functions nowadays.
All input goes through one of the filter functions (filter_var, filter_input, etc.) first thing:
filter_input(INPUT_POST, 'value', FILTER_SANITIZE_SPECIAL_CHARS);
Just make sure to use the correct filter type as JOHNREDCORN linked to. Without a filter type you aren't filtering anything (I saw someone commenting somewhere that thought it was optional).
As for putting things into the DB... read this.
Hello here is a demo:
http://cdn.tutsplus.com/net/uploads/legacy/2138_SimpleParallax/Demo/index.html
And here the tutorial:
http://net.tutsplus.com/tutorials/html-css-techniques/simple-parallax-scrolling-technique/
Here is a website full of examples:
http://www.awwwards.com/20-best-websites-with-parallax-scrolling-of-2013.html
Piggybacking on this comment, I believe in all likelihood that this is the course that OP is talking about. Drop whatever you are doing and take 2 hours to work through this, regardless of how long you have been developing you will find something useful for your workflow in here!
There's a few different aspects to creating websites (front end development, back end development, and design), but generally you'll need to know the same core for them all.
The basics are HTML and CSS, which you can teach yourself to a good level in a week or two, then you can improve upon these basics with practice and experimentation.
Nettuts is a great site for all skill levels, and I highly recommend their tutorial section, its got lots of videos that explains everything you need to know in a clear and concise way.
You can have a look at r/webdev and r/web_design for some questions that you might come up with during your learning process.
A good way to refine your skill once you've got the basics is to look at a website you like, and try to recreate it.
I would suggest learning of the basics of webdesign by creating a website with just html/css before trying to tackle PHP.
This tutorial is a beginner's walk-through to HTML, CSS, and some JavaScript.
Once you have a basic understanding of HTML & CSS, you can try this tutorial which will walk you through designing a website in Photoshop and than coding it in HTML/CSS.
"create a passable website" - that's the problem. Instead of creating a whole website, you could focus on particular skills which belong to webdesign - first, I would learn basics of HTML, then CSS, then a bit of JavaScript, then some serverside language etc. Don't try to learn everything at once.
EDIT: you wanted a website - I would recommend http://net.tutsplus.com/ (search for basic tutorials)
In general I would recommend working through some php tutorials, to learn how to use the language in general. A good place to start might be here: http://net.tutsplus.com/articles/web-roundups/25-resources-to-get-you-started-with-php-from-scratch/.
But to solve your specific problem: What would you like to do with the data, simply write it to a file on the server? If so, the information here and here should be sufficient to show you how: http://www.php.net/manual/en/tutorial.forms.php http://www.tizag.com/phpT/fileappend.php
Fuel is not a Kohana fork. It's written from the ground up, taking ideas and best practices from CodeIgniter, Kohana and Rails.
I myself would suggest tinkering around with it on your own, if you have questions consult reddit, or the PHP Manual. Though as for sites there are plenty out there. I know this guy has a few PHP tutorial videos on his channel. http://youtube.com/user/thenewboston Although, Nettuts+ has an awesome video series titled "Diving into PHP" found here http://net.tutsplus.com/articles/news/diving-into-php/
Hope this helps and good luck! :D
Everything I learned, I learned from the internet.
And then do other tutorials, and then read articles, and then start learning a CMS ( i suggest wordpress ). And keep going and going and going. Web technologies are never ending. You'll never run out of things to learn. It's really exciting if you're into it!
Good luck.
The old way to do this was iframes - however this is not the proper way to do it (so don't do it this way). You'll want to look into ajax/jquery - as this will allow you to load dynamic content on the page without a refresh.
Here's an example: http://d2o0t5hpnwv4c1.cloudfront.net/011_jQuerySite/sample/index.html#index
Here's the tutorial: http://net.tutsplus.com/tutorials/javascript-ajax/how-to-load-in-and-animate-content-with-jquery/
I think your approach makes sense, but take a look at a javascript framework like backbone.js. Since you're already loading all of your records into the page on load, you could drop those into a Backbone collection and do your filtering client-side and alleviate any additional strain on your database server.
There's a nice tutorial that has some similar functionality to what you're looking for here
edit: As an alternative to step 3, you could have a nightly cron task running that exports a JSON file of the latest directory records and load that into your page and eliminate any live-querying of the database altogether.
Web development:
Get a solid understanding of HTML and CSS. You don't need to become a designer, but understand how they work and relate to each other. Jon Duckett's book is a good choice.
Get a solid understanding of MVC (Model-View-Controller). This tutorial is a good start. These first two steps are the most important, because that knowledge is fundamental and common to ALL language/framework combinations.
Pick a programming language and framework.
You can make a web application in any programming language (Java and C included). Frameworks make it easier by doing the low-level work for you. Ruby isn't a bad choice, mostly because Rails is a good framework.
PHP is still very popular because it was one of the first programming languages that made it easy to create dynamic websites.
If your only goal is employment, the following are pretty standard paths to becoming a web developer and you should be able to find jobs:
- Ruby/Rails (if you go this route, Michael Hartl's free book is a fantastic resource)
- Python/Django
- PHP/(lots of choices for frameworks. CodeIgniter, Zend, CakePHP, all are OK choices)
- ASP/.NET
Mobile development follows similar principles to web development, but the technologies are different. I'll defer to someone else on mobile.
You're going to need to devote a ton of time to this to become competent, but the lack of a CS degree isn't a showstopper.
EDIT: Forgot to mention Javascript. It's a client-side language (runs in the browser and not on the server). If you can truly master HTML+CSS+Javascript and some design, there's a huge shortage of good front-end devs right now.
> I forgot to mention, most times I've searched for something similar, anything HTML5 is never so much a tutorial, but a list of tags that can be used with your existing HTML4 documents. I want something that utilizes the new features of HTML5 from the ground up.
HTML5 is just a doctype with some deprecated tags and some added from HTML4. If you know HTML4 than you know HTML5, it's an evolution.
What I think you might be wanting to know about are the HTML5 JavaScript APIs. The JavaScript APIs are about doing cool stuff (canvas being the biggest example of this), HTML5 itself is about making well-formed documents and displaying more forms of media.
That code does some checking to see what encryption options your system has and provides fall-back options, but the bottom line is you basically just have to use crypt() with a random salt. Blowfish is currently the best choice and it's always available with PHP 5.3 and newer (and usually in older versions too).
It's actually really simple to use crypt(). Here is my simplified version (I posted this originally a couple months ago)...
function generatePasswordHash($password) { return crypt($password, '$2a$10$'. // blowfish with cost of "10" substr(sha1(mt_rand()),0,22)); // generate a 22 character random salt }
function checkPasswordHash($hash, $password) { return ($hash == crypt($password, $hash)); }
Example usage:
$password = 'example password'; $hash = generatePasswordHash($password);
You should then store the hash in the database. When the user wants to login, get the hash from the database and compare it to their entered password.
if(checkPasswordHash($hash, $password)) echo "Password is correct!";
The best article I've found explaining all the pitfalls of other password storing techniques is this one. Really interesting read.
Not presently, no. I checked the 'new' tab of /r/Scholar and only 3 out of 100 posts had no comments. Probably your best bet at the minute would be to use a bookmarklet to highlight posts with 0 comments without having to hide/filter the rest. Something like
javascript:(function(){$('.empty').parent().parent().parent().parent().each(function(){$(this).css('background-color','yellow')})})();
would give 'empty' posts a yellow background. It's not ideal but it does the job. If you aren't sure how to make a bookmarklet see here.
The only other alternative would be a userscript to do this automatically, at least if/until the option is added to RES.
Because the links in the nav box have 1px of padding on the left + right:
#home, #work, #me, #contact, #homeload, #workload, #meload, #contactload { padding: 0px 1px; position: relative; right: 2px; display:inline; font-family: 'Lucida Sans Unicode'; font-size: 11px; }
... And using top/right/bottom/left on relatively-positioned elements is usually not a good idea since the element is still a ghost in it's original position.
Moving on, you should not be using divs to create a navigational element. Ideally, a simple nav should look like this:
<nav> <ul> <li><a href="#">Page 1</a></li> <li><a href="#">Page 2</a></li> <li><a href="#">Page 3</a></li> <li><a href="#">Page 4</a></li> </ul> </nav>
With this approach, you are using the sweet new HTML5 nav element, and you're semantically correct in using a list to make a list of links. It just makes sense.
<strong>Please watch this fantastic video on simple HTML5/CSS navigation by Jeffery Way.</strong>
Also, you do not need to use images to create those colored lines. That can be done with a very simple CSS3 box-shadow, if not a border-top, like so:
.navitem{ box-shadow: red 0 -3px 0; }
...Which should work in all major browsers (even IE9!).
I apologize in advance for the block of text. If you run into any issues, please don't hesitate to ask questions.
For beginners:
http://net.tutsplus.com/tutorials/javascript-ajax/javascript-from-null-video-series/
also: If you hear a lot of talk about jQuery, MooTools, or DoJo.. Those are Javascript Frameworks and you will probably want to look into one of them AFTER you've trained yourself in the core of the javascript language. As a front end coder they will make your life a lot easier.
This is not an end all be all, but a good intro to jQuery Mobile which I used in the process of mobilizing the feeds from a Drupal site - http://net.tutsplus.com/tutorials/javascript-ajax/how-to-build-an-rss-reader-with-jquery-mobile-2/
Also, I love all the tuts sites, the most relevant being nettuts and mobiletuts
Tutorials my friend! Seriously its the best way to learn!
Some of these are not free but its worth the price of membership. http://net.tutsplus.com/
One thing I like to do is to push myself to replicate something i see on TV, in a magazine or in a movie with css and html with as little images as possible. You can do a lot with css3! :) Trying to duplicate something from another medium is great for gaining a better understanding of HTML and CSS. I use to modify templates a lot too but i really started to understand things better when I forced myself to start from scratch.
Eloquent Javascript seems to come highly recommended though I have not read it completely myself. You may wish to check out some of the NetTuts tutorials.
It's probably also relevant to mention your level of programming experience. It seems a lot of the more informative things I read about JavaScript include a dissection of the language itself, making many comparison to C/C++ or Java.
It sounds to me like you want to step up your designs, not necessarily the functionality of the sites.
If so, don't listen to these guys telling you to learn javascript, php, python, etc. Wordpress is a decent CMS with a large community of developers who release enough plugins that you can get by without knowing this stuff.
That said, you will of course have to figure out some php to make a wordpress theme. I'm just suggesting that it would be a waste of time to focus learning these things as opposed to learning as you go.
Here is a tutorial I found via google, it looks pretty legit. http://net.tutsplus.com/tutorials/html-css-techniques/design-a-beautiful-website-from-scratch/ It uses the 960 grid system, which is pretty awesome. The link Xodia posted looks pretty cool, too.
If I'm wrong, and you're looking to make web applications instead of designing things without templates, fuck everything I just said and learn python. :)
Check out this great tutorial on NetTuts:
PART 1: http://net.tutsplus.com/tutorials/wordpress/how-to-create-a-wordpress-theme-from-scratch/
PART 2: http://net.tutsplus.com/tutorials/wordpress/how-to-create-a-wordpress-theme-from-scratch-part-2/
On a bit of a time crunch right now, but I'm going to quickly say not to pick up CodeIgniter as it slowly dying/not being maintained. Symfony, Zend and Laraval (I'm picking this up now, and it's quite good) tend to be the preferred PHP framework alternatives. Django is also a good option for Python. Picking a framework will depend on what you want to accomplish, I think most people have a couple under their belt and will use whatever is appropriate for the given project.
This might be an interesting read
As long as you're using some kind of version control (Git and SVN are popular) you're golden.
Might come back and expand on my answer later tonight.
It sounds like you are looking for a javascript templating engine
Handlebars: http://net.tutsplus.com/tutorials/javascript-ajax/introduction-to-handlebars/
Or using underscore: http://www.bennadel.com/blog/2411-Using-Underscore-js-Templates-To-Render-HTML-Partials.htm
If you are building PHP apps on a Mac then you suffer the same potential headaches as anyone building an app locally on a different OS to production: so don't let your systems be different. I use Vagrant to set up virtual boxes and develop locally to match my production environmeny:
http://net.tutsplus.com/tutorials/php/vagrant-what-why-and-how/
CSS Tricks - CSS bible, lots of tips and tricks, fallbacks and a decent forum.
HTML5Rocks - Great resource for cool tutorials related to all things HTML5. Especially demos of things only just into webkit beta.
Nettuts - Mostly for the monthly New in Web Development round ups.
I can't seem to find anything on Mozilla's site, and probably remember the details wrong but it looks like some change is coming as soon as 15 or 16. It doesn't say that it's adopting webkit prefixes, though. Though there was, apparently, some discussion on the W3C mailing list. No idea if that's coming to fruition.
So the reason you don't use objects correctly is mostly because you don't have any need to. Now, if you started doing some Test-Driven Development you'd start to see the huge advantage to using the open-closed principle and other principles in the [SOLID](http://en.wikipedia.org/wiki/Solid_(object-oriented_design\)) design pattern.
Just by following the 5 guidelines of SOLID, you'll start to understand how OOP really is supposed to work.
Hey,
While serdecochayuyo's answer is great for 2 async scripts, if you have more than 1, you should use Promises.
http://net.tutsplus.com/tutorials/javascript-ajax/wrangle-async-tasks-with-jquery-promises/
I agree with everything @pixelpushing said. I'll add... Use a Reset Once your sites get more complex and you'll have to cross browser check, this will help. It will also lead you down a path of better reuse able styles.
Also, you declare html5 in your header, but don't really use any html5 on the site html5
Overall, good clean site.
You can recreate the effect in css. Check out this gradient editor to start. Then add an inner text-shadow to finish it off. Also this tutorial may help too.
I'm just going to paraphrase what someone else has already said cause it's important.
Most online tutorials you come across will be old or written by idiots. One very important thing you need to note is do not use the mysql_* functions use PDO.
There is a really good tutorial on using PDO on Nettuts+.
In fact, anything from Netuts+ is usually very good I find.
For the very, very, very basics you might like TheNewBoston. Bear in mind his tutorials will not teach you any kind of best practices (for instance he uses mysql_* functions I was just talking about) but I find he is good at introducing foreign concepts to newbies. So you might want to use him as a base and then move on to some real reading material so it becomes less daunting on your first read through.
I also recommend Killersites, their video tutorials are really good! I also recommend Webdev Refinery (their php -> tutorial subforum) and Nettuts.
UI developer is a fancy word for someone who does front-end web development with more bent towards conceptualization of those user interfaces. Resources for development part include Tutsplus and Smashing magzine and the conceptualization part is all imagination and common sense. Dribble is good place to learn about what other good designers are doing.
w3schools is a terrible reference, ignore it like the plague.
Much better: http://net.tutsplus.com/tutorials/php/the-best-way-to-learn-php/
http://net.tutsplus.com/tutorials/php/learn-php-from-scratch-a-training-regimen/
nettuts+ This site has been an absolute blessing, I don't know how many hours of my life I have spent reading their articles and tutorials, but I do know, not one second was a waste of time. Nettuts covers mostly web development such as javascript, css, frameworks, etc, etc. webdesigntuts+ may be more of what your are looking for, idk. But both sites are a part of Envato's tutorial network Tuts+. I <3 Envato, they are also responsible for Themeforest which is a site allowing developers to resell and buy outstanding web "templates." Themeforest may be a great place for one to gain a little inspiration.
Hello!
HTML is the first language to learn when getting into webdesign or development (building websites).
*You will definitely want to watch this video series: *
net tuts + is the best for web stuff. Lots of videos, lesson plans, and good articles about updates in the web programming world. For learning ruby on rails, I would recommend rails for zombies. You have to "purchase" the tutorial, but they don't require a credit card and it is free. Might have to poke around the site to find it.
Take online classes. Learn programming or web design or something else technical and work from home. It's amazing how easy it is to rarely leave the house and still make a living and "do something with your life" in the internet era.
Actually, you can do non-technical things too like writing/editing. Hit up some of those contractor websites that I can't remember the names of off the top of my head, but I'm sure somebody will know. They list lots of areas of work that you can do remotely online.
Edit: try guru.com or freelancer and i even ran across a tutorial on the subject. Good luck!
Vim, with the right plugins i think es the best editor, but im not sure if there is a plugin for letting you know the parameters of a function.
Here are some very nice tutorials that will help you start with vim.
http://net.tutsplus.com/sessions/vim-essential-plugins/
http://net.tutsplus.com/tutorials/other/venturing-into-vim-new-premium-video-series/
(sorry for my english, not my mother language).
We don't use a singleton anywhere in the system. We use the multiton and factory patterns to generate and track multiple instances of libraries, which are handled via a simple static interface.
Access to a "default" instance is available in most libraries to make simple Session::get('foo') work over $session = new Session; $session->get('foo'); $session->save() but both are available.
Here is another comment where I explain the static/multiton/factory stuff with session as a use case.
You need to read up a little more about it before shouting about how much we suck. There are a lot of smart people who would strongly disagree with you.
I cannot believe nobody has posted Jeffery Way's series:
Web Development from Scratch (video series)
It's updated, well put-together, and easy to follow. Highly recommended.
This tutorial will get you most of the way there.
Better than any tutorials, I learned tons by using and playing with elements from this benevolent designer, Orman Clark. He gives away tons of elements for free, which lets you see how a proper designer works with Photoshop layers, effects and vector shapes. From there, get good at splicing, know what can be achieved via CSS and what you have to still use images for.
Then, when you see an attractive site, don't be afraid to dissect it. Note the fonts. Take a screenshot and hop in photoshop to see how the sizes work, the spacing, the padding.
http://net.tutsplus.com/tutorials/php/20-ways-to-save-kittens-and-learn-php/
You've could have found this easily yourself with a little google
Html is for semantic structuring of the textual content of your page. Css is for making it look nice. Javascript is to change the way the page behaves. If you want to load stuff from a database as well, then php and mysql are what you need (mysql is the database and php is a programming language that can display information from mysql onto your website however you see fit).
*Edit: Also, look here: http://net.tutsplus.com/sessions/web-design-from-scratch/
I recently started getting used to PHP OO after years of procedural! It's great! Perhaps check out Nettut's PHP OO Beginner article where they give a few good examples.
As for your code, remember, the controller tells your app what to do. It should really only be creating objects, and using functions. Classes (models) are essentially the group of functions for that object. Perhaps you have class "User", and a function inside called "function changePassword()". The view should then be just a php/html template really. With my current setup, I actually have a class for my template... that will generate the different items of the page, and then the controller includes the template file which just has the variables in it - nicely organized to where they need to be.
Hope this help!
Thanks for the tips, but I think I will go with JavaScript objects because I just found a tutorial that finally properly explains objects so now I can do some basic OOP.
Theres hours of screencasts available for free.
http://net.tutsplus.com/articles/news/slice-and-dice-that-psd/
There is no BEST one. Sorry. It's mostly just theory and taking in the best practices and doing it
I'm with all the people who are against using a wysiwyg tool; at least not while you're learning. Those tools are designed to make you more productive when you've already mastered the underlying technologies (e.g. HTML/Javascript/CSS and your preferred programming language); as others have said here, wysiwyg tools can easily become a crutch that prevent you from learning the fundamentals as thoroughly as you should.
Python is an excellent language to begin with as a newbie. It is used in some of the top computer science programs in the US (Stanford, MIT, etc) because it is both relatively easy to learn and incredibly powerful.
As for HTML, Javascript & CSS, it is crucial that you master them if you intend to do web development on any level. Check out the tutorials here and here. Work your way up from the beginner through the advanced tutorials, and you should get a good handle on those three technologies.
See this is exactly why i've posted this. There's a lot of great looking themes out there for Magento and it's definitely something i was interested in developing for as NetTuts seem to rave about it and have recently released an article aimed at designers.
Really interesting to read your thoughts and have potentially just saved myself more trouble than it's worth. I've been leaning more towards Open Cart as i hear the WP ones just aren't very extensible. Failing that, a free-dive into Drupal might be fun.
Any nice, clean, extensible and robust solutions you'd recommend?
I read a few blogs regularly that have been a HUGE help over the years. First and foremost is alistapart.com. A List Apart is great, though it only publishes two articles a month. It's run by Jeffrey Zeldman who is also worth following. Another favorite is net.tutsplus.com. Nettuts is another web development blog from Envato that is updated daily in and features really high quality content.
A few others:
- smashingmagazine.com
- ignorethecode.net
- sixrevisions.com
- csstricks.com
Like supaFlyHigh said, it's easy to learn but takes years to master. Just keep messing around.
I agree with you, CodeIgniter is a really good framework with a great degree of customization and really useful libraries and helpers.
EDIT: A great series of CodeIgniter tutorials from nettuts :)
Parallax, it seems. (stellar.js, parallax.js, scrollorama.js, etc.)
It even says it in the source code. So, here's a tutorial for you.
I just saw you said that's not what you want? What is the exact function you want then?
I've really enjoyed net.tutsplus.com. The tutorials are maybe more specific than what you're looking for but they're quite good. The premium membership is also worth looking in to. I got a lot of use out of it.
Search around there are plenty...
www.smashingmagazine.com
www.sitepoint.com
http://net.tutsplus.com/
etc.
One thing I just want to elaborate on - /u/MyPocketsAreSoDeep said - "and even hide and show mobile vs tablet vs desktop controls". He's 100% correct but just remember using - display:none; to hide elements in different breakpoints is not a good design choice. Just didn't want you to misconstrue what he mean't.
Hey there! I'm the homepage editor at FP. This is called parallax scrolling - a technique seen elsewhere (notably, NYTs Snowfall project).
We've also used it on a number of our other major features from the magazine, such as Our Man in Africa: http://www.foreignpolicy.com/articles/2014/01/23/our_man_in_africa_hissene_habre_chad_reagan
Here's some more info on parallax. Here's a tutorial (though there's a few ways to code for this effect): http://net.tutsplus.com/tutorials/html-css-techniques/simple-parallax-scrolling-technique/
Here's an explainer on what parallax means etc.: http://www.techrepublic.com/blog/web-designer/how-the-parallax-effect-is-used-in-web-design/
Hope this helps!
Developer of the site here, ajax is correct to fetch videos from certain categories. When you scroll to the bottom it doesn't use ajax because I store all the returning videos in a js array then simply pull from that when required meaning the user doesn't have to wait for another ajax call.
Regarding the URL changing but the site not reloading, I'm using the HTML5 history API: http://net.tutsplus.com/tutorials/html-css-techniques/a-first-look-at-the-history-api/
Howdy Justin!
Github is a great way to host static html + css files for free, provided you're ok with the source code being open and available. If you're just hosting a static site, that shouldn't be a problem because there's not much in the code that someone couldn't get by just viewing the source on your live site. That said, there is nothing about Github that makes it specifically tailored to a portfolio site. So, provided you have the skills to build it, you could host your site there, but it's definitely not a competitor to something like Cargo in that sense.
There may be some open source static portfolios out there, or perhaps something using Jekyll, which is a Ruby Gem for making static sites that Github will compile for you.
More info on Github pages: http://pages.github.com/ A tutorial on building a basic portfolio with Jekyll: http://net.tutsplus.com/tutorials/other/building-static-sites-with-jekyll/
Something like this might help: http://net.tutsplus.com/tutorials/html-css-techniques/how-to-build-a-kick-butt-css3-mega-drop-down-menu/
The design isn't the best in the world, but the structure is solid.
You know what... I misread what you wrote. You're using a webcam on Mjpg streamer.. I'm using the raspberry pi camera.
As for the crontab and init.d, google is your best friend.
Here's a half decent crontab help page
My current crontab (sudo crontab -e) entry looks like this:
@daily /usr/bin/script_reboot
And the script called script_reboot looks like this:
#!/bin/bash sudo killall raspistill sudo killall mjpg_streamer sleep 10s sudo /etc/init.d/mjpg_streamkick start
So this one will kill my raspistill, kill mjpg streamer, wait 10s then restart the service.
When you place a file in /usr/bin/ for something like this you need to do a chmod a+x in order for the file to be executable
Here's what I have for something in init.d to start/stop mjpg streamer and my raspistill In this example to start it i'd go sudo /etc/init.d/mjpg_streamkick start or stop. I just copied this example from someone else and modified it to do what I needed it to do.
Let me know if you'd like any of the other code.
EDIT: Thanks for the gold anonymous stranger. Wasn't expecting that at all.
I somewhat agree. I think it'd be cool to have a hover speech bubble type thing which lists the gamertag and social network info.
EDIT: Something like this (the stuff near to the end). EDIT2: Holy shit I'm an idiot, I forgot the link. http://net.tutsplus.com/tutorials/html-css-techniques/css-refreshers-borders/
Try a jQuery tut first to get an idea of what needs done. http://net.tutsplus.com/tutorials/javascript-ajax/submit-a-form-without-page-refresh-using-jquery/
Essentially when the user clicks the bookmark button you want to:
- use ajax to save the bookmark and return back some message to say it was successful
- from the successful message use jQuery to change the button to indicate you have bookmarked the link
There might be tons of places but I do not know off-hand (I'm a UNIX guy and I rarely manipulate programs other than aliasing some commands.) However you might want to look into http://net.tutsplus.com/ or do a Google search.
Unfortunately, each program functions differently from command line so this is a pretty specific request.
I wish you well with everything. I get on pretty often so feel free to PM and I will do my best to answer or at least point you in the right direction.
Just make sure to pass on the information you learn so others can grow!
> Are there any merchants who know how the notification process works when there is a BTC order?
I found this article, which discusses how BIPS Instant Payment Notification (IPN) works on a technical level. It looks like it gives you a lot of flexibility in how you want to respond to the notifications.
Was there something in particular you wanted to know about?
associate webdev will require a good understanding of html, css, javascript. You can take really helpful courses on nettuts for those. You'll need to be able to slice a design and create at least a basic website.
Take courses on creating navs (navigation) and forms. Create static and dynamic versions of both.
You can't get many jobs without a good understanding of CSS. Learn by using a css template, like 960.gs, and Erik Meyer's reset.
Honestly, I think this is the easiest entry into programming. If you master these, you'll be in the industry and learning from others, and deciding which way you want to go, whether it's Python, Ruby on Rails, C++, Java, whatever.
Here's a list of Web Design Tutorials, photoshop based :
http://webdesignledger.com/tutorials/20-high-quality-photoshop-web-design-tutorials
Those are a few notches above the template site you provided.
Slice and Dice article (video, even)
http://net.tutsplus.com/articles/news/slice-and-dice-that-psd/
Another Slice/Dice with a nicer title :
http://net.tutsplus.com/articles/news/converting-a-design-from-psd-to-html/
nettuts made a good list of plugins that i will always go to if i have a new install of sublime text
http://net.tutsplus.com/tutorials/tools-and-tips/essential-sublime-text-2-plugins-and-extensions/
Every web site is unique in terms of requirements, so you have to adapt CSS according to that. For me the best way to name CSS is to describe it. For example you are creating web site that deal with some kind of news, and according to this, I will name CSS this way.
article -> This will be container that holds all code for one article I would use header and footer tags without any class, and article_text for the part where text would be. article_meta for container which present meta data (date, number of comments...) article_social for container which contains social function (FB, Twitter, G+ ...) and so one. This way, function of the element is described and you would know what that particular CSS rule does, without the need to look at HTML code. As far as using ID and class. If you have unique element on the page (menu, logo area...) you can give it ID, other wise use class (modern browsers handle rather well situations where you have two or more elements with same ID but it is considerate a bad practice and it should be never use). NetTuts is a great place for the beginners with a tons of good tips and tutorials.
Variables $user_id and $limit are not being escaped at the query level. It is not immediately clear whether these variables contain user input and if they have already been escaped by a function such as mysql_real_escape_string elsewhere. You could call this function again but repeated escaping will add multiple backslashes and bugger your data. In such an ambiguous situation it's easy for a developer to make a mistake and leave variables unescaped.
As a note, the above approach is error-prone, dangerous and unmaintainable in a modern PHP application of any scale. People wanting to move away from such an approach should look into using a database abstraction layer such as PDO (introductory tutorial here).
Look at this https://developer.mozilla.org/en-US/learn
And this http://net.tutsplus.com/tutorials/php/20-ways-to-save-kittens-and-learn-php/
and then this http://www.developphp.com/list_php_video.php
Hope it helps :)
><? © MacKenzie Bobbitt - 2012[twitter = @mcbobbitt_ follow me ^-^] ?>
This is not a doctype. Make sure you use a doctype, specify character encoding and stuff like that, otherwise you'll run into a LOT of problems down the line.
Ontopic - oh my gosh they are so pretty and neat. I can't stop clicking them.
I'll give you one tip to start, though - It also might save you a lot of time if you split up your styles. You can give divs as many classes as you like, so I would make a generic 'button' class that has styles for the shape and animation and stuff, and then another class that describes the button more specifically. So then your html would be like <a class="button submit">Submit</a> or something, and your button would inherit styles from both of those classes.
In fact, just look at selectors in general. Even the fruity obscure ones. Selectors were pretty much the last thing in CSS that I really took the time to learn properly, and I totally wish they were the first. Good luck! These buttons make all my early css experiments look like crap!
If you think stock is good, you HAVE to read this article.
Also, a couple of simple tips I wish I knew earlier:
Dragging a folder into the left file panel will create an impromptu project with that folder as it's root for you.
Once you have that set, one great little shortcut that didn't know until using it for a while is "Ctrl+P". It's the worlds most awesome fuzzy file search. Just start typing and it will begin to list all the approximate matches for you.
This editor does a LOT. And using it helps keep my job fun!
Also a decent text editor. If you're on Windows, get Notepad++.
Understand HTML first, then CSS. Understanding the document and it's elements (and their attributes!) will give you an excellent base to move forward.
A good place to start is Webtut's Web Design From Scratch series.
By and large, yes. From the unofficial documentation:
>Sublime Text 2 is fairly compatible with Textmate bundles with the notable exception of commands. Additionally, Sublime Text requires all syntax definitions to have the .tmLanguage extension, and all preferences files to have the .tmPreferences extension. This means that .plist files will be ignored, even if they are located under a Syntaxes or Preferences subdirectory.
Snippets are also compatible, for the most part. It is also compatible with Textmate themes too, without so much as a rename, so while there are plenty of themes already available for Sublime, if you have an existing theme you are set on, you can make use of that too.
Couldn't agree more with cavemonkey though, it's definitely worth the look, and there are tons of great plugins. The configuration is a bit less than stellar, admittedly, but I have actually found that other than installing plugins and themes, I really haven't had to do much in the way of manual configuration.
Googled "php paypal subscription tutorial" and this was the first result:
http://net.tutsplus.com/tutorials/php/using-paypals-instant-payment-notification-with-php/
Step 5 looks like what you're asking about.
I pretty much grabbed any kind of template I could, opened them up in Dreamweaver and hacked them to pieces. I'd change some CSS, refresh to see what it would do.
Now there's so much resources out there for you to get used to CSS. Try browsing a site like <strong>Nettuts</strong> or <strong>CSSTricks</strong> for tutorials to help you on your way.
Learn the basics first, and then move on to tools.
I would avoid libraries and boilerplates altogether until you learn the basics.
Check out this series of tutorials. I haven't watched this particular, but I did learn jQuery through a similar video series from Jeffery Way (the same author), and it was damn helpful. Looking at the titles, it looks like he covers all the bases.
Try this: http://sourceforge.net/projects/simplehtmldom/
It's not that hard to set up - but you would need to read through a tutorial to understand the process. Here's a good one:
Do read through the entire thing though, it'll probably not take more than 15-20 minutes. Beginners tend to want to directly just copy paste code which will be a pain in the ass in the long run if you don't understand the concept of web scraping.
You could look up tutorials on photoshop mock ups, then look up basic html and css tutorials and figure out how to actually make your mock up a basic website.
After that, play around with javascript tuts and make some of the html and css disappear and move around n such.
With the php/mysql I recommend the two videos MrDeath2000 did, or at least learning it from a reputable book, as it's so easy to just throw together some insecure piece of trash and develop very bad habits otherwise...
TLDR; find a quick tut on a mock up, do it. Learn enough html/css to make it. Make it interactive with basic js/jq. then study php mysql and make some of the content change that way.
www.lynda.com <- totally worth it.... you can probably learn enough on here to get started down the right path with all the things.
http://net.tutsplus.com/ <- lots of good tutorials, and the majority of them are free.
yeah... I don't think there is one book that can cover all of these as they're all vast undertakings that require lots of work.
A resources I found quite handy (but not to many people seem to reference/know about) is NetTuts+. They have nice practical tutorials like how to write a Ruby wrapper etc. Another cool thing are their 'Session Tutorials'. If you're starting out with ruby you might like these as surplus content Ruby-for-newbies.
(Sorry if that sounded like a sponsored reply. I have no affiliation with the Tuts+ network.)
Yea don't really rely on the "!important" too much. Here's a great guide on learning the CSS selectors:
http://net.tutsplus.com/tutorials/html-css-techniques/the-30-css-selectors-you-must-memorize/
The first question is how will you know if they already reviewed you on google or not? It would be really annoying to your users if you kept mailing them to review you, if they already did. Unless you only plan on doing it once?
As long as you have basic PHP/mySQL skills it should be easy. Cron jobs are basic scripts that are called by the server rather than by a user. Here is a tutorial for setting it up.
http://net.tutsplus.com/tutorials/other/scheduling-tasks-with-cron-jobs/
As for the script itself, you would simply select name/email from the database for orders that occurred on a date 2 weeks in the past. Pass them to a simple email script that has a pre-built template and mail it out.
Similar Examples:
Cron Job Tutorial: Automate the Email Sending for Newsletter
Mass Email Website Newsletter Bulk Batch Send Tutorial PHP MySQL
Maybe you need OOP explained to you like you're 5 instead?
Classes are just an extension of that idea. This might help you out: http://net.tutsplus.com/tutorials/php/object-oriented-php-for-beginners/
I couldn't find any better tutorials, but it's not something I'd explain to a 5 year old :p
http://net.tutsplus.com/tutorials/tools-and-tips/essential-sublime-text-2-plugins-and-extensions/
P.S. I just found this and the git integration has sold me, also being able to replace putty for SSH and just have it in another tab, awesome.
You'd want to create an API on the server using PHP which your local application will use to create posts.
You would have an interface such that, for example, POSTing some data over to a particular PHP file would result in a new post, GETing another PHP file would return the data of the post that corresponds to the parameters etc.
You also need some sort of authentication, I guess HTTP Basic Authentication (look it up) should suffice for your use case.
Here are some resources:
http://en.wikipedia.org/wiki/Application_programming_interface
http://net.tutsplus.com/tutorials/php/creating-an-api-centric-web-application/
http://www.webresourcesdepot.com/how-to-create-an-api-10-tutorials/