Shopify: Testing on Localhost in windows - windows

I've been trying for a while now to find any solution to try and test shopify themes on localhost so I don't screw up a live site I'm going to be maintaining. The only thing I can even remotely find is Vision, but it's only for Mac OS. I can download the theme I need, but I can't seem to find out a way to get it to load through localhost. Any ideas? Or is this a fruitless search?

For at least 5 years all the cool kids have been developing themes using newer options like for example the lightweight Ruby scripts in the serve gem as one example. Or using any static site generator with something like Pow. IMHO it is a very last resort to use WAMP or LAMP for any kind of theme generation development cycle. Not least because theme generation does NOT require any database.

Its not what your asking for, but its a nice alternative / plugin if you use Sublime Text Editor:
https://bitbucket.org/dwarburton/sublimeshopify
You can create a developers account here: http://www.shopify.com/partners for creating 'test' stores.
This allows you to edit the files locally and they are pushed live to your test store.

Related

How can you tell whether a website is using the LAMP or MEAN Stack when looking at the script in the developer panel?

I'm starting to learn the basics of LAMP and MEAN. I'd like to dive in by learning LAMP first.
There's a website that I like to replicate, but I don't know whether it's using LAMP or MEAN.
How can I tell the difference by taking a cursory look within the developer panel in the Chrome browser?
I assume the good framework is using REST or LESS or something that does not include a file extension in the URL (.php, .html etc)
you can use guess.scritch.org/ or... a new post with the chrome dev tool method will be posted in a minute.

Edit pages content through a UI

Sorry if someone already did this question, but I couldn't find it. I want to allow my client to edit the website pages content through a UI, not using notepad++ or something like that, you know? Like edit the FAQ or add some new product to his store. I don't know how to search it. I already looked for admin dashboard templates, but nothing...
If I'm not mistaken, you want a CMS (Content Management System). This would allow you to run a website with an editor and many other tools to help you and your clients out with development. Popular CMS's even have large libraries of plugins to customize and add virtually anything to the development environment. Popular CMS's include:
WordPress
Drupal
Joomla
ModX
etc.
You can even develop your own via PHP and MySQL databasing. Not only does this allow you to have the tools tailored to your needs, but it's also a great learning experience.
If you're looking for just a sort of online IDE (Integrated Development Environment), then Cloud9 may suit your needs, but it can get pricy depending on what you need: https://c9.io/
Overall, if you're dealing with dozens of HTML documents on a website, it can get messy and the need to switch to templating is an absolute necessity. CMS's are easy to install and have a lot of features, but they can be very bulky. So if you're just looking for a simple management system, I think PHP and MySQL would be best for your scenario. If that's all you want then here are some articles to get you started:
https://css-tricks.com/php-for-beginners-building-your-first-simple-cms/
http://www.elated.com/articles/cms-in-an-afternoon-php-mysql/
http://www.smashingmagazine.com/2011/10/getting-started-with-php-templating/

Team Development of HTML5 PhoneGap App

First, I don't know if this is the right place to make this question but, I don't see any other place where to put it.
I would like to know how could I develop a mobile HTML5 App (using PhoneGap) with another friend, without need to have a copy of the project in more than one PC.
Could I somehow host the Code on a FTP Server and then we both could work on it for example, on Eclipse?
You need to look into using a source control system of some kind. Source control comes in many flavors, but in general it allows software developers to sync code between many servers, and allows developers to work concurrently without breaking each other's environments (imagine I have to take a component offline for many hours to code on it, but other people rely on it to do their work).
The two most common source control solutions are SVN and Git. Both of these work on Mac/Linux/PC and are documented thoroughly online.
without need to have a copy of the project in more than one PC.
How should that be possible? When want to view view something on your local computer, you must have it available on your local computer. But I think I know what you are looking for, three suggestions:
Use a cloud-based IDE. Cloud9 for example is one of the best. However, all of them tend to be slow and buggy.
Just synch the files between your computers. One of the best hosted services is Dropbox, or you can install ownCloud on your own Server.
Use a version control system. This is pretty common for software development as you can easily reproduce who made which change when and why. The best option is git and Github for hosting.
I know this is months late, but check out Adobe's Phonegap Build. Build and deploy in the cloud. They also allow you to assign a development team.
www.adobe.com/PhoneGap

