Friday, July 8, 2016

Guide: Chuyển đổi nhanh giữa các Desktop trên Mac OS X

Ở Mac OS X có tính năng rất tiện đó là Multiple Desktop.
Bạn có thể tạo nhiều màn hình làm việc độc lập với nhau, và nhờ đó với các developers chúng ta luôn phải mở rất nhiều tool, apps cùng lúc thì rất là thuận tiện để có thể sắp xếp các apps có liên quan với nhau về cùng 1 desktop.



So với Windows mặc định chỉ có 4 Virtual Desktop, thì Mac OS X mặc định lại có tới 5, và bạn có thể tạo thêm nữa nếu muốn.

Mac OS X cũng đã thiết lập sẵn nhiều cài đặt để chúng ta có thể nhảy qua lại giữa các Desktop này.

Cách 1: Dùng magic trackpad


Nếu bạn đang dùng trackpad trên máy, hoặc magic trackpad bên ngoài, bạn có thể dùng 3 ngón tay vuốt từ trái qua phải (hoặc ngược lại) để chuyển lần lượt qua các desktop.

Để xem chi tiết hướng dẫn sử dụng, bạn vào System Preferences > Trackpad > More Gestures > Swipe between full-screen apps.



Cách 2: Dùng phím control + left arrow (hoặc right arrow)


Nếu bạn đang không sử dụng Trackpad thì bạn có thể dùng tổ hợp phím control + left arrow ( or right arrow) để di chuyển sang trái (hoặc phải) của các màn hình Desktop đó.

Chức năng này khá là tiện, nếu nó chưa được thiết lập sẵn thì bạn có thể kiểm tra lại bằng cách truy cập:

  1. Mở "System Preferences" từ  menu
  2. Chọn vào mục "Keyboard", sau đó chọn phần "Keyboard Shortcuts"
  3. Từ danh sách bên trái, chọn phần "Mission Control"
  4. Check vào các checkbox bên cạnh các nhãn “Switch to Desktop 1” và “Switch to Desktop 2” – Và nó có thể là các Desktop 3, 4, 5, vv, nếu bạn đang dùng nhiều Desktop Spaces
  5. Đóng System Preferences

Nếu bạn không chắc có thể tham khảo thêm hình ảnh dưới đây:



Tips: Vẫn muốn switch giữa các Desktop nhanh hơn


Bạn không nên lưu bất kỳ icon nào trên desktop của mình thì việc chuyển qua lại giữa các Desktop còn nhanh hơn nữa, do lúc đó OS X sẽ không phải tốn performance vào việc vẽ lại các icon trên desktop của bạn.

Monday, February 15, 2016

[Android] Hướng dẫn sử dụng GenyMotion để tạo Android Virtual Device test

Giới thiệu: GenyMotion là một công cụ giả lập Android, mà bạn có thể sử dụng nó để test các apps của mình, cũng như trải nghiệm android trên PC của mình. Nó có thể giả lập các thiết bị thật như là Google Nexus, Samsung Galaxy, ... Hoạt động rất nhanh, đơn giản, và mượt mà như máy thật. Bạn cũng có thể sử dụng Full Screen Size mode để có cảm nhận như chạy Android trên màn hình desktop, và bạn cũng dễ dàng copy-paste hay drag-drop file vào máy ảo này. Bạn cũng có thể giả lập các tính năng về GPS, wifi internet ở thời gian thực.
Cá nhân tôi, ngoài chuyện test app trong quá trình development, tôi còn dùng nó để chơi game nữa. Bạn có thể trao đổi thêm nếu bạn muốn tìm hiểu cách chơi game bằng GenyMotion này :)


Dưới đây là chi tiết hướng dẫn cách cài đặt và sử dụng GenyMotion.

Cài đặt


First of all you will need to create a Account on Genymotion Website. Go to this link and create an account.


1) Sign up for an account on the Genymotion Website
2) Install VirtualBox 5.0, a powerful free virtualization software for Genymotion to run.
3) Download Genymotion Emulator v2.5.2 or higher for your platform. Note: There is an incompatibility issue with Genymotion v2.5.1 for VirtualBox 4.3.28 and higher versions.
4) Install the Genymotion Emulator
- Windows: Run the MSI installer
- Mac: Open the dmg and drag both apps to Applications directory
5) Go to the Genymotion ADB settings and set the path to your SDK directory (i.e. for Mac OSX, the directory is /Users/[username]/Library/Android/sdk. For Windows, all SDK files should be by default in C:\Documents and Settings\\AppData\Local\Android\sdk)



6) (PC's only) You need to reboot and enable Intel Virtualization Technology or Intel VT-x on the BIOS. Typically you need to reboot and hit F1, Esc, or F10 to enter this mode. See these instructions for more information.



7) Install the Genymotion plugin for Android Studio. Go to Preferences->Plugins and click Browse repositories. Search for Genymotion and you should find one provided by http://www.genymotion.com.


After restarting, go to Preferences->Genymotion and setup the location of the Genymotion app.


Configuration


