I guess I just entered the wrong search phrases or is there really no overview of all the components that are useable on the mobile device?
I want a list/table that says: Instead of component A better use B for your mobile application because it has touch support...
Ideally this overview would also name all components that have been newly introduced for mobile development together with a picture.
Thanks a lot!
Check out this list here. I think it covers what you need.
You should check out tour de flex mobile: http://flex.org/tour-de-mobile-flex/
That should be enought together with the link that Chad posted. But I agree, a Page that puts the things from tour de flex mobile together with the mentioned list would be desireable - searching samples on the phone is not that perfect...
This post has a table of mobile-optimized components. It includes a lot of good information.
Note that most everything else in the Spark space is available. You might just need to create your own mobile skin to make it work well.
Related
quite possibly this is a duplicate for another question, if it is please close this question,
I am wondering how is it possible to have different layout for desktop view and different for mobile, please check the pictures and sorry for the bad design i used msPaint
Thanks!
desktop view
mobile view
you must use media query. It's better to share your source code but you can use this link for more information: https://www.w3schools.com/css/css_rwd_mediaqueries.asp
I was looking to design a template in Joomla 3 using Bootstrap and was wondering how I would go about designing the template just for the smartphone. I have heard of 'Mobile First' and was wondering if this is the best way to put the template together or is it better to start larger and work my way down?
I am guessing if i start with Mobile First then I would need to create the styles within the media queries i.e. 320/480px for mobiles..
If somebody could please advise, would really appreciate it.
Thanks
In my opinion it's always a good idea starting with a free joomla framework so that you can concentrate your job on web design.
Frameworks like helix3, T3, Gantry5 are already responsive (free to use also for commercial purpose).
Also try this link http://www.joomlashine.com/joomla-extensions/jsn-mobilize-joomla-mobile-extension.html
I didn't use it, just tested, it makes a mobile version of your website.
There are lot of tools that you can use to create your own template,
hope it helps,
Marco
I am developing WebApps with Backbone, node, jQuery and so on.
In my beginnings I have used Twitter Bootstrap for designs.
Then I started to use own designs which I have created with the Chrome Addon Stylebit which allows to modify CSS in real time.
Unfortunately this is very time expensive at the end.
So I decided to develope the design by side with some editor and then rewrite this design per hand as CSS. I have read this is a common practice and most use photoshop for this task.
Is photoshop still recommend or are there other tools which should be used?
(I actually do not want a full WYSIWYG. Just something to test designs and layouts in general)
Cheers and happy new year,
Bodo
For the short answer no. There isn't a tool that I know of that will allow you to build layouts in code easily that isn't a full WSIWIG solution like Dreamweaver, Aptana etc.
For testing out designs you would normally build wire frames such as the ones you see from Balsamiq. There are other tools as well, Axure, Pencil and others. Do a search for wire frame software.
As a Sr. UX Architect I've heard and seen people mockup what they're building in Html and CSS. While this can work. You might as well continue and just build it if you're going to invest the time, effort and money into writing code.
Spin over to my "User Experience" group on Linkedin and ask the question there. Your going to get a ton of answers.
If you're searching to find Wireframing and Mockup tools.Then you can use Balsamiq Mockups
It's having features like
Low-Fi Sketch Wireframes
Click-Through Prototypes
UI Components & Icons
Export to PNG or PDF etc
You can get more details from Balsamiq Mockups Here
I hope this will help you.
You can try out ForeUI (http://www.ForeUI.com/), which allows you to build layouts visually and export your design to HTML5 simulation. You can also manually modify the generated code to fit your needs.
Some interesting examples are available on http://www.foreui.com/store/
I'm working for Pidoco.
It's a german company based in Berlin and we develop a online prototyping tool.
We have nice features like:
Interactive prototypes
Collaboration and invitations
iOS App to simulate mobile prototypes (Android is coming soon)
You can start with a 30 days free trial and then plans are starting at 9$ per month.
Here is the complete list of mockup tools:
http://c2.com/cgi/wiki?GuiPrototypingTools
I'm new to Qt. This is simply great.
I was wondering whether you guys knew if there happened to exist some kind of navigation controller function like you can find on Iphone...
What I mean is I want to have one MainWindow and slide between different views.
What should I look for please ?
Any doc about that ?
Any help would be very much apreciated.
Thanks in advance and sorry for being such a noob... ;-)
Miky Mike
Me again,
by searching the site, I've come across with this...
http://wiki.forum.nokia.com/index.php/Code_Example_for_SlidingStackedWidget_class_in_Qt
But is there a means of sliding with a mouse movement ?
This look more difficult to me...
Thanks,
Mike
Miky, in my understanding you're trying to write a mobile phone app using Qt (probably for a Nokia phone). I'd recommend you to have a look at Qt Quick which is designed to help people develop mobile applications including touch screen input. You can find what you want there. Check out ListView and Flickable elements. With list view you can create much more than just a list view how we have seen it. You basically can flip whole pages horizontally and vertically which would be ListView items. If you develop for Symbian, check out Qt Quick components for Symbian where you may find necessary components.
Happy hacking !
Currently I work on localization for a Flex application. From an article I know that you can control the localization with the following FlashVars:
resourceModuleURLs
localeChain
Are there any other FlashVars reserved by Adobe that a Flash/Flex Developer should know about?
I recently was playing with ContextMenuItem and found a list of words that cannot be used for a caption or label in a ContextMenuItem. Not sure if it helps.
Save
Zoom In
Zoom Out
100%
Show All
Quality
Play
Loop
Rewind
Forward
Back
Movie not loaded
About
Print
Show Redraw Regions
Debugger
Undo
Cut
Copy
Paste
Delete
Select All
Open
Open in new window
Copy link
Adobe
Macromedia
Flash Player
Settings
Also a hack was suggested here, although I never tried it personally.
This article has a fairly easy tutorial. The conversation in the comments will cover a few best practices for you as well.
Here is an adobe livedoc on runtime localization that you may not have seen yet either.
This final link provides an update on the changes in the localization API made in Flex 3 and documents the deprecated and new classes/methods, etc. (a list with examples is at the bottom of the document).
On a side note if anyone is looking for a tool to help out with translations David Deraedt wrote some nice air apps called Lupo Localization Studio that are reasonably inexpensive.