Altabel Group's Blog

Archive for the ‘iPhone’ Category

It’s not a secret that technology does not stand still and every year gadgets are becoming smarter and the developers are trying to surprise users and make something incredible. Probably, one of the most expected smartphone of this year – is the new iPhone 7. It not only possesses all the necessary functions, but also belongs to the category of image devices.

As we have already known Apple will release its next-generation iPhone in a week, and with a launch date fast approaching, details about the new device have been leaking out at a rapid pace. As with most iPhone launches, we’ve seen a slew of rumors that have given us a solid look at what we can expect to see when Apple unveils its new iPhone on September 7.

Of course, as with any rumor cycle, we have seen some conflicting information, so there will still be an element of surprise when Apple CEO Tim Cook and other Apple executives debut the 2016 iPhone.

Well, let’s have a brief look of what we can expect from new iPhone 7.

Since the 3GS launched in 2009, Apple has used an alternating “S” naming formula to mark years where the iPhone does not receive a major redesign, saving its numbered upgrades for years where design changes are introduced. Releases have been as follows:

2007 – iPhone
2008 – iPhone 3G
2009 – iPhone 3GS
2010 – iPhone 4 (new design)
2011 – iPhone 4s
2012 – iPhone 5 (new design)
2013 – iPhone 5s
2014 – iPhone 6 and iPhone 6 Plus (new design)
2015 – iPhone 6s and iPhone 6s Plus

The next-generation iPhone is expected to be called the iPhone 7 and since we are expecting Apple to continue offering two versions of the iPhone – with 5.5 and 4.7-inch displays – we will also see an iPhone 7 Plus.

Every rumor we’ve heard about the iPhone 7’s look suggests Apple is aiming to make the iPhone 7 up to 1mm thinner, removing the headphone jack would be one way to help achieve this, forcing music fans to use wireless Bluetooth headphones, or headphones that connect via the Lightning port, or an adaptor, but other rumors suggest the iPhone 7 and 7 Plus will have a body that is the same thickness as the iPhone 6s.

A redesigned home button was one of the most active topics in the early iPhone 7 prediction conversation. The iPhone 7 would have a “Force Touch” home button. So instead of a physical mechanism, Apple will use its ‘Force Touch’ technology and a motor inside the iPhone to provide the sensation that the button is being physically depressed, similar to the “Force Click” touch pad included on the latest model MacBooks.

Many sources are expecting a significant step up in quality with the iPhone 7’s camera. New evidence appears to suggest that both new iPhone 7 models will have optical image stabilization capabilities. But a steady stream of sources have reported that the dual camera would likely be included on the 5.5-inch-screen iPhone 7 Plus and/or Pro and probably not the standard 4.7-inch-screen iPhone 7. The dual cameras in the iPhone 7 Plus will reportedly use two sensors to capture separate photos with different color patterns, merging them together for one final photograph. Capturing two images at once and merging them is expected to result in brighter, more detailed photos and better zoom functionality.

It’s also going to have faster processor, as the new version is expected to run on a new A10 chip that could be 50 per cent faster than the current A9X, with 3GB of RAM and a 2.37GHZ processor. Numerous sources have suggested that the phone will have 3GB of RAM, where the current model has 2GB.

As battery life remains one of the biggest complaints that users have against the iPhone, the new version will have a 1735 mAh capacity battery and the iPhone 7 Plus a 2810 mAh one – up from 1715 mAh and 2750 mAh respectively.

We can expect that Apple will continue on its path of introducing more powerful, efficient devices with each design iteration. The iPhone 7 and iPhone 7 Plus are expected to include next-generation A10 processors manufactured by TSMC. Internal storage space is getting a boost, with entry-level devices expected to start at 32GB instead of 16GB, and up to 256GB of storage may be available.

What is more, a part leak suggests the iPhone 7 could include dual SIM trays to allow the device to send and receive calls and messages from multiple phone numbers. Dual SIM trays would also allow the iPhone 7 to work with multiple carriers at the same time, ideal for traveling.

Another possible advantage of the new iPhone may be full waterproofing. Instead of adding armour to the outside of the iPhone to protect it from water, the method would coat electronic components found inside the iPhone in a protective waterproof material that would prevent them from getting damaged should water find its way in. If waterproofing the internals of the iPhone 7 doesn’t sound impressive enough to you, the next rumour might. It was published that the iPhone 7 could be waterproof – but not by creating a watertight body, or even waterproofing the internals. Instead, the patent suggests that the iPhone could dry itself by pumping water (or any other liquid, for that matter) out of the device via its speaker grills. Pretty cool, eh?