iDisk-like features on Lion Server

The imminent death of iDisk is a bummer. I have used it for years to easily share files with clients without asking them to boot up their FTP software.
I am curious to know if there is a way to mimic iDisk's file sharing features through Lion Server. Specifically, the ability to share links to specific files and have them downloaded through a web browser. I miss the clean interface of iDisk through MobileMe.
I realize that there are third party providers like Dropbox and YouSendIt, but it would be nice to serve the files directly from our local server. I originally thought WebDav might be the answer, but it seems that's not the case.
You will have to install additional software to get that functionality. I've used and had good luck with Boxroom (http://boxroom.rubyforge.org/) but it requires Rails which may be too much work to install if you don't need it for anything else.
Searching for "open source php file manager" turns up a range of options which should work well on Lion as it has PHP already installed. I have also seen Java alternatives, some of which run on top of WebDAV, so it is probably best to start with the development language you are most comfortable with deploying and work from there.
Sorry I couldn't be more specific, my Mini is in transit so I haven't had direct experience with Lion server yet:)
Have a look at Storage Made Easy Mac client. It works a similar way to the original iDisk but also had sync capability. See: https://storagemadeeasy.com/MacCloudTools/ and https://storagemadeeasy.com/wiki/maccloudtools/. There is a native disk piece and also a sync like dropbox piece to the App.

What Software Do You Use To Create Sitemaps / Site Structure For Large Sites?

Just wondering what software you use to create a visual sitemap / site structure representation before you start big sites?
I am looking to map out a large site, but cannot find any good software to help me map the site visually (And in pages/categories)..
Maybe SketchFlow http://electricbeach.org/?p=145 ? which is included in the Expression Blend Trial http://www.microsoft.com/downloads/details.aspx?FamilyID=92E1DB7A-5D36-449B-8C6B-D25F078F3609&displaylang=en
I strongly suggest taking a look at this tool: http://www.balsamiq.com/products/mockups
The Balsamiq tool is the best for doing mockups (i assume this is what you are referring too when talking about sitemaps before you start...). With this software you can quickly generate a working wireframe of what ever you are creating. So much functionality that you can actually share it with your client to get some good sign offs prior to typing the first bit of code.
Very powerful!
And the other one...just shown at the last MIX09 is SketchFlow. Couldn't remember it to save my life. This is a WAY COOL tool for site maps and UI mock up. I was trying to find you the actual MIX presentation as it is super cool to watch. But here are some YouTube videos of that presentation from a user perspective I guess.
http://www.youtube.com/watch?v=zsAZjb7FKXA
http://www.youtube.com/watch?v=f3ErrS68YMM
Check it out!
update...found the SketchFlow video!!! http://videos.visitmix.com/MIX09/C01F
Great keynote from there too: http://videos.visitmix.com/MIX09/KEY01
I know this is an old question, but for others who find this via search, I personally love mocking my websites up with mind mapping tools. I've tried several but my favorite was MindNode for Mac and Xmind for Windows.
XMind free download:
http://www.xmind.net/
MindNode free download:
https://mindnode.com/
I've also tried MindMeister which works just as well as other mind mapping tools and is hosted for you so you can access your mind maps anywhere. However, MindMeister only allows you three maps (currently) without upgrading to a paid subscription.
Another that I've worked with is mockflow.com which is great for mocking up websites with all their features and buttons and even making clickable navigation. They have a free version, but again it's very limited without upgrading to a paid version.
I'm using Slickplan. This cloud based app allows me to have access to my projects from different machines regardless of their operating systems. All I need is one of the leading web browsers (Chrome, Firefox, Safari).
With Slickplan you can create visual sitemaps from scratch or you can use Site Crawler to import your existing website to visualize and reorganize its structure.
Of course you can always export your projects to the XML format, and use the exported file to create pages and menu systems inside some popular content management system - Slickplan provides plugins for WordPress, Joomla, concrete5 and a few more.

Resources