Welcome to part three of “Design and Code an Integrated Facebook App.” At this point, I’m assuming that you have created the HTML and CSS for your app. If not, then refer to the first entry in this series. In this part, we’re going to take our app to the next level!
All posts tagged Development
Design and Code an Integrated Facebook App
7 Crazy Tips That Will Help You Become a Better Coder
There are a whole slew of developers writing amazing and practical code and there are thousands of public code repositories on sites like GitHub. Meanwhile, the rest of us are content with just cutting and pasting the code of these industry geniuses. For the majority, it seems that true coding has become a lost art. Almost every project, it seems, now uses some sort of library/framework or contains a heap of plugins. It’s rare to see any front-end coding project truly start from scratch anymore. In this article, I thought I would give some somewhat off-the-wall tips on improving your skill as a front-end coder. These tips will likely not be used when coding paid client projects where time and budget are factors. These are tips that we can put into practice in our own personal projects or in our spare time to try to improve our coding abilities and problem-solving skills. While I do think the tips below can contribute to a developer becoming a stronger coder, they may not always be practical.
You’re Doing it Wrong: Common HTML Tag Misuses
View the source code of a hand full of websites featured in CSS galleries today and you’ll often see the same errors appear time and time again. These mistakes are usually habits we picked up during our early days of coding that have stuck around due to lack of clarification. This post rounds up a collection of common HTML tag and element misuses and describes the best practice to correctly and semantically use them in your markup.
The Best Way to Learn Ruby on Rails
I come from a PHP background, but these days, I’m a full-time Rails developer. The difficulty for most people who make the switch lies in the learning curve that’s involved. Once you’ve become proficient in a language or framework, switching to a new one feels like an unnecessary (and time-consuming) challenge. However, learning Ruby and Rails is actually pretty easy! It’s an incredibly powerful framework, and has a huge community pushing it along. So that begs the question: what’s the best way to learn Rails? Here’s a lesson plan. This article details a full lesson plan that will get you up and running in no time! Follow each assignment below in order.
Stepping Out With Bootstrap from Twitter
Twitter introduced Bootstrap recently, a library of CSS styles aimed at web app developers in need of some design help. The toolkit includes everything from grid layouts down to buttons and modals, and works on pretty much all modern browsers, all the way back to IE7. Let’s see what we can do with it…Bootstrap is also enhanced through the Less preprocessor, which adds some additional reasons to use Bootstrap, although we’ll exclude the Less functionality from the scope of this tutorial, to keep thing simple.
Bootstrap includes a bit of documentation, but nowhere does it really explain how to use the toolkit (instead, there’s just one big demo page for you to investigate yourself). So, in this article, we’re going to strip down Bootstrap’s example page and analyze how to replicate the elements that Bootstrap covers. In providing examples, we’ll also build up a sample webpage made entirely with Bootstrap.
Collection of Useful APIs for web designers and developers
An application programming interface, more commonly known as an API is a code structure and outline that allows software to communicate with each other to enhance the user experience. This allows developers to build, extend and expand so many online tools. You can set up interactive maps, video streaming, social media and everything in between.
Web developers can take advantage of countless APIs available to them online to enhance the content and functionality to their sites. Today lets take a look at a collection of some of the best and most useful APIs available online today.
Leave a comment and let us know what APIs you like using the best.
Google Latitude API
The Google Latitude API allows for websites and programs to integrate with Google Latitude, enabling users to update and read their current location, their location history
Essential TextMate Shortcuts, Tips and Techniques
Even after six years, TextMate is still considered by many to be the best code editor available for Mac. The reason why is simple: it’s incredibly powerful, and offers features that even the newest editors don’t yet offer. Add a robust plugin/bundle community on top of it, and you get one heck of a code editor. I’ll show you some of my favorite shortcuts and tricks today.
17 CSS/HTML Effects with Cross-Browsing Alternatives
Well, we surely have a lot of different ways to achieve similar effects and with CSS the hardest part is to make it look good in almost every browser. You don’t need to reinvent the wheel every time, if you get one good snippet that does what you want (and you understand what is happening) you don’t need to reinvent it every time you need a simple round corner, right?
Wireframing is About More than Just Visual Layout
In this article, I will be drawing on my own recent experience to consider the topic of wireframes. Most specifically, I will be considering how wireframes are about more than just establishing the visual layout for a website and should not be created entirely in a vacuum, but rather with thoughtful consideration to structure and even HTML.
46 Beautiful Logos using Handwriting Fonts
Using handwriting fonts is the oldest inspiration for company logos but today it remains one of the popular inspirations, because it representated by a sort of signature as to transmit confidence and establish a personal relationship between the brand and the customer. It also show the personality and character of the company or organization. Here is our collection of beautiful logos using handwriting fonts for your inspiration.