Well, my review is coming to the end. I hope you have found this information useful.

What do you think about these new features? Please feel free to share your thoughts with us. Thank you in advance!


Kate Kviatkovskaya

Kate Kviatkovskaya

Business Development Manager

Skype: kate.kviatkovskaya
LI Profile: Kate Kviatkovskaya



Altabel Group

Professional Software Development


Tags: ,

Wearable tech devices, such as smart watches and bracelets, have firmly stepped into our everyday life and accompany us in different spheres of life. And who knows, we may soon witness the next tech revolution in the wearable world.

Microsoft Research and MIT Media Lab PhD students have teamed up to create the next level of wearable: temporary smart tattoos.

The technology is named DuoSkin. These tattoos consist of artistic arrangements of conductive gold and silver leaf, plus tissue-thin electronics. Users can apply the tattoo to their body with a wet cloth, similar to any other temporary tattoo.

The fabrication process is fairly simple: first, you design a stencil with any graphic design software, and cut the pattern out of tattoo paper and vinyl. Then you place the gold leaf layer on top to create conductivity, and attach surface-mount electronics.

Smart tattoos can be used for several purposes. Firstly, the tattoo can act as an interface that can be used, for example, as a trackpad or a button to remotely control devices. It may be quite demanding in the near future as our devices get smaller and smart tattoos could provide some additional auxiliary area, without carrying a larger device. Secondly, they can track and show users information about themselves, for example they can change color depending on the user’s mood or show body temperature. A third possible function is wireless communication. The tattoo could include an NFC (near field communications) tag, an electrical component that includes small microchips to store data that can be read by phones or other NFC devices nearby. In the near future, the technology could serve as a substitute for identification, subway cards, etc.

Cindy Hsin-Liu Kao, the lead researcher, calls DuoSkin a “project” and not a product or prototype. Others may use this information as a basis to create their own personalized on-skin wearables.

Lets’s think a bit out of the box:) The future presented in some fantastic films is about to come to reality: not more physical devices but different tattoos and built-in chips:) Аnd what do you think about smart tattoos? Will they change the wearable world or will soon be forgotten?


Anna Kozik

Business Development Manager

Skype: kozik_anna
LI Profile: Anna Kozik



Altabel Group

Professional Software Development


Staying in shape is hard work. As the tech savvy community that we are, we spend most of our time working in front of our computers and mobile devices. As a result, we often let our health take the back seat, never really finding the time to go to the gym or a fitness class and more often than not choosing fast food over much healthier options.

In the past, finding out the answer to these sorts of fitness or nutrition-related queries required going to an expert for advice or trawling the internet in the hope of finding an answer. Nowadays, things are a lot easier thanks to the health and fitness apps available on the App Store or Google Play. Because our smartphones and apps are always with us, they become constant reminders to check your progress, stay the course, and keep your willpower strong.

Here are the top 10 hand-selected health and fitness apps proven to be the most effective in terms of execution and, of course, results.

1. RunKeeper

RunKeeper is a workout-tracking program that offers detailed stats about things like pace, distance, time, and calories burned. Features include detailed fitness plans to help you achieve a variety of goals (lose weight, improve endurance, run a race, etc.); real-time audio coaching to keep you encouraged; and built-in social sharing tools (so you can brag about those workouts with ease).
Cost: Free. Available on iOS, Android

1. Runkeeper

2. Cyclemeter

Cyclemeter may very well be one of the most feature complete cycling apps you’re going to find, on any platform. Not only can you track every statistic you can possibly thing of, you can customize over 120 audio alerts to let you know exactly where you are during a certain ride. Cyclemeter also lets you share your workouts online as well as notify friends and family of exactly where you are, whether during a race or just for safety reasons. Cyclemeter has built-in training assistance to help you get ready for any kind of race you may be prepping for.
Cost: Free; $4.99 Elite Upgrade optional. Available on iOS

2. cyclemeter

3. MyFitnessPal

MyFitnessPal is a mobile app and website that gives you a wealth of tools for tracking what and how much you eat, and how many calories you burn through activity. Of all the existing calorie counters, MyFitnessPal is by far the easiest one to manage, and it comes with the largest database of foods and drinks. With the MyFitnessPal app you can fastidiously watch what you eat 24/7, no matter where you are.
Cost: Free. Available on: Android, BlackBerry, iOS, Windows Phone, Web