Run the Genymotion application
Sign in and add your first virtual device (i.e. Nexus 4 - 4.4.4 - API 19, Nexus 4 - 5.0.0. - API 21).
You must use an image running 4.3, 4.4.4, or 5.0.0. Other versions may not work.
Do not start your emulator yet!
From within Android Studio, click the genymobile icon Genymobile and click "Start" on your virtual device.
You can start the emulator through the Android Studio plugin, or can launch the Genymotion application separately.
Wait for device to boot up into a useable state
Note: On Ubuntu/Linux, make sure to 3D acceleration mode by launching VirtualBox and going to Settings -> Display to fix. VirtualBox appears to prone to memory leaks, so you may find yourself killing the process from time to time. To avoid large CPU consumption by the compiz window manager and swapping in general, try increasing the video memory allocation and Base Memory (found in Settings -> System).

Note: Are you getting an error when starting the emulator? Error Failed to load VMMR0.r0? Follow the advice here. In short, go to virtual box page and download and install VirtualBox 4.3.6 Oracle VM VirtualBox Extension Pack.

Note: If you get Failed to load OVI error when re-adding the emulator, you need to use a new name for the same device. For example, "Nexus 4 - 4.4.4 - API 19" might be called "Nexus 4 - 4.4.4 - API 19 New".


Setup Google Play Services


1) The Google Play APK package needed is specific to the Android emulator version. You must use the corresponding Google Play Service package. Otherwise, you may notice problems with Google Play not having Internet connectivity or other strange issues.

Version APK Link
Android 5.0
Google Play Services APK - requires Genymotion 2.4.0+
Android 4.4.4 Google Play Services APK
Android 4.3 Google Play Services APK

2) Drag and drop the zip file onto the running Genymotion emulator device


3) When asked to flash the device, make sure to proceed with the installation.

At this point, 'Google Apps Services' will crash frequently with the message "google play services has stopped working".
You must close and restart the emulator so that Google Play Store can be installed.

4) After restart, open the "Play Store" app on your emulator and sign in with a google account.

If you can't find Google Play, try updating the Google Hangouts app to trigger an update to the Play Store.

5) Android 5.0.0 only: If you are using Android 5.0.0, you will be prompted to update to the latest version of Google+ app. In addition, make sure to upgrade to at least Genymotion 2.4.0 (there appears to be issues with Genymotion 2.3.1).

6) Make sure to update to the latest version of Google Play Services by opening the "Play Store" app and then the "Maps" app to verify play services is running correctly.

Note: After installed google play if you have got problem like no connection, you need to be carefull to install right version that will match emulator version. For example Android 4.3 is API 18. If you install Samsung Galaxy S4 API 18 - 1080 x 1920 for genymotion emulator and install Google Services APK for Android 4.3, google play will work without any issue. The important point is google play API version and genymotion emulator device version.



Enable GPS on Emulator


Next, if you don't have the emulator started yet, be sure to boot the genymotion emulator from within the Android Studio plugin:



Now we need to enable the GPS location on the emulator by manually selecting a location on the map:



Thursday, January 21, 2016

Miễn phí hơn 30 thiết kế giao diện Mobile App mới ra lò

Giới thiệu với bạn 30+ thiết kế PSD (Photoshop) mới nhất hiện đại và miễn phí về giao diện dành cho các app mobile. Bạn có thể download về và ứng dụng chúng vào sản phẩm của mình.



Free Portfolio App Screens PSD for IOS


Food App UI PSD

Food App UI PSD

Cisco Material App UI PSD

Cisco Material App UI PSD

Bandwidth Monitor Application UI PSD

Bandwidth Monitor Application UI PSD

Trekit – Mobile App Design PSD

Trekit

Material Design Mobile App UI Kit PSD

Zibly – Food Discovery App UI PSD


Best Savings App PSD


Chefie App UI PSD


Free Music Media Player App UI PSD


Notification App UI PSD


Free Mobile App UI PSD


Cafegrapp – iOS 8 Mobile App UI PSD


Material style eCommerce App UI PSD for iOS


To Let – iOS Mobile App UI PSD


Material Design App UI Template PSD


Shopping Center App UI PSD


Park Me – Android App UI PSD


Ballhead – Portfolio Analytics App UI PSD


Renge – Free iphone App UI PSD

Event Mobile App UI PSD


FC Barcelona Mobile App UI PSD


Chat Mob – Free Mobile App UI PSD

Weather Pro 1.0 – Free Weather App UI PSD


Mobile Application Interface Design PSD


Flat Hotspots App UI PSD


Football XO App PSD

Food Menu Mobile App UI PSD


Learn Reader – Free Material Design UI kit PSD


Free Music App UI Kit PSD


Wonder – Free Mobile App UI Kit PSD


Orange Chat – Free Mobile App UI PSD


Social Bird App Mobile UI PSD for iPhone 6s Plus


Messenger App UI PSD

Coeluso Mobile App UI PSD


Style – Free E-Commerce App UI Kit PSD


Faxenev – Fitness Workout Apps UI PSD


