background preloader

Top 10 Front-End Development Frameworks

Top 10 Front-End Development Frameworks
(Editor’s note: purely for reasons of length and readability, this article is the first of two parts. This one focuses on the Bootstrap family, more will be profiled in the second part.) As the Web matures and the range of mobile devices we use to access it rapidly grows, our jobs as web designers and developers get considerably more complicated. A decade ago things were much simpler. Then, it was almost certain that most of our users were visiting our sites while sitting at their desk, looking at a large monitor. 960 pixels was more or less considered as a good width for a web page. Our main care was dealing with the dozen or so desktop browsers and jumping through a few extra browser hacks to support quirky old versions of Internet Explorer. Soon, more people will be accessing the Web on their mobile and alternate devices than on a desktop computer. One of the primary strategies we use when we deal with unknown viewport size is the so-called responsive web design. 1. 2. 3. 4.

Top 10 Front-End Development Frameworks: Part 2 In the first part of this article we’ve seen some nice frameworks all related to Bootstrap. If you are weary of all this Bootstrap, take a deep breath and get ready for something really different. Let’s start with the main competitor of Bootstrap – Foundation. 5. Foundation Foundation is a powerful, feature-rich, responsive front-end framework. Foundation has a 12-column flexible, nestable grid powerful enough to let you create rapidly multi-device layouts. The framework also offers many useful add-ons. Stencils – all UI elements available in Foundation in a form of Omnigraffle stencils and vector PDFs for building wireframes and mock-ups faster and more easily.HTML Templates – handy, ready to go layouts for you to quickly start from and build on. As you can see, Foundation is like a treasure-house for web developers/designers. 6. GroundworkCSS is a new, fresh addition to the front-end frameworks family. 7. 8. 10. Conclusion Comments on this article are closed.

Image recognition on mobile devices Image recognition is one of the buzz-words of our times. Facebook has acquired with its flagship product — facial recognition app — and invested huge money to better suggest who’s who on the images uploaded to the service by over a billion of its users. Google+ Photos uses image recognition technology to make photos searchable, and Google Goggles is a new powerful gadget from the Mountain View giant that will let you find information on objects not by typing their names, but by simply „showing” Google what they look like. Not as easy as you may think Our mobile team at Goyello has recently faced a challenge of a similar type (in a smaller scale though) — how to recognize if a photographed image of a solved puzzle set matches one of the predefined templates. The task that seems to be so easy to the human brain is in fact a complex feat, and highly sophisticated algorithms out there still fall short of what any of us — humans — is capable of. Quality challenges To avoid cheating

Ruby on Rails Why Does Windows Have Terrible Battery Life? I've become a huge fan of touch computing. I believe that most things we think of as "computers" will be de-facto tablets, either in our pocket, in our hands, possibly even mounted on our wrists or forearms. I can't wait for the iPad 5 this week (I'll be ordering three), and my Surface Pro 2 should arrive this week too. My main complaint with the Surface Pro is the incredibly lackluster battery life. So WiFi web browsing battery life, arguably the most common user activity there is on a computer these days, goes from 4.7 hours on the Surface Pro to 6.7 hours on the Surface Pro 2, a 42% increase. Nearly 7 whole hours of WiFi web browsing for a real computer in tablet form factor … that's not bad, right? The Surface Pro 2 has a 42 Wh battery, which puts it closer to the 11 inch Air in capacity. UPDATE: Turns out the Surface 2 Pro was shipped with bad firmware. It's not exactly news that Windows historically doesn't do as well as OS X on battery life.

Is desktop software dead? It’s rare that I chat to other software developers without someone asking me when I am going to do a web version of my seating planner software. Because the market for desktop is dead, right? SAAS apps is where all the action is! I think the web is a great platform for some products, not so much for others. Web advantage 1: No installation You can access a web app from any device that has a browser. Web advantage 2: No upgrades End-users are always using the latest version. Web advantage 3: Better user insights You can analyse how users are using your software. Web advantage 4: Distributed architecture If you are writing web apps, you get a distributed architecture for free. Web advantage 5: Less piracy Cracks and keygens are a fact of life for desktop software vendors. Web advantage 6: Cross platform In theory web apps are cross-platform. Web advantage 7: Subscriptions Web apps lend themselves to subscription based payment. So what about the advantages of desktop apps over web apps?

Determine where an element belongs in a jQuery selection Using jQuery to find a specific element in a selection is straightforward — probably one of the earliest things most of us used jQuery to help with, whether using :first, :last, :eq(), or maybe :odd/:even. However, sometimes you need to be able to do the opposite and find where a given element fits within a given selection. In other words, you might want to ask jQuery whether or not something is :first or :odd, and doing that is a bit less obvious than the other way around. Example Event handlers are one of the most common examples of when you might want to accomplish this reverse calculation. For example, you might have a list of items like this one: <ul><li>First</li><li>Second</li><li>Third</li></ul> For the sake of an example, let’s say that you need to respond to clicks on those list item elements, but also do something extra when a click targets the first element in the list. A common attempt that :is not an option Unfortunately, :is doesn’t work that way. jQuery.index() to the rescue

Free IDE For PHP, HTML, CSS & JS: CodeLobster (3 Pro Licenses Giveaway) It is important to have a comfortable development environment to code better and faster. And, there are numerous IDEs for that purpose, mostly paid and few free ones. CodeLobster PHP Edition is a free IDE that has all the features we can expect. It is pretty powerful. When starting, we can choose one of the many code-higlighting themes for the application (there are options which mimic the popular IDEs). As the name states, it is suitable for PHP (or client-side) developers. The UI has support for multiple tabs, code is highlighted successfully even if multiple languages are used on the same file and there is autocompletion for HTML, PHP, CSS and Javascript, including HTML5 and CSS3. CodeLobster has FTP integration and uploading files to any remote address is simple. The application has some handy and hidden features like “pressing F1 on any function or element gets you to a related documentation page about it” or “an index can help you locate them quickly”. The giveaway Good luck to all.