When it comes to the web vs. native debate I am firmly on the side of the web. I’ve been this way for as long as I can remember. For this reason, the web based operating systems such as Firefox OS and Chrome OS have always appealed to me. This is why I chose to create Tee Jump with Firefox OS in mind and now I’ve created a Chrome packaged app.
Today I was creating a login interface and I wanted to try something new to tell the user when their input was invalid. I’ve always liked how entering an incorrect password when logging onto a Mac causes the input box to shake, so I decided to try something like that. Here is what I came up with and an explanation of the code.
This is a dead simple tutorial for installing and setting up Tomcat for development with Eclipse IDE for Java EE Developers on Ubuntu. It is important that you have Eclipse EE installed and not just Eclipse. If that isn’t the case I suggest you uninstall Eclipse and install Eclipse EE. You could just download the Web Tools Platform plugins, but starting fresh with Eclipse EE will probably be easier. Either method will ultimately work, but you must do one in order for Eclipse to make use of Tomcat.
I’ve updated my WordPress to version 3.7 and switched my theme to the included Twenty Thirteen.
My layout is now responsive, wahoo!
I saw an Android logo drawn completely with HTML and CSS which inspired me to create an NES Mario in the same way. This is not nearly as impressive as the Android logo but it occupied me for a little bit. (Hint: click Result)
Responsive web design (RWD) is currently one of the hottest topics floating around the web development community. In short, responsive web design refers to creating a single web page that can change its layout based on the screen size it is being displayed in. This allows you to serve up one page for everyone who visits your site. That’s better for user experience and the preferred method for addressing mobile devices according to Google. At the time of this writing I have not created a responsive design for my personal website, but I plan to in the future. I have spent time researching the topic and have experience with it in some of my work. Below is a link to a demo of a simple responsive web page layout. The content of the page will give you an overview of the basic terms and essential code for responsive web design. Try re-sizing your browser window to view the different layouts (there are 3, but the largest requires a minimum screen width of 1400px).
View the demo here.
After you’ve installed XAMPP on your computer you will still need to do a few things before you can get to work on your projects. When you navigate to http://localhost in your browser you are being sent to the htdocs directory within XAMPP (specifically /opt/lampp/htdocs). This folder’s read and write permissions are limited to the root user and will not let you create files and folders within it.
If you try to change the permissions for htdocs XAMPP will not work properly and will leave you stuck at splash.php (the language selection screen) when navigating to localhost! Instead you have to create a symbolic link between a directory which you have read and write permissions in with htdocs. Essentially this means that your projects will technically exist in this new folder which will reside in your Home folder, but XAMPP will treat it as if it were located within htdocs.
XAMPP for Linux – previously known as LAMPP – is a free and open source tool that installs a development server on your local machine. This allows you to develop and test web applications locally, even without an internet connection.
As a newbie Ubuntu user I struggled to get XAMPP installed on my laptop. It was a rewarding learning experience I suppose, but if I would have had a proper tutorial for newbies this would have taken a fraction of the time to accomplish. So here is my step by step tutorial for installing XAMPP (LAMPP) on Ubuntu. My machine is running Ubuntu 12.04 LTS.