Free Cinema App UI PSD


Telefebric – Free iOS E commerce Apps UI PSD


Spool – Free Mobile App UI Kit PSD


DASHY – Mobile App UI PSD


Android Travel App UI Screens PSD


Let’s Go – Travel Mobile App UI PSD

A1 – Free Android APP UI Kit PSD

Hit the Monkey Game UI Kit PSD for iPhone 6


Boarding Pass App UI PSD


Nerdial App UI (PSD, Sketch)


Nature Discovery App UI PSD


Android Material Design UI Kit PSD for Travel App


Free E-Commerce app UI psd for Android Lollipop


Pesan Makan App UI PSD


Ebook Reader App UI Kit PSD


Christmas Game App PSD for Mobile UI


Free Calendar App UI PSD


Mobile Game GUI Kit PSD


Real Estate Android App UI Design PSD


Android Material Design UI Kit PSD For Real Estate App


Recipe App – Mobile App UI PSD


FrostApp – Mobile App UI PSD


Help Call – Mobile App UI PSD


PhotoMania


Micro Chat App UI PSD


Now UI Kit (PSD, Sketch)


Fitness App Ui/Ux PSD


Lithium – Free Mobile UI Kit PSD


Free iPhone Model App UI PSD

Travel App Profile UI PSD


Lint – Modern Social App UI PSD


Shopping App UI Kit PSD


virtuDOC – Concept of Telehealth App UI PSD


Creative Photo Sharing App UI PSD


Fitness App Ui Kit PSD


Photo Sharing App UI PSD


League Of Legends App Concept PSD


Verve UI Kit PSD


Exchange App Free PSD


DO – Free App UI Kit (PSD, Sketch)


Informational App UI for Models


Free Wakeapp UI PSD


Taask Mobile App PSD


Resort Informative iOS App UI Design PSD


TAXI – Mobile App UI PSD


Free eCommerce App UI PSD


Tobuku – Free Online Book Store APP UI Kit


iCollection UI Kit PSD


WOHOO – Free Mobile App UI KIT


MEDvault Free App UI PSD


Free iOS App Design UI PSD


Time Reporting Application UI Kit PSD


Ghost Ship Mobile APP UI Kit PSD


Hotel App GUI PSD


Restaurant App UI PSD for iOS


iPhone 6 Music App Design PSD


Ace iOS8 Mobile UI Kit PSD


E Commerce App UI PSD


Mailbox Free UI PSD


Recipe Andriod Mobile App UI PSD


Cricket Live Update iOS APP UI PSD


Weather App UI PSD


Winter UI Kit PSD For Mobile App


5 App Profile UI PSD


Clean Restaurant Search App PSD


Flat App UI Design PSD


Benefits App UI PSD


Free Optimasales iphone 6 App UI PSD


MineTalk App UI PSD


Free Binsta App UI PSD


Free Shopping E-Commerce App PSD


Profile Page PSD for an iPhone App


Android Celebrity Mobile App Concept UI PSD


Free Booking App PSD According to iPhone 6+


Optimasales iphone 6 App PSD


Analytics App UI PSD


Free iOS Restaurant Finder App PSD


Mobile Square App UI


Minimal Battery Monitoring App UI PSD


Todo App UI Template PSD


Ebook App UI PSD


Profile Screen For Mobile App Free PSD


Online News Paper iOS APP UI Free PSD


Android Alarm App UI PSD


Mobile App UI Kit


Flat Mobile App UI PSD


Design Doctors – Social UI App PSD


Guide App Free PSD


Free Travel App UI PSD


The cook book UI Kit


WOW -Modern Mobile App UI


Snap Sack – iPhone Photo Album App Free PSD


Finance App UI Kit PSD


Flat Mobile App UI kit PSD


Blue App UI for iPhone


Music App UI PSD


Flat App UI Free PSD

Free Statistics and Analysis App UI PSD


iOS Chat Screen PSD


Google App UI


Food App Kit iOS 7


App Login Free PSD


Music Player IOS 7 Free PSD


Profile Screen Free PSD


Cooking App UI – PSD


FM Radio UI – iOS 7 App PSD


Quest – Free iOS7 App PSD


Nagham – Music IOS-7 App


Blog and Article App UI PSD


iPhone App Perspective Design PSD


Delivery iPhone App UI Kit PSD


Designer Portfolio App Ui Kit PSD


iOS 7 App Screens PSD


IOS7 App Profile Page Free PSD


Soccer Apps Free PSD


Smart Chat App PSD


iPhone Shopping App Template PSD


Flybi IOS App Free PSD


WRNC App UI PSD


Free Weather iOS App PSD


Capload IOS App Free PSD


App News iPhone 6 PSD


Fudi – Mobile App UI PSD


High Quality Register App PSD


Dishes Free PSD


Deblue – Social Network App Design PSD


SkePho – Fre Project App UI Kit (Sketch & PSD)


Free Radio iOS App PSD


Free Sketch Mobile App UI

Ustraa iOS Mobile App


Music Player UI Kit




Nguồn: cssauthor