3. MyFitnessPal

4. Pocket Yoga

Pocket Yoga is a self-guided yoga practice that you can customize to fit your schedule and experience level. Features include detailed voice and visual instructions that guide you through every pose, 150 illustrated pose images including correct posture and positioning, and a workout log that tracks your progress to encourage consistency.
Cost: Android ($2.99), iOS ($1.99). Available on: Android, iOS

4. pocket yoga

5. Fooducate

Fooducate helps you eat healthier by scanning barcodes of products and providing a nutrition grade instantly, ranging from A to D. You can read unbiased information of a product, such as the controversy behind food coloring and make better, educated choices for your food intake. To help Fooducate, you can also submit products for analysis and write your own review.
Cost: Free. Available on: Android, iOS

5. fooducate

6. iDrated

No matter how much water you drink now, you’d probably be recommended by your GP to drink more. Drinking water is a key to maintaining a healthy lifestyle by keeping our skin looking younger, improving natural digestion and removing bodily toxins.
With intuitive gesture-based interaction, iDrated will help keep track of your water intake throughout the day and remind you should you forget to drink in a while.
Cost: $0.99. Available on: iOS

6. idrated

7. Smoke Free

We all know the effects smoking has on our health but giving up the habit can require a lot of willpower that some of us just don’t have.
Having visual feedback from your progress like how much money you’ve saved so far can be used as a big incentive to help us keep going.
Downloading Smoke Free can be the first step to becoming healthier.
Cost: Free. Available on: iOS

7. Smoke free

8. Workout Trainer

Workout Trainer is a fitness training app that comes equipped with thousands of free workouts designed for a wide variety of fitness goals, experience levels, and personal preferences. Features include a virtual fitness consultation to personalize and improve your experience; instructional photos, videos, and audio cues that illustrate every exercise; online support community; and a built-in music player.
Cost: Free. Available on: iOS, Android

8. workout trainer

9. Fitocracy

Fitocracy is an RPG (role playing game)- like app that allows you to earn points and level up during your fitness journey. New friends and accountability buddies will cheer you on in an online social community that’s like Facebook but for fitness.
Cost: Free. Available on: iOS, Android

9. fitocracy

10. iTriage Health

Here’s an app that takes the concept of a medical dictionary to a whole new level. iTriage not only allows you to search symptoms and find potential causes, it suggests treatments and finds qualified facilities and doctors in your area. If you’re having a medical emergency and need to head to the ER or urgent care, this app can provide average wait times.
It also includes numbers for emergency hotlines and physician and nurse advice lines, so you can be connected easily to a real person who will give you feedback on your condition. All of this information can be saved on the app for your convenience.
Cost: Free. Available on: iOS, Android

10. iTriage

Did you have a chance to try these helpful applications? Which of them did you like most? Let us know using the comments below.

Katerina Kviatkovskaya

Katerina Kviatkovskaya
Skype ID: kate.kviatkovskaya
Business Development Manager (LI page)
Altabel Group – Professional Software Development

The iPhone 6 is here. The world is excited. But should you be? For now we’re just going to look at the 4.7-inch iPhone 6 compared to the old model.


The 2014 iPhone is here, and Apple has made some pretty big departures this year, including changing the shape of the phone.

Angular is out, the sharp-ish edges of the iPhone 5S replaced by much curvier lines. The iPhone 6 is also a fair bit slimmer than the old model at 6.8mm to the iPhone 5S’s 7.6mm.

Of course, the iPhone 6 is also a fair bit bigger than the 5S thanks to its larger screen. To help out, the power button has moved to the side from the top, making it easier to reach.

Although there are optimisations, the basic construction of the phones hasn’t changed a huge deal. Both the iPhone 5S and 6 have aluminium backs and toughened glass fronts.

They also share the same TouchID sensor.

The one big hardware extra this year is NFC, which lets you make wireless payments with an iPhone 6. iPhone 5Ss do not have NFC.


The big display news for this year is that the iPhone 6 has a much larger screen than the iPhone 5S. You get bumped up from four inches to 4.7.

In Android terms that’s still a pretty small display, but if you want more you can now upgrade to the iPhone 6 Plus, which has a 5.5-inch display.

The display architecture has slimmed down a bit in this 2014 generation, but the core technology remains the same. Both phone have IPS LCD screens, as used in iPhones for years. We’re pretty glad this is the case – iPhone displays generally look fantastic.

