All posts tagged “Building”

Building a better burger with HTML and CSS

Read more about Building a better burger with HTML and CSS at CreativeBloq.com


McDonald’s has certainly not been afraid to push the envelope on the web. A case in point is its contest site, My Burger, developed by digital agency Cartelle Interactive in collaboration with Razorfish London. The ‘burger builder’ tool lets users build their perfect burger – with the winner’s creation finding its way onto the menu.




Creative Bloq

Who knew a short film about building a bridge could be so moving?

Even the simplest stories can be effective — and affecting — depending on the execution, and this short film is a master class in animated storytelling. Le Gouffre (meaning “The Gulf”) is a short created by animators Carl Beauchemin, Thomas Chrétien, and David Forest at Lightning Boy Studio, telling the story of two friends forced to build a bridge in order to cross a massive canyon in the wilderness. Even though the film is mostly wordless, the score and the bright, fluid animation style draw you in until the end. You’ll be moved even if you saw it coming.

Le Gouffre is the product of a successful Kickstarter campaign from two years ago, and the short went on to win a number of accolades on the festival circuit. We’d love to see more…

Continue reading…

The Verge – All Posts

Tips for Building your Own Website

If you have a mid-size business, you will definitely need a website that will act as an online sales person for your business. In the past, hosting a website was a very expensive affair, but these…

For full article and other interesting tech related stuff visit the website.
SkyTechGeek

Tegu’s Future Set: Magnetron Solar Station: Whimsical magnet and hardwood building blocks in the brand’s first themed set

Tegu's Future Set: Magnetron Solar Station

Truly meant for children of all ages, Tegu’s range of hardwood toys equally encourage imagination and architectural exploration in adults who aren’t afraid to sit down and build something fun. Their newly released, first-ever themed line of magnetized……

Continue Reading…


Cool Hunting

Elon Musk wants to spend $10 billion building the internet in space

Elon Musk’s plan for satellite internet is even more ambitious than originally thought. At a SpaceX event in Seattle on Friday, the Tesla CEO told Bloomberg Businessweek that his unnamed Space Internet venture could one day stretch all the way to Mars — and it could cost $ 10 billion to pull off.

“I don’t see anyone else doing it.”

The news comes at the tail end of a busy week for Musk, with the CEO announcing that a five-mile Hyperloop test track is in development only a day earlier. According to Musk, the satellite internet project would make for fast, cheap global internet that isn’t impeded by terrestrial wires. “The speed of light is 40 percent faster in the vacuum of space than it is for fiber,” he says, explaining that internet…

Continue reading…

The Verge – All Posts

Samsung is building a Tizen iceberg for Google’s Titanic

We’re just two weeks into 2015, but Samsung’s already made more progress with its in-house Tizen OS than it had in all the previous years combined. Tizen now graces Samsung’s new line of premium SUHD TVs, there’s finally a real Tizen smartphone (albeit a distinctly low-end one), and the Korean company promises that the rest of the year will bring “a flood of devices” running its operating system.

A new article on the Samsung Tomorrow website boldly proclaims that the Tizen-powered smartwatchescameras, TVs, and the new Z1 smartphone that we’ve seen so far are “just the tip of the iceberg.” Tizen will be a crucial part of Samsung’s future Internet of Things strategy, helping to connect and smarten up devices and appliances around our…

Continue reading…

The Verge – All Posts

Interview: Wilbert Das on the UXUA Hotel: Sustainable building, creative collaborations and how his experience in fashion helped shape his boutique accommodation in Brazil

Interview: Wilbert Das on the UXUA Hotel

by Abby Morgan and Blake Whitman

As far as designers go, Wilbert Das is something of a legend, creating some of the most provocative advertising in the ’90s that turned Italian fashion label Diesel into a household name. In order to fully grasp……

Continue Reading…


Cool Hunting

The Do’s and Don’ts of Building HTML5 Hybrid Apps


In the beginning there was native code and it was good. Then PhoneGap, Appcelerator, Trigger.io, AppGyver and others emerged, ushering in the “native or hybrid” debate.

If you aren’t familiar with the term, a hybrid app is a mobile app written using languages such as HTML5, CSS3 and JavaScript, then compiled into native iOS, Android or other mobile platform code using wrapper technologies such as PhoneGap/Cordova. Additionally, these frameworks have APIs allowing access to native functions such as the camera, GPS, etc.

The allure of HTML5 is hard to deny. If you’re proficient in building web apps, you’re 90% of the way to creating hybrid mobile apps. You can spend weeks learning Swift or Objective C to write your first iOS app or starting building something today that will also run on Android.

Native proponents are quick to say there’s no substitute for natively written apps. Aspects such as speed, stability, smooth transitions and ease of maintenance are major selling points.

Mobile apps concept
Image Source: Mobile Apps Concept via Shutterstock.

Dismal early experiences developing hybrids placed me in the native camp. In 2010, smitten with the promise of “write once deploy everywhere,” I led a team that decided to give PhoneGap a whirl. It didn’t take much time to realize PhoneGap’s limitations. Our client wanted that “native feel,” but it wasn’t possible. Scrolling, fixed headers and transitions were an issue. Performance was awful. The entire project felt like swimming upstream.

That experience forced me to accept that unless we were willing to compromise aspects native apps take for granted, hybrid wasn’t ready for prime time.

