Audiobus: Use your music apps together.

What is Audiobus?Audiobus is an award-winning music app for iPhone and iPad which lets you use your other music apps together. Chain effects on your favourite synth, run the output of apps or Audio Units into an app like GarageBand or Loopy, or select a different audio interface output for each app. Route MIDI between apps — drive a synth from a MIDI sequencer, or add an arpeggiator to your MIDI keyboard — or sync with your external MIDI gear. And control your entire setup from a MIDI controller.

Download on the App Store

Audiobus is the app that makes the rest of your setup better.

OT: Web Design on iPad

edited April 2020 in Other

Anyone doing web design on iPad?
Would be interesting to hear what apps you’re using. Also visual website builders. Maybe even share your website here.

Until now I’m using free Elementor for Wordpress on desktop but I’m not sure if it will work on iPad. Anyone gave it a try?

«1

Comments

  • Not sure if you would call this webdesign:

    Login remote with ssh over "Termius" App and remotely, opening files with the "vi" editor in a "bash"

    That's how I do it.

    Curious what others do.

  • I mostly do Wordpress stuff through the web browser editor on the iPad, it's gotten surprising stable the last couple of years.

  • I have this, and I’ve followed the app getting better and better through the years. I’ve yet to make the jump of using purely the iPad for web dev (where web dev for me equates to hand-crafting SVG user interfaces), but if I had to I probably could. Probably also with the assistance of a raspberry pi as a test server (which is how I was using Buffer editor a few years ago). https://apps.apple.com/gb/app/buffer-editor-code-editor/id502633252

  • edited April 2020

    @jacou said:
    Anyone doing web design on iPad?
    Would be interesting to hear what apps you’re using. Also visual website builders. Maybe even share your website here.

    Until now I’m using free Elementor for Wordpress on desktop but I’m not sure if it will work on iPad. Anyone gave it a try?

    Here’s my page: http://jacobnicou.com

    I couldn’t do Wordpress design and development on an iPad, just too cramped for me, plus the weird file system.

    I build custom themes and functionality via laptop. You probably could do that via an iPad, but that’s just half the job - the rest is maintenance, hosting, support, invoicing, backups etc. Might be alright for a couple of personal sites but you can’t run a viable business with tens/hundreds of clients via a mobile device.

  • @MonzoPro said:

    @jacou said:
    Anyone doing web design on iPad?
    Would be interesting to hear what apps you’re using. Also visual website builders. Maybe even share your website here.

    Until now I’m using free Elementor for Wordpress on desktop but I’m not sure if it will work on iPad. Anyone gave it a try?

    Here’s my page: http://jacobnicou.com

    I couldn’t do Wordpress design and development on an iPad, just too cramped for me, plus the weird file system.

    I build custom themes and functionality via laptop. You probably could do that via an iPad, but that’s just half the job - the rest is maintenance, hosting, support, invoicing, backups etc. Might be alright for a couple of personal sites but you can’t run a viable business with tens/hundreds of clients via a mobile device.

    100% with you! I wouldn’t try doing web design business on iPad. I should have had specified only for personal pages :)
    Even though I saw someone on YouTube coding professionally mostly on iPad. I’m not too much of a coding guy. More on the visual side.

  • @jacou said:

    @MonzoPro said:

    @jacou said:
    Anyone doing web design on iPad?
    Would be interesting to hear what apps you’re using. Also visual website builders. Maybe even share your website here.

    Until now I’m using free Elementor for Wordpress on desktop but I’m not sure if it will work on iPad. Anyone gave it a try?

    Here’s my page: http://jacobnicou.com

    I couldn’t do Wordpress design and development on an iPad, just too cramped for me, plus the weird file system.

    I build custom themes and functionality via laptop. You probably could do that via an iPad, but that’s just half the job - the rest is maintenance, hosting, support, invoicing, backups etc. Might be alright for a couple of personal sites but you can’t run a viable business with tens/hundreds of clients via a mobile device.

    100% with you! I wouldn’t try doing web design business on iPad. I should have had specified only for personal pages :)
    Even though I saw someone on YouTube coding professionally mostly on iPad. I’m not too much of a coding guy. More on the visual side.

    Absolutely fine for personal use, particularly if you’re using Wordpress with pre-built themes and page builders.

    For graphics I’d recommend Affinity Photo and Designer, I use those on the desktop too.

  • edited April 2020

    @MonzoPro said:

    @jacou said:

    @MonzoPro said:

    @jacou said:
    Anyone doing web design on iPad?
    Would be interesting to hear what apps you’re using. Also visual website builders. Maybe even share your website here.

    Until now I’m using free Elementor for Wordpress on desktop but I’m not sure if it will work on iPad. Anyone gave it a try?

    Here’s my page: http://jacobnicou.com

    I couldn’t do Wordpress design and development on an iPad, just too cramped for me, plus the weird file system.

    I build custom themes and functionality via laptop. You probably could do that via an iPad, but that’s just half the job - the rest is maintenance, hosting, support, invoicing, backups etc. Might be alright for a couple of personal sites but you can’t run a viable business with tens/hundreds of clients via a mobile device.

    100% with you! I wouldn’t try doing web design business on iPad. I should have had specified only for personal pages :)
    Even though I saw someone on YouTube coding professionally mostly on iPad. I’m not too much of a coding guy. More on the visual side.

    Absolutely fine for personal use, particularly if you’re using Wordpress with pre-built themes and page builders.

    For graphics I’d recommend Affinity Photo and Designer, I use those on the desktop too.

    Yep great software! Using Affinity on desktop. Already bought Photo and Design for iOS while using iPad Air 1 that can’t run it 😄 prepping for my future iPad.

  • wimwim
    edited April 2020

    For hand coding web stuff, nothing beats Textastic. You can preview static web pages in-app, and it can also handle all the automatic upload and download to just about any server. It even has a built-in ssh terminal for when you need to drop down into a server to do something.

    I don't think writing HTML code, etc. is what is being asked for according to the OP, but Textastic is wonderful for any type of coding one might want to do on an iPad. I like also that there's a Mac version that can automatically sync shared files with iCloud.

  • I have no idea how good this app is but Exact Website Builder helps you create a website in five minutes and it’s currently On sale for FREE, usually $1

    https://apps.apple.com/us/app/exact-website-builder/id1498377019

  • @wim said:
    For hand coding web stuff, nothing beats Textastic. You can preview static web pages in-app, and it can also handle all the automatic upload and download to just about any server. It even has a built-in ssh terminal for when you need to drop down into a server to do something.

    I don't think writing HTML code, etc. is what is being asked for according to the OP, but Textastic is wonderful for any type of coding one might want to do on an iPad. I like also that there's a Mac version that can automatically sync shared files with iCloud.

    Hmmm, that looks good, I’ll check out the Mac version.

    Just using their standard text editor at the moment since I’ve only just gone Mac based.

  • @wim said:
    For hand coding web stuff, nothing beats Textastic. You can preview static web pages in-app, and it can also handle all the automatic upload and download to just about any server. It even has a built-in ssh terminal for when you need to drop down into a server to do something.

    I don't think writing HTML code, etc. is what is being asked for according to the OP, but Textastic is wonderful for any type of coding one might want to do on an iPad. I like also that there's a Mac version that can automatically sync shared files with iCloud.

    +1 for Textastic, plus it has built-in support for emmet

  • I’ve heard good things about Coda: https://apps.apple.com/au/app/code-editor-by-panic/id500906297
    Not cheap though

  • @MonzoPro said:

    @wim said:
    For hand coding web stuff, nothing beats Textastic. You can preview static web pages in-app, and it can also handle all the automatic upload and download to just about any server. It even has a built-in ssh terminal for when you need to drop down into a server to do something.

    I don't think writing HTML code, etc. is what is being asked for according to the OP, but Textastic is wonderful for any type of coding one might want to do on an iPad. I like also that there's a Mac version that can automatically sync shared files with iCloud.

    Hmmm, that looks good, I’ll check out the Mac version.

    Just using their standard text editor at the moment since I’ve only just gone Mac based.

    Heh, me too (about going Mac based recently). But when I realized the iPad and Mac can share a clipboard it got me thinking. The Mac version is only $7.99 US so I went for it. Good purchase.

  • @wim said:

    @MonzoPro said:

    @wim said:
    For hand coding web stuff, nothing beats Textastic. You can preview static web pages in-app, and it can also handle all the automatic upload and download to just about any server. It even has a built-in ssh terminal for when you need to drop down into a server to do something.

    I don't think writing HTML code, etc. is what is being asked for according to the OP, but Textastic is wonderful for any type of coding one might want to do on an iPad. I like also that there's a Mac version that can automatically sync shared files with iCloud.

    Hmmm, that looks good, I’ll check out the Mac version.

    Just using their standard text editor at the moment since I’ve only just gone Mac based.

    Heh, me too (about going Mac based recently). But when I realized the iPad and Mac can share a clipboard it got me thinking. The Mac version is only $7.99 US so I went for it. Good purchase.

    Only $7.99? Wow, thought it’d be more than that - reckon I’ll grab that tomorrow!

  • @MonzoPro said:

    @wim said:

    @MonzoPro said:

    @wim said:
    For hand coding web stuff, nothing beats Textastic. You can preview static web pages in-app, and it can also handle all the automatic upload and download to just about any server. It even has a built-in ssh terminal for when you need to drop down into a server to do something.

    I don't think writing HTML code, etc. is what is being asked for according to the OP, but Textastic is wonderful for any type of coding one might want to do on an iPad. I like also that there's a Mac version that can automatically sync shared files with iCloud.

    Hmmm, that looks good, I’ll check out the Mac version.

    Just using their standard text editor at the moment since I’ve only just gone Mac based.

    Heh, me too (about going Mac based recently). But when I realized the iPad and Mac can share a clipboard it got me thinking. The Mac version is only $7.99 US so I went for it. Good purchase.

    Only $7.99? Wow, thought it’d be more than that - reckon I’ll grab that tomorrow!

    The iPad version actually has more features (mainly the stuff that the Mac already has, such as a terminal, and file connectivity). It's mostly just great text editor on the Mac ... at least based on my first sleep-deprived quick load and look around last night.

  • edited April 2020
    The user and all related content has been deleted.
  • wimwim
    edited April 2020

    @Max23 said:
    I don’t do Webdesign anymore. But I wouldn’t do it on iPad.
    U want seet your code, you want to see the ftp window you want to have 3 different browsers open, and maybe your image tool.
    All browsers on iPad use the safari engine (WebKit) u can’t do Webdesign with only that.

    It's great for those times when you want or need to do things on the go. I once did an emergency addition to a web page on my phone while standing in line for Splash Mountain at Disneyland. I just had to tell the wife and kids not to bother me for a bit rather than having to leave them there and trek back to the hotel for a few hours. o:)

  • @wim said:
    It's great for those times when you want or need to do things on the go. I once did an emergency addition to a web page on my phone while standing in line for Splash Mountain at Disneyland. I just had to tell the wife and kids not to bother me for a bit rather than having to leave them there and trek back to the hotel for a few hours. o:)

  • I'm not a web designer but I've had to fix issues reported by users of our web application, that were found when using iPad.

    We ended up using some kind of SASS/CSS hack on our website - a mixin or something.

  • edited June 2020

    @tja said:
    Not sure if you would call this webdesign:

    Login remote with ssh over "Termius" App and remotely, opening files with the "vi" editor in a "bash"

    That's how I do it.

    Curious what others do.

    I've done this in the past. The, er, "key" for me was remapping "jh" to ESC since the iOS keyboard doesn't display ESC by default. ESC is kind of critical to using vi and "jh" isn't something most people ever mean to type (in english anyway).

    # in your ~/.vimrc or by typing the command into the editor:
    
    inoremap jh <Esc>
    

    There was also a decent VIm emulator on the app store. Not sure if it's still around. It used a custom keyboard that seemed to help.

  • I don't any longer. It's my day job. When I get on the ipad, I wanna play. Plus, my laptop is so tuned for web work it's just a hell of a lot easier to do it there.

    These days, were I to start to mess with it again, I'd lean towards iPad friendly web applications vs trying to find a web design/development app or ssh'ing into a remote server like my previous comment/attempts.

    I guess it also depends on what you mean by "web design".

    For the actual design phase, I'd use Figma. Works on iPad and Figurative (free app) apparently works even better. I've not tried it.

    For coding, it would depend on what the goal was. For web apps (vs sites), I'd likely use https://codesandbox.io or similar tools. For sites, something like AWS Cloud9 IDE would probably fit the bill. Or just use WordPress. They spent a lot of time and money making the new(ish) Gutenberg site editing experience "mobile first".

  • @syrupcore said:
    I don't any longer. It's my day job. When I get on the ipad, I wanna play. Plus, my laptop is so tuned for web work it's just a hell of a lot easier to do it there.

    These days, were I to start to mess with it again, I'd lean towards iPad friendly web applications vs trying to find a web design/development app or ssh'ing into a remote server like my previous comment/attempts.

    I guess it also depends on what you mean by "web design".

    For the actual design phase, I'd use Figma. Works on iPad and Figurative (free app) apparently works even better. I've not tried it.

    All of my new enquires now are for building, or rebuilding Wordpress based websites, which is handy as I’ve been specialising in them for the last 15 years! As a result I’ve skipped the graphical layout stage, and install a range of templates I’ve made over the years, and modify them and the stylesheet in Wordpress itself based on client feedback.

    The two main benefits are: I’m not scratching my head trying to code some great, but difficult to build idea I cooked up in designer, and when the client has approved the layout it’s basically done. They can also check it out in real-time on a range of devices and browsers.

    Web builders nightmare? ‘The lad in the office who does our leaflets has made some layouts in Photoshop, and we want the new website to look like this’.

  • Web builders nightmare? ‘The lad in the office who does our leaflets has made some layouts in Photoshop, and we want the new website to look like this’.

    I hear you 😄

    Have you ever tried to do WordPress stuff on iPad? I guess the visual design builders don’t fully support it yet.
    Tried Elementor and it seemed to work surprisingly well on iPad BUT you can’t scroll.. so not usable.

  • edited June 2020

    @jacou said:

    Web builders nightmare? ‘The lad in the office who does our leaflets has made some layouts in Photoshop, and we want the new website to look like this’.

    I hear you 😄

    Have you ever tried to do WordPress stuff on iPad? I guess the visual design builders don’t fully support it yet.
    Tried Elementor and it seemed to work surprisingly well on iPad BUT you can’t scroll.. so not usable.

    I'd only use it for editing basic pages in an emergency - page builders are bad enough on desktop!

  • @MonzoPro said:
    Web builders nightmare? ‘The lad in the office who does our leaflets has made some layouts in Photoshop, and we want the new website to look like this’.

    Especially when that lad then comes around later when the layout is implemented as HTML / CSS, and then, with a ruler in his hand, says "OK, but the distance between the sidebar and the logo should be 2.5 centimeters" ;)

  • @SevenSystems said:

    @MonzoPro said:
    Web builders nightmare? ‘The lad in the office who does our leaflets has made some layouts in Photoshop, and we want the new website to look like this’.

    Especially when that lad then comes around later when the layout is implemented as HTML / CSS, and then, with a ruler in his hand, says "OK, but the distance between the sidebar and the logo should be 2.5 centimeters" ;)

    If he were professional, he’d be holding a typescale.

  • @u0421793 said:

    @SevenSystems said:

    @MonzoPro said:
    Web builders nightmare? ‘The lad in the office who does our leaflets has made some layouts in Photoshop, and we want the new website to look like this’.

    Especially when that lad then comes around later when the layout is implemented as HTML / CSS, and then, with a ruler in his hand, says "OK, but the distance between the sidebar and the logo should be 2.5 centimeters" ;)

    If he were professional, he’d be holding a typescale.

    :D

  • @SevenSystems said:

    @MonzoPro said:
    Web builders nightmare? ‘The lad in the office who does our leaflets has made some layouts in Photoshop, and we want the new website to look like this’.

    Especially when that lad then comes around later when the layout is implemented as HTML / CSS, and then, with a ruler in his hand, says "OK, but the distance between the sidebar and the logo should be 2.5 centimeters" ;)

    You wouldn't believe how many times that has happened over the years :)

    The best one was a response from a client, to a beautiful, contemporary, clean, fast-loading responsive layout I created for her. 'I hate it. I'll put together what I'm looking for, so you can work from that'.

    She posted an A4 pice of cardboard, with photos of wallpaper from a DIY magazine cut out and stuck to it, with tracing paper on top and more cartoons and photos, newspaper headline cuttings (Sex-Pistols style) for headings, and the body text created from her typewriter. Each menu link text was a different, wild, font.

    'I want it exactly like that', she said.

  • @u0421793 said:

    @SevenSystems said:

    @MonzoPro said:
    Web builders nightmare? ‘The lad in the office who does our leaflets has made some layouts in Photoshop, and we want the new website to look like this’.

    Especially when that lad then comes around later when the layout is implemented as HTML / CSS, and then, with a ruler in his hand, says "OK, but the distance between the sidebar and the logo should be 2.5 centimeters" ;)

    If he were professional, he’d be holding a typescale.

    Ugh. That brings back horrible memories of learning typography at college.

  • edited June 2020

    @MonzoPro said:

    @SevenSystems said:

    @MonzoPro said:
    Web builders nightmare? ‘The lad in the office who does our leaflets has made some layouts in Photoshop, and we want the new website to look like this’.

    Especially when that lad then comes around later when the layout is implemented as HTML / CSS, and then, with a ruler in his hand, says "OK, but the distance between the sidebar and the logo should be 2.5 centimeters" ;)

    You wouldn't believe how many times that has happened over the years :)

    The best one was a response from a client, to a beautiful, contemporary, clean, fast-loading responsive layout I created for her. 'I hate it. I'll put together what I'm looking for, so you can work from that'.

    She posted an A4 pice of cardboard, with photos of wallpaper from a DIY magazine cut out and stuck to it, with tracing paper on top and more cartoons and photos, newspaper headline cuttings (Sex-Pistols style) for headings, and the body text created from her typewriter. Each menu link text was a different, wild, font.

    'I want it exactly like that', she said.

    Yeah I hear ya. The ruler thing actually happens to me all the time, it is not even made up. It's very hard to explain to non-technical clients (and, alas, even self-proclaimed technical clients) that a responsive web design that has to work on a million different devices and screen (browser window) sizes and with multiple totally different interaction paradigms is a miracle of engineering (even for the simplest of sites!) and not as simple as putting together a fecking print design in Photoshop and then "Save as website" ;) Even the fact that a browser has no concept of "centimeters" is completely alien to them.

Sign In or Register to comment.