To compensate for the added screen inches (well 0.7 inch), Apple has increased resolution in the iPhone 6 display. Where you get 1136 x 640 pixels in the iPhone 5S, the iPhone 6 gets you 1,334 x 750.

It’s 38 per cent more pixels, but how much sharper is it? No sharper at all, in fact. Both phones have, rounding-up, 326ppi displays.

Of course, a larger display with the same sharpness is always going to be a bit more satisfying for browsing, gaming – most things in fact.


Apple has not changed a great deal in the camera of the iPhone 6. It still has an 8-megapixel sensor, still has an f/2.2 lens and sensor pixels 1.5 microns a piece in size. This is what the iPhone 5S has.

While Apple claims the sensor is new, we don’t expect to see any radical changes in image quality beyond what is provided by processing.

However, there is a new feature – phase detection autofocus. This is used in the Galaxy S5  and many top-end dedicated cameras to provide faster focusing, and it should perform the same trick here.

Both phones have Apple’s TrueTone flash, which uses two different LED to colours to avoid washing-out people’s faces.

The front FaceTime camera seems to have been given more of an overhaul in the iPhone 6, though. It apparently lets in 81 per cent more light for better shots, and has more selfie-centric features. These include one-shot HDR and a burst mode. Selfie. Tastic.


The iPhone 6 introduces a new generation of processor called the Apple A8, taking over from the Apple A7 of the iPhone 5S.

It’s not a world-changing upgrade, but it does seem to supply the goods. Apple has changed the system architecture from 28nm to 20nm – meaning it uses absolutely tiny transistors – to make the new CPU more efficient. That should also mean it’s able to run cooler.

Apple claims the Apple A8 provides 20 per cent more CPU power and 50 per cent more GPU power. Some of that improvement is gobbled-up by the increase in resolution in real-life terms, but we should see a few nicer visual effects in a handful of games in the iPhone 6.

We’re still waiting on some more in-depth figures on the Apple A8 CPU, but it’s a solid generational upgrade.

Battery Life

As we expected, Apple has chosen to make the iPhone 6 slimmer rather than significantly adding to the battery life.

Even the official figures show that stamina should be roughly the same as it is in the iPhone 5S. You’ll get 11 hours of video playback in the iPhone 6, to 10 in the iPhone 5S.

By Android standards, that’s good, but not great. The best phones from Sony and LG manage numbers will into the teens in our own testing.


For the past few years iPhones have been stuck offering 16GB, 32GB and 64GB versions. Only the iPad has offered a 128GB option. That all changes this year.

You can get a 128GB iPhone 6. It’ll cost a bit, naturally, but is perfect for those who want to dump a lot of music or video on their phones.

There’s no 32GB version this year, though. You have to pick between 16GB, 64GB and 128GB models.


The iPhone 6 is quite a departure in some core ways, but it’s also pretty conservative in others. Apple has not significantly improved the camera hardware, and while the screen has gotten bigger, display quality is unlikely to improve all that much. There isn’t an objective reason, at this stage, to upgrade from an iPhone 5S. Perhaps the trickier question is whether you should upgrade to the iPhone 6 Plus instead?

Source – Trusted Reviews

Kristina Kozlova

Marketing Manager



Altabel Group

Professional Software Development


Responsive web design isn’t the future, it’s the present

In our humble opinion it’s late to debate whether responsive web design is the future because it’s already the present of everybody’s business represented online. Consumer/client behavior has been changing. According to statistics and analysts’ predictions, for instance, for the first time since 2001, PC sales are projected to be lower than they were in 2012; smartphone sales will double PC sales in 2014; tablet sales are expected to exceed 100 million this year and may top notebooks next year. So the shift to mobile is happening at an extraordinary speed, and tablets and smartphones are becoming extremely popular for business and pleasure matters. This means people view your content on thousands of oddly shaped and different sized screens. What’s more, according to Google research, mobile users “expect their mobile experience to be as good as their desktop experience” – this expectation poses a thorny challenge for both, business stakeholders and web designers and developers.

So this is no longer about “How do I make my website available to a smartphone or tablet?” – it’s “How do I make my business available in smartphone and tablet context?”. For some business it’s not important – it’s literally critical, for example: according to the Pew Research Center, 60% of tablet users prefer reading news on the mobile web than via an app; the same percentage is quite common for e-commerce sites according to Google Analytics and that’s why RWD has been listed in E-commerce marketing checklist for 2013. If you wish to identify the percentage of your audience that use mobile devices use the Google Analytics Mobile Overview report feature: if mobile users are more than 5% of your total audience you should consider catering for them too.

