Has anyone created a layout like Pulse News using UICollectionView? Please explain how or share the code, if possible.
If you haven't seen Pulse, here is the layout I'm looking for:
Though its 2 years since you asked this question, for the benefit of other users here,I am just answering. I just made a BBC news app clone UI just to learn. It follows the Pulse style UI. I have used UITableView and each row is a UICollectionView. I am sure, the other way round could be done too. Here is a link to the complete UI. It has no backend, otherwise it is a complete App ready to go with dummy data. https://github.com/anilputtabuddhi/NewsAppUI
Related
I'm working on a xamarin app and the goal is to have the UI be adaptive for both phone and tablet and so far it seems Android has a far easier way to achieve this. I'm reading this article on the matter and it honestly don't make a lick of sense.
All I want is to have everything grow in portion to the view as it gets bigger because of screen size (like android does), every time I try to do it it just anchors the control to the right and it just drags it to the right.
I mainly just need some a simple explanation on how I can have everything grow with the view.
I finally figured it out, After some deep breathing I saw what I was missing when I was reading the documentation.
for me, I wanted to use the autosize options, which let me anchor it how I wanted it to and it correctly scales for me now.
I am a freelancer who wants to start using Sketchapp to make more trendy websites (slanted and curved line backgrounds, UI assets that have shadows, assets that go over 2 divs (see examples). Can and do freelancers (do both their own design and code) use Sketchapp to create the entire site for everything (including text) as their normal best practice and to speed up workflow and then just export everything to text editor and then tweak? Below are 2 examples that I aspire to be able to create.
Example 1 from Pinterest
Example 2 from Pinterest
The answer is Yes and No. The first example is highly using textures and graphics which is hard to do in Sketch. But for that you need to use Photoshop. For the second example is more flat and not using much graphical effect. its minimal and flat. Sketch is really fasten up your working flow to create something like that.
Hope this helps.
You definitely could create both designs in sketch but it won't be the only program you have to use to finish this job. At least if you produce each used graphic yourself.
In the first design for example you have quite a lot gradients an brush technics between the sections. Here you would need to use brushes in Photoshop to achive this look. After this you could export the layers as PNGs with transparent background and import those into sketch...
Sketch is perfect to use with SVG. I would say wen you work with SVGs you can almost only use sketch.
Hope this answer helps!
to speed up workflow and then just export everything to text editor and then tweak
First you create the website design in Sketch and then you start writing the HTML/CSS code by hand. This is how the web development process goes.
You could also use helper tools like Desech Studio to import the Sketch file and then adjust the html/css faster.
Unfortunately it's not possible to create a website in the design stack like Sketch, and also work in the web stack. These 2 stacks are different in how they work.
Alternatively you could start designing the website directly in HTML/CSS and skip the design stack completely, but you will be slower and it will be harder to make changes, compared to the design stack.
I want to make a web app that uses a UI similar to Google Keep. I want to be able to have chips of the same size that can be dynamically added/removed that expand into larger cards with more options. What kind of layout should I use in Polymer?
Here are some quick sketches of what I want to accomplish.
There's likely a number of ways you can go, probably best you just try some things & find the approach you like. To help get started I think some of the core-animated-pages demos would help. Here are a couple that you may be able to leverage to get sort of close to your design:
https://www.eecs.berkeley.edu/~gongliang13/polymer/polymer-tutorial-master/components/core-animated-pages/demos/grid.html
https://www.eecs.berkeley.edu/~gongliang13/polymer/polymer-tutorial-master/components/core-animated-pages/demos/music.html
I know this is a vague question but is there any code you could point me to? I have trouble understanding Apple Documentation. A tutorial or someone explaining the code would be great. I have a Sprite Kit game that stores a high score variable in an int. What would be the easiest way to add that into Game Center? Even if you can't provide code for it, could you just lay out the steps that I would need in order to do this.
You could google "Game Center Tutorial iOS 7" and get something like this in your search results :
http://maniacdev.com/2011/05/tutorial-game-center-basics-leaderboards-and-achievements
imagine that. :)
I have a pretty simple app on the web (written in Flex) which is very straightforward to use once it has data inside it. The steps to get data inside it are themselves also pretty simple, but not at all obvious to my audience when they first log into my app.
I have been wrestling with how to communicate the data setup process to my users without referring them to a separate help. I also don't want to clog my lovely, elegant UI (which has uniformly been praised for its clarity from my current users and matches their processes very well) with wizards, or worse still an annoying animated paperclip.
I have a very rich set of tools available for the web UI but I am looking for inspiration and wondered if anyone had experienced good web-based, intuitive, unobtrusive, genuinely helpful process/usage instructions embedded in an application and could point me to a link so I can take a look for myself.
Failing that anyone got any bright ideas? There are about 5 steps involved each one visiting a different page of the existing app to enter/upload data.
Have you taken a look at:
http://www.askthecssguy.com/2007/03/form_field_hints_with_css_and.html
I believe there is a jquery or prototype or mootools or whatever framework that goes a couple steps beyond the above and walks a user through what to do. My google-fu isn't coming through right now so I can't seem to find it.
You could display the links to the data setup pages in a small strip on your main page like this (pardon the ugliness - this is just a usability idea):
alt text http://www.freeimagehosting.net/uploads/052b13acb7.jpg
The steps they've already completed are greyed out (I assume they don't have to complete these steps in sequence). When they mouse over a step they get a brief description, and then full details when they click through to the actual step page. You could have descriptive icons for each step instead of hyperlinks, of course.