About iDev Recipes
iOS developers sometimes look at iPhone and iPad apps and wonder, how did they do that? This blog by Peter Boctor explores and re-creates interesting features and user interfaces of iOS apps.
Recreate interesting features of iOS apps
iDev Recipes 
Nice articles. short & crisp.
It would be nice if a more code-friendly theme was used
It also bugged me how the code was displayed and your guys’ comments made me search around for a solution.
I found that WordPress explicitly supports posting source code and even lets you specify the language.
I’ve updated all the posts to use these sourcecode tags.
Thanks for that, makes it much easier to digest.
No more recipes ???
😦
Great work.
As the other commenter said, you might try making the code more readable. Maybe the wp-syntax plugin?
I’m so glad i found this blog 😀
Keep on going!
Really great work, I love it!
I have one code-snippet to share, and one wish for another one:
If you wish to bring an article about Reeders status bar and how they did it, you can find full source code at https://github.com/myell0w/MTStatusBarOverlay. Would be nice seeing an article about my code 🙂
My wish for a re-created feature also relates to Reeder: I would love to know how they made their swipeable UITableViewCell that does custom actions when you swipe a cell to the left/right. Twitter and Facebook have a similar approach, but I like Reeder’s implementation most.
Keep on going your good work!
I swear this is my new favorite site. There are very few ways I could love it more. It’s great to see how some apps implement some features. I had an idea of how the twitter arrow worked but I didn’t know how to implement it. If I could ask: can you at some point explain how does Calcbot implements that “circular” table? I keep thinking that this UI element implements the UITable protocols but I can’t figure out how did they manage to do it.
Keep up the good work!
Edgar, did you mean Convertbot instead of Calcbot? It doesn’t get into implementation details, but here you can get an idea of the user interface and how they designed it, maybe this helps: http://tapbots.com/blog/design/designing-convertbot
Great site, keep up the good work. Btw, do you know how to replicate the TabBar used in the AirBnB App ? It is subtly different than a normal tabbar, not quite sure what they did..
Wonderful site!
I’d love to see a post on duplicating variable speed scrubbing as seen in the iPod/Music app, Netflix and others: http://www.zatznotfunny.com/2009-04/variable-speed-iphone-scrubbing-coming-soon/
eric, have a look at OBSlider:
http://oleb.net/blog/2011/01/obslider-a-uislider-subclass-with-variable-scrubbing-speed/
Eric, take a look at Ole Begeman’s OBSlider: http://stackoverflow.com/questions/4579592/uislider-with-variable-scrubbing-speeds-like-ipod-app
Peter, regarding your github-repo:
I think it would be good to use different repos for different examples, or are you only planning to show people how some things can be achieved and have no interest in creating reusable components? otherwise people can better fork your repositiories and extend their functionality!
Thanks for doing this. I really like the articles and am looking forward to more.
And to make this view?
http://goo.gl/QFXYZ
Another day, another suggestion for a sample:
“How does the built-in Maps.app does it’s locate-me button” …
Ok, solved it on my own 🙂
https://github.com/myell0w/MTLocateMeBarButtonItem
Great site! I’ve been looking for something like this for a long time. I loved that your example projects (the instagram one atleast) ran perfectly without any changes.
Keep up the good work!
A very well written article you have here. Do you know how to code a popup news alert (that shows how many new followers you have/recent like in your photo) in the news tab in instagram?
Hi Mike, our latest recipe covers this custom notification view in Instagram: http://idevrecipes.com/?p=237
Hello, it would be really cool to do a universal color picker, like the one used in the adobe ideas app.
Great Blog!
Zeb
Great site to have as a reference for cool UI designs. If you want it done custom, go get the idevrecipe!
You don’t know how much this website has helped me. Your tutorials are awesome, and this site, in part, inspired me to start my own sort of blog like this. A big thank you goes out to you for this.
Thanks so much for posting these resources – very helpful!
Thanks a lot Peter for your site. It’s a really cool idea !
Thanks for the great work! Posted a question on the twitter tab bar post if you have any thoughts on a solution. Keep up the great work. Thanks
Nice site, congratulations.
A new challenge for you: have you tried to explore the way the new iPad app Zen Viewer HD customize the UIPopoverController by replacing the standard black border with a custom one?
Should I find the solution by myself, I will not hesitate to give my contribution!
Thanks.
Carlo
some real nice tutorials – thanks for sharing your insight. if you happen to take requests, how about showing how to design a round scrolling menu like: weightbots, project noah, little snapper, etc.
tia!
great articles with very useful code. keep on going!
thanks for your great articles!
have you looked at the “Typefaces” app? the developer customized the grouped tableview with nice soft drop shadows. i’ve been wanting to do something similar and after 5 days of trying, i’m completely lost. maybe you can figure it out?!
looking forward to more great articles.
Hi guys,
Great site..
I would like to see some implementation details of how PlainText converts URLs into links in a editable UITextView.
Great work!
Wow, these are truly amazing. I really appreciate what you’re doing here and couldn’t thank you enough.
please, explain some tricks about this app (it´s really impressive).
http://pushpoppress.com/ourchoice/
thanks
Your blog is truly impressing. Share a lot of tricks and tips of advanced UI. Looking for more tips from you. Cheers!
Hi,
This blog is awesome. Its my fav now.
Just wondering how the sliding control is implemented in this app http://itunes.apple.com/nz/app/term-investment-calculator/id351271635?mt=8
Also the slider in the app localscope.
Thanks,
Ricky
We made an app with a similar feature and we did it by embedding a large imageView inside a scrollView. To get the rounded corners and shadow just access the layer properties of the scrollView (cornerRadius and shadowOpacity, shadowRadius, shadowOffset, shadowColor, shadowPath).
Would you have any source code to share? Im noob 🙂
I viewed your site on my iPad. The animations are wonderful and the popover control looks native. Are you using a framework? I would love to know how you made the site look/feel so native on the iPad. Thanks for what you are doing.
Matt, what you are seeing there is WordPress’ new Onswipe theme for the iPad. More info her: http://en.blog.wordpress.com/2011/03/23/ipad-onswipe-theme/
EXCELLENT Tutorials, just found this site..and really, REALLY impressed, keep up the good work..and keep them coming..
Thanks Majdi!
Suggestion: Can you make another tutorial explaining how to make a wheel of fortune (a rotary picker/chooser)?
like this:
http://goo.gl/1pTkq
http://goo.gl/WPJLe
http://goo.gl/GGgva
http://goo.gl/ZdTOs
Thanks
Hi, I am working with your CustomSegmentedControls and it is really nice.
Could I use image icon (instead of text) in the segmented control button ?
Thanks
I used the CustomNavigationBar in the project. When I called the setBackground method, it threw an exception. The error is “unrecognized selector sent to instance 0x4b22950” Do you know why ?
Hi,
I came across your blog today and made use of a lot of posts, thank you for that. And can’t we follow your posts by RSS?
Hey. I just came across this site and Love It. These are great to follow and learn. Perhaps you could do one of these:
There are so many apps where text can be added to a view then a grid style picker for font color and font can be chosen. It’s like on a PopOver with single colors displayed in a grid to change the font colormof a UITextView (Not Core Text which is too complicated)
Hey… Great blog… Nice tutorial… great work.. i like it…:)
Great, great, great blog…
very very awesome blog and inspired me on ios develop…
hi peter… can you help me? some questions?
i want to create uitableview like instagram, header view is change if we scrool down end of some people photo, like, comment, and button option (•••) …
any tutorial for this issue peter?
thanks for advance, i’m waiting for your reply… 🙂
Thank you Peter. I stubled upon your site today and i’m loving it :).
Hi peter,
Thanx for all of your great tips and recipes, I’ve been using your code for a while now.
About the RaisedCenterTabBar you posted back in 2011, I’m having some trouble migrating it to iOS 7, is there any update in the subject?