In general, there are three main approaches to providing information and interaction to mobile/tablet device users : responsive (and adaptive) web design, mobilized websites, and mobile apps. It’s important to understand that these are different marketing channels and their value proposition is very different. A mobile web site may do something very different from a mobile app – simply said, “if your goal is just to display and show content beautifully create a responsive or mobilized website; if your goal is to show productivity tools, build an app”. Which option is the best for your business will depend on your use case, your users’ habits and your budget.

Responsive web design vs mobile web development: advantages and challenges

To talk about advantages of responsive web design, let’s start from its definition. RWD is a front-end development approach aimed at crafting device agnostic sites. It uses “media queries” to figure out what resolution of device it’s being served on. Flexible images and fluid grids then size correctly to fit the screen. So responsive design provides easy reading and navigation with a minimum of resizing, panning, and scrolling, and eliminates the need for separate sites for different devices. Adaptive web design is either a subset of responsive design, or a related approach. “Responsive design will show more stuff or less, optimized for a mobile layout, but is likely to still provide access to the full desktop-view’s content. Adaptive design, by contrast, might show very different content, and also present a different UI, reflecting touchscreen’s tap/swipe/scroll versus desktop’s keyboard/mouse interaction.” In either case, responsive (and adaptive) web design will be based on the same code as a desktop site, and will locate on the same URL.

– In the definition above a couple of advantages of RWD are pointed out. Indeed, it improves user web browsing experience since a website adapts to the browser or device compatibility automatically and makes the content look good. For customers it shows that your business is receptive to changing technology and understanding of consumers’ needs.

– From business perspective, “one website – multiple devices” concept means that it’s easy to manage and focus on developing good content for your website. The same applies to analytics and strategy development and deployment since there is only one set of analytics to examine and a single strategy to develop and deploy. From maintenance standpoint, the technique is great too as one update affects all of your platforms.

– Additionally, responsive websites are easier for consumers to find than traditional or mobile web sites because they come up higher in search engines’ rankings. “In fact, Google recommends responsive web design because having a single URL for desktop and mobile sites makes it easier for Google to discover content and for Google’s algorithms to assign indexing properties to content.”

– One more advantage from the future perspective, as Resnick predicts, is: “As the internet transforms further into a platform of services and user interfaces that tie those services together, leveraging RWD technology in the future will allow companies to integrate a plethora of back-end services, such as Facebook, Twitter,, and Amazon Web Services, and then present the integrated data back out the front-end iad layer on a responsive design so the application looks great on all devices without custom coding needed for each device or screen size. No longer are expensive back-end solutions needed to integrate legacy systems with business partners.”

Actually responsive web design is quite immature so it faces many challenges too.

– Even though we might view a responsive website on a smaller screen and it displays less visible content or smaller-sized images, this does not mean that the site will load faster. The thing is that from one side responsive websites are not much smaller in download size when viewed on smaller devices or screen resolutions compared to when being viewed on a desktop browser jacked into a broadband internet service provider, on the other hand mobile internet speeds still lag much behind broadband internet ones. Thus responsive web sites need advanced optimization, such as serving smaller images and conditionally loading scripts, and much more. An alternative may be found in dedicated mobile web development solutions since they specifically address mobile devices.

– The related issue concerns complexity. Responsive web designs are inherently complex because they are trying to support many viewing experiences without necessarily optimizing the experience for one particular device (or genre of devices). Mobile browsers will have to deal with a big HTML file, and the site would need to carefully avoid running specific scripts, loading certain CSS and download large images. Perfect implementation is possible, still avoiding over-resourcing requires scripts or code and therefore additional complexity. Typical “m dot” site wins in this case and is simple. It usually has a small amount of HTML, limited scripts, CSS, and images (if at all) as it is built specifically for its intended small-screen, touchscreen mobile devices viewing experience.

– As for UI and UX, responsive websites have limitations here. Not only in screen size, they are also limited for utilizing or recognizing key mobile features such as user location, connectivity, device limitations, software potential, and user needs. Mobilized sites and mobile apps will provide broader opportunities and advantages here.

Information architecture can be an issue. It needs to be carefully considered and should be hierarchically structured before the design implementation.

Advertising is an issue. Ads will have to shift with the sites, something that will wreak havoc with advertisers who want guaranteed placements on sites.

So, which approach will or do you use to present your business online?

HTML5’s momentum and Best tools for responsive web design