Fast forward to 2013. PhoneGap 3 was released. Smartphones such as the iPhone 5 and Nexus 3 demonstrated exponential advances in processing power. OS support of CSS3 had come along considerably. It was time to give hybrid another try at bat.

The result? Mixed. We produced two apps. The first was a relatively simple calculator-style app with some reporting. We purposely avoided transitions between views and other processor-intensive actions. It turned out well—outputting to both iOS and Android was mostly painless. Unless you’re a seasoned mobile developer, you wouldn’t know it was a hybrid.

The second attempt was more challenging. The app was complex and the client had specific requests on how it needed to work. In hindsight, it wasn’t a good hybrid candidate. Despite this, we successfully completed the project. We also learned a ton along the way.

Having since been part of numerous native and hybrid projects, I’ve gained a pretty good perspective on the Do’s and Don’ts of taking a hybrid approach.

First, the good news: yes, hybrid is a viable solution (sorry, native evangelists). Advances in smartphone processing and memory, along with improved frameworks have helped level the playing field. However, there are guidelines one should follow when considering hybrid. Let’s start with the Don’ts.

The Don’ts…

1. Don’t Use Heavy Libraries, Frameworks or Plug-ins
If avoidable, Don’t use heavy libraries like jQuery. If you must use jQuery, opt for the much lighter Zepto.js. Completely avoid jQuery UI and jQuery Mobile. Both these libraries are performance hogs when compiled into mobile apps. jQuery Mobile in particular imposes a lot of rigidness.

2. Don’t Use HTML5 for Apps that are Multi-purpose or Complex
When it first launched, Facebook used a hybrid approach and it was a dismal failure due to performance. Facebook crammed a lot of functionality into the app, weighing it down considerably. When considering hybrid, your concept should be simple.

3. Don’t Load Views All at Once
If your views are a mix of text and graphics, load the text first and the graphics as separate data calls that load sequentially. Speed and performance are paramount to creating an engaging user experience.

4. Don’t Use Hybrid for Animation or Graphic-intensive Apps
For example, interactive games or rich-media.

5. Don’t Expect Your App to Run Perfectly in iOS and Android Out of the Gate
We’ve consistently developed for iOS first, and then re-factored for Android. The “write once run everywhere” mantra just isn’t that simple. Prepare to spend time adjusting your CSS and other formatting to accommodate each OS.

The Do’s…

1. For Data-driven Apps, Do Use Javascript MVC Frameworks Like AngularJS
Angular is particularly well-suited for hybrid apps because it doesn’t rely on heavy libraries like jQuery. Backbone.js has some nice helper libraries like Thorax and Marionette. App.js is a lightweight framework designed for hybrid apps.

2. Do Consider Using a UI Library such as Ionic

Ionic excels at delivering native-like transitions and pairs well with AngularJS.

3. Do Minify HMTL/CSS/JS to Reduce File Size and Improve Performance
Use tools like jscompress.com for Javascript files, and cssminifier.com for CSS. Will Peavy’s HTML minifier will compress your HTML nicely. Be sure to test your app thoroughly after minimizing to ensure everything works.

4. Do Crunch All Your Graphics
There are plenty of graphics optimizers out there. Tinypng.com is great at reducing PNGs without compromising quality.

5. Do Test for Performance
Clunky or inconsistent view transitions and slow load times make an otherwise great app unpolished. If you’re using PhoneGap/Cordova, test your hybrid apps using a tool like Browser-perf. Third-party services like New Relic’s mobile monitoring pinpoints issues across response times, errors, carrier performance and versioning optimization.

6. Do Use Chrome Canary to Emulate Different Environments
Canary’s Developer tools will emulate different devices and network speeds when testing your app.

Business concept

7. Do Take Advantage of Local Storage
By leveraging local storage, your app can re-render views and reduce service calls. Speed is a big issue for hybrid apps and local storage increases performance.

8. Do Consider Learning a Hybrid Development Framework
There are numerous frameworks and platforms out there for developing hybrid apps. I’m particularly impressed with the offerings from AppGyver. Their platform uses a mix of native and hybrid components and is rooted in AngularJS. In evaluating several hybrid frameworks, I’ve found AppGyver’s Steroids platform produces incredibly responsive, native-like apps.

Conclusion

Native has clear advantages, but hybrid apps have come a long way. Recent platforms and frameworks have brought powerful new ways of building apps to the forefront of mobile development. If you’ve tried hybrid in the past with less than spectacular results or are considering it for the first time, there’s no better time in history to give it a try!


The post The Do’s and Don’ts of Building HTML5 Hybrid Apps appeared first on Speckyboy Web Design Magazine.


Speckyboy Web Design Magazine

5 secrets of building a successful brand

Read more about 5 secrets of building a successful brand at CreativeBloq.com


It can be so easy to find yourself lost at sea when building a brand. Most often it’s the step that comes just after you’ve had the genius idea which will form the bedrock of your commercial empire, and quite often it’s the step that makes developing your product itself look easy. Your brand refers to the way people identify your business as different to another in the same marketplace. McDonalds and Burger King both sell burgers, but their respective branding sets them apart and conveys to consumers their relative merits in comparison to the other.




Creative Bloq

3 tips for building successful creative relationships

Read more about 3 tips for building successful creative relationships at CreativeBloq.com


James Greenfield of DesignStudio




Creative Bloq