Responsive web design is not a specific technology but a whole design approach. However, responsive design is enabled primarily by CSS3 and JavaScript, which fall under the banner of HTML5. HTML5 is really maturing in terms of its functionality and, more importantly, its speed. So now HTML5 is the backbone of the new and interactive features of responsive web design.

To achieve a smooth flow from a large screen to a small one it takes a lot of patience and perseverance. To reach a seamless result there are a number of tools that help you with it. Below you will find a list of best responsive design tools broadly recommended in the web as well as by Altabel’s dev team:

1. Gridset
A tool that helps you design, prototype and build any type of grid layout required – columnar grids, asymmetrical, fixed, fluid or responsive grids. It even lets you create a library of your own grids, with a variety of presets available. It will allow you to build responsive prototypes (without all the calculations) very quickly and easily, providing all the measurements and tools to integrate with your existing markup.
Alternatives: Frameless, Tiny Fluid Grid, Gridpak, SimpleGrid, Responsify,, Golden Grid System and Photoshop Grid for Responsive Design.

2. Bootstrap
An intuitive and powerful front-end framework from Twitter to start a responsive website fast and easy. It addresses the most popular user interface components and interactions, uses a 12-column responsive grid system with simple and flexible HTML, CSS, and Javascript and features dozens of components, styles and JavaScript plug-ins, with basic global display, typography and link styles all set. It also gives the option of customizing components of your website for instance by using the Customizer .
Alternatives: Skeleton, Foundation, Base, InuitCSS, LESS Framework, Gridless, 320 and Upand Gumby.

3. Wirefy
Clients wish to see how wireframes will adapt to different device sizes. Static wireframes aren’t particularly useful to show a client how responsive your design is, or what functionality is being suggested. But rapid prototyping by building flexible wireframes may. Wirefy is a collection of functional responsive HTML snippets and templates that scale as the browser is resized (working across multiple devices). It builds on tools such as the Frameless grid system and Bootstrap, and uses CSS media queries that adapt to different device resolutions. Wirefy focuses on key elements such as typography, tables, images, slideshow, forms, tab panel, paginator, menu, etc., focusing on the users.
Alternatives: Froont, Interactive Style Tiles, Responsive Sketch Sheets, Responsive Wireframe Template, Interface Sketch Templates, Responsive Device Diagrams, Wirify.

4. FlevNav
Navigation strategy is a really critical component of any responsive website design. FlexNav is a jQuery plugin that takes a device-agnostic approach to complex site navigation. It is a mobile-first concept using media queries and JavaScript to create a menu with drop downs. It features multiple nested sub-menus, with support for em units and tap targets to reveal sub-menus for touchscreens.
Alternatives: TinyNav.js, Navigation Patterns for Responsive Design, MeanMenu, Responsive Solutions for Menu Navigation, jPanelMenu.

5. Adaptive Images
Previously, making your website images responsive was tricky and usually meant using a “hack-around”. Now several tools may simplify this task. Using a one htaccess file, one php file and a single line of JavaScript, Adaptive Images detects screen size of browsing devices, cashes and delivers device appropriate re-scaled versions of your web page’s embedded HTML images without any mark-up changes. Also it is entirely non-destructive, and works on existing websites and markups — without the need to edit anything. Adaptive Images works on the premise that you are already using the highest-resolution images on your site, and also offers a ton of customization options.
Alternatives:, jQuery Picture, ResponsiveImg, Retina.js and Retina Images.

6. FitText
As content scales according to a user’s viewport, the text will naturally wrap as the container is narrowed; and this often causes widows, orphans or your headlines to look rather ugly, and can even break the entire layout. FitText is a jQuery plugin specifically for headlines and big text. It auto-updates the font size according to the width of the element wrapping it, so you can achieve scalable headlines and a non-broken layout that can be caused by font-sizing issues. FitText works perfectly with Lettering.js or any CSS3 property thrown at it. There are options to fine-tune the text, including the ability to set min-max sizes and the level of scaling. Still FitText is only for headlines, and shouldn’t be used with paragraph text.
Alternatives: BigText, Lettering.js, Kerning.js, Kern.js, Type Butter and Slabtext.

7. Responsive Slides
This lightweight plugin allows you to create a responsive slider using elements inside a container. The images have to be the same size and jQuery 1.6 and up should be used. You can keep captions and other non-HTML elements inside the slides, while also using CSS3 transitions with JavaScript fallback. It works in all major desktop and mobile browsers, can support multiple slide shows, have settings for transition and timeout durations, automatic and manual fade, and have options for customization.
Alternatives: Flex Slider, Slides.js, PhotoSwipe, Supersized, Camera, RefineSlide, BlueberrySequence.js and Galleria.

8. Responsive Tables
Data tables in responsive design can be troublesome: you want it to not break responsive layouts, not hide content, let you see entire rows and columns, not be too small to read easily or zoomed in too far requiring scrolling. Here ZURB comes out – a simple JavaScript/CSS combination containing two key files: responsive-tables.js and responsive-tables.css. It works by taking the first column, which is often the unique key for a table, and “pinning” it to the left of the table, allowing you to scroll the other columns under it.
Alternatives: Responsive Data Tables, Stackable.js, Footable, Responsive Tables, Responsive Tables, Responsive SEO Friendly Data Tables.

9. Responsive Design Testing
Building a responsive website means constantly testing how it displays across mobile and tablet devices. You could resize the browser yourself, or use a browser extension or tools within your IDE; but there is an extremely simple tool that allows you to see how a page displays on different screen sizes, in a single view. With Matt Kersley’s RWD testing tool you just have to enter your website’s URL into the address bar to test a specific page in different widths and device sizes. Also you can share the results of the test with others by adding any URL to the end of the testing page address. One major benefit of this tool is that it can be self-hosted (available on GitHub) by downloading and installing it on your own site. You can then navigate through the frames that your website appears in, testing the entire site effortlessly.
Alternatives: Screen Queries, Screenfly, Responsivepx, Responsinator, Responsive, and Resize My Browser.

10. Respond.js
The problem with media queries in responsive web design is that they are a part of CSS3 specifications so they do not work with older browser versions such as IE8 and lower. Respond.js comes to the rescue for browsers that don’t support media queries directly, translating any media queries it finds into equivalent JavaScript.The script itself is incredibly small and lightweight. It works unobtrusively, and doesn’t rely on any other scripts or frameworks to run.
Alternatives: Modernizer, Adapt, Categorizr, CSS3 Media Queries and Enquire.js.

The tools above are ultra useful for any RWD project from the planning and designing phase right through to testing, and what’re your favorites?

Welcome to share your view points.

Helen Boyarchuk

Helen Boyarchuk
Skype ID: helen_boyarchuk
Business Development Manager (LI page)
Altabel Group – Professional Software Development

Tags: , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , ,

The Web as we know it have been born and matured on computers, but as it turns out now, computers no longer have dominance in it. According to a recent report by analyst Mary Meeker, mobile devices running iOS and Android now account for 45 percent of browsing, compared to just 35 percent for Windows machines. Moreover, Android and iOS have essentially achieved their share in just five years and their share is getting tremendously larger.

According to some forecasts their worldwide number of mobile devices users should overtake the worldwide number of PC users next year. If forecasts come true, this shift will not only continue, but accelerate. Based on data from Morgan Stanley, Meeker estimates roughly 2.9 billion people around the world will be using smartphones and tablets by 2015.

What does it mean now that more people are accessing the Web through tablets and smartphones rather than laptops and desktops? And is it really a big deal? Anyway, Internet is intended to be accessed from anywhere and thus from any device. Well, it is quite a change at least in terms most people consider the Web and how it gradually adapts to be used on mobile devices.

Apps-like sites
As mobile devices take over, the use of today’s desktop browsers like Internet Explorer, Chrome, Firefox, and Safari will decline. Mobile browsers are already very capable and will increasingly adopt HTML5 and leading-edge Web technologies. As mobile devices naturally have less screen area, the sites need to function more like mobile apps and less like collections of links. So the sites are likely to look like apps.

Apps may rule
Native apps for smartphones and tablets almost always surpass websites designed for mobile devices because they can tap into devices’ native capabilities for a more responsive and seamless experience. This is most likely to change in the nearest future – most experts agree HTML5 is eventually the way of the future. This is already the status quo in social gaming: for example Angry Birds and Words with Friends. Some services won’t be available at all to traditional PCs — they won’t be worth developers’ time.

Less information at once
Web sites and publishers will no longer be able to display everything new for users and hoping something will catch the user’s eye. Smaller screens and lower information density means sites will need to adjust to user preferences and profiles to customize the information they present. Increasingly, the Internet will become unusable unless sites believe they know who you are. Some services will handle these tasks themselves, but the most likely contenders for supplying digital identity credentials are Facebook, Google, Amazon, Apple, Twitter, and mobile carriers.

Sharing by default
In a mobile-focused Internet, anonymity becomes rare. Virtually every mobile device can be definitively associated with a single person (or small group of people). Defaults to share information and experiences with social circles and followers will be increasingly common, along with increasing reliance on disclosure of personal information (like location, status, and activities, and social connections) to drive key functionality. As the Internet re-orients around mobile, opting out of sharing will increasingly mean opting out of the Internet.

Emphasis on destination
Internet-based sites and services will increasingly function as a combination of content and functionality reluctant to link out to other sites or drive traffic (and potential advertising revenue) elsewhere. These have long been factors in many sites’ designs but mobile devices amplify these considerations by making traditional Web navigation awkward and difficult. Still URLs are not going to die – people will still send links to their friends and Web search will remain most users primary means of finding information online.

Going light weight
As people rely on mobile, cloud, and broadband services, the necessity to do things like commute, store large volumes of records or media, or patronize physical businesses will decline. Businesses won’t need to save years of invoices, statements, and paperwork in file boxes and storage facilities – cloud storage comes as their rescue. Banks will become purely virtual institutions consumers deal with online via their phones. Distance learning and collaborative tools will let students take their coursework with them anywhere — and eliminate the need to worry about reselling enormous textbooks.

Going mobile is an obvious trend today. Experts envisage that nearly every service, business, and person who wants to use the Internet will be thinking mobile first and PC second, if they think about PCs at all. Do you agree? And what other related changes can you imagine?

Many thanks for sharing your thoughts🙂

Aliona Kavalevich

Aliona Kavalevich
Skype ID: aliona_kavalevich
Business Development Manager (LI page)
Altabel Group – Professional Software Development

One of my latest articles was about the android app advertizing networks, where I tried to enumerate one of the best and most popular networks existing at the moment. And what about iPhone networks ? – I thought. Developers and publishers can certainly make money with iPhone apps as well as with Android ones and receive quite good money. So in order not to be accused of being a “mobile platform racist” I`ve tried to prepare the list of some interesting ad networks that iphone app and game developers may use🙂 You could pick the one you like and use it to monetize your iPhone app. Let`s get into the list….

iAd – iAd is considered to be one of the best Ad network that is directly owned by Apple and it is serving the most number of iPhone Apps already available in the market. iAd claims that currently every 100′s of their publishers are earning $50,000 per quarter in average. iAd shares the owners of the apps 60% of the income generated by the iPhone App.

Similar to AdMob, iAd facilitates integrating advertisements into applications sold on the iOS App Store. If the user taps on an iAd banner, a full-screen advertisement appears within the application.

LeadBolt App Advertising – With this Mobile App network, you could integrate their SDK to monetize your Apps. They support different formats of advertisements like Text Ads, Banner Ads, Video Ads etc. You could customize the Ad placements like entry Ads, exit Ads, Menu Ads and test around to maximize your earnings.

Smatto App Advertising Network – This is one of the highest paying Ad network which gives 90% of Ad earnings to developers and publishers and keeps only the remaining 10%. It has simple APIs which gives access to multiple Ad networks around the countries and you could pick the required Ad networks. However, to join Smatto you must generate 30+ million page impressions per month . It is compatible with iPhone iOS, Android, Nokia OVI, windows, blackberry.

iPhoneAlliance – Alliance represents about 50 million page views delivered from 10 million App users around the world specialized in iPhone App advertising. They are providing an end-to-end Ad solution which helps to configure, manage and to optimize ad performance so that you could maximize the earnings from iPhone Apps.

Mobclix App Advertising – This is one of the ad network which supports real-time bidding for advertisers and hence there are more possibilities to maximize your earnings. They have impression based earnings and your App gets the power to earn from each Ad impression it makes. Like other programs, it connects with multiple ad networks and gives single payment.

MobFox – MobFox is world’s highest-paying mobile advertising network for US & EU Traffic on iPhone, Android, Windows Phone 7 applications and mobile websites. Instead of working with hundreds of different advertisers and networks, they concentrate on placing the most engaging and most paying premium ads on users applications or mobile websites.

Here you see a short list of interesting iPhone add networks available and I hope this list will be of interest and use to you🙂 Have you ever tried to promote your iPhone apps and games through some ad network? It will be great if you could share your experience.

Anna Kozik

Anna Kozik
Skype ID: kozik_anna
Business Development Manager (LI page)
Altabel Group – Professional Software Development

%d bloggers like this: