Find the framework behind a website? - magento

I use Python and BeautifulSoup. Is there a way I could tell if a particular website is running Magento platform?
Magento eCommerce Platform

How to Find CMS, Platform or Technology used by a Website?
Chrome Extensions to find CMS/Platform of a Website
Firefox Addons to find CMS/Platform of a Website
CMS Detector
Online Webtools has got a very nice CMS detector application which can be used just to find out the Content Management System used by a website or Framework used by a site.
Builtwith (Most Popular and Effective)
Builtwith is a very powerful tool to determine a site framework. Builtwith goes deep and throws you the more in-depth detail of a website including Server information, Content Management System, Framework, Advertising used, Analytics and tracking, Javascript libraries, Audio/Video media, Widgets used, Content Delivery Network, Aggregation Functionality, Document Information and Encoding type.
W3Techs (Popular and Highly Effective)
W3Techs gives the complete detail of a website. The details include Website background, Content Management System, Server side programming languages, Client side programming languages, Javascript library, Mark-up language, Character Encoding, Image file formats, Site elements, SSL Certificate authorities, Social Widgets, Web server, Traffic Analysis tools, Advertising network, Domain, Language and Technology Score. The tool gives ultimate in-depth data of a website which is extremely useful for a programmer. This tools is also available as Browser Extensions for Chrome and Firefox.
Guess Scritch
This tool analyzes websites and attempts to detect the plaform, language, tools, widgets, trackers and javascript/css frameworks and other technologies used for any website. This is a great tool to determine the CMS of a website.
Guess Scritch
WhatCMS WhaCMS just displays the Content Management System used in a website and doesn’t analyze any other information. If you only need to lookup a website platform in which it is built, then this toll is of great help.
CMSEYE
This tool seems to be down/unavailable
W3Techs
This extension is probably the best one to analyze various aspects of a website. W3Techs gives the complete detail of a website. The details include Website background, Content Management System, Server side programming languages, Client side programming languages, Javascript library, Mark-up language, Character Encoding, Image file formats, Site elements, SSL Certificate authorities, Social Widgets, Web server, Traffic Analysis tools, Advertising network, Domain, Language and Technology Score. The tool gives ultimate in-depth data of a website which is extremely useful for a programmer.
This tool just shows up the CMS of a website.
Chrome Sniffer
This extension will help web developer to inspect web framework / CMS and javascript library running on current browsing website. An icon will appear on address bar indicates the detected framework. Currently, this extension can detect more than 100 popular CMS and javascript libraries.
Wappalyzer
Wappalyzer uncovers the technologies used on websites. It detects content management systems, web shops, web servers, JavaScript frameworks, analytics tools and many more.
check this link.. will help you

There are many ways to find whether a site is running on Magento or not.
Check page source of any page, if it has like skin/frontend
In address bar, open url /downloader, if it opens magento connect login page
In address bar, open url /install.php, if site is Magento site, then it will show following error:
FAILED ERROR: Magento is already installed
Another clue can be admin url. Most of Magento stores don't bother to change admin url. If it opens by hitting /index.php/admin and shows Magento somewhere on page, then it is 100% running on Magento Platform.
I hope, this will help you.

Related

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/

About developing Add-on for Firefox

I would like to define different actions for different pages
I would like to do like this, when I entry :
wwww.test.com/page1.html : alert Hello!
wwww.test.com/page2.html : alert Good morning!
wwww.test.com/page3.html : alert Hi!
How do I implement this idea
Any tutorial links? thinks so much!
There are three general types of Firefox add-ons: Overlay, Restartles (Bootstraped), and using the Add-on SDK (Software Development Kit). There is a good article comparing the three types on MDN (Mozilla Developer Network).
In general, the most flexible are Overlay extensions. Bootstrapped (Restartless) extensions sacrifice some of the capabilities available to overlay extensions for the ability to install and uninstall without requiring the user to restart Firefox. Add-on SDK extensions sacrifice a considerable amount of the capabilities available to the other two types of extensions for having an abstraction layer between the extension writer and the guts of Firefox. The Add-on SDK is intended to make writing extensions easier and reduce the amount of work needed by the person writing the extension to maintain compatibility with future versions of Firefox. It mostly succeeds at this, but it does fail in some ways.
There are tutorials available on MDN:
Getting Started with Firefox Extensions
XUL School Tutorial
Building an extension
Add-on SDK Tutorials (many)
Many more
MDN is a good resource for information about extensions. When working on Firefox extensions I typically have at least one tab open to a Google search for "MDN " and then whatever I am looking for. It is my go-to method of finding documentation for developing Firefox extensions.
There are a couple of forums which have good information:
Mozilla Add-on Forum (Official)
mozillaZine
Welcome to developing extensions for Firefox.
As to the specific question you asked, the exact code depends on if you are using the Add-on SDK, or not. For the SDK, you should read Working with Events and Listen for Page Load among others. For the other types: Intercepting Page Loads, Listening to events in Firefox extensions, and On page load (Code snippet); also among others.

What is a Twitter Bootstrap UI?

I recently came across this term and I was wondering if there is anyone that could enlighten this concept and how it could fit into application development?
Twitter Bootstrap
You're probably reffering to Twitter Bootstrap. Not to be confused with normal bootstrap, which is something else.
Twitter bootstrap is a small (frontend) css/js "framework" with which you can build fluid web pages. So this is meant for web design only.
This means that when you resize your browser, all elements will be resized aswell, so that it even displays everything nicely on a mobile device.
For examples and more information check out their github page: http://twitter.github.com/bootstrap/
What is bootstrapping? (bootstrap)
Bootstrap (or bootstrapping) is something different. A bootstrap is a piece of code that is run when the machine (or application) first starts. A bootstrap file contains all sorts of standard configurations to configure itself.
There's actually more detail behind the whole bootstrap story, so for more information please read the wikipedia article:
http://en.wikipedia.org/wiki/Bootstrap
Bootstrap(aka Twitter Bootstrap)
It is a powerful front-end(CSS,JS) framework for faster and
easier web development.
It contains HTML and CSS-based design templates for
typography, forms, buttons, navigation and other interface
components, as well as optional JavaScript extensions.
It is compatible with all browsers from mobile to desktop
platform.
Since version 2.0 it also supports responsive design. This
means the layout of web pages adjusts dynamically, taking into
account the characteristics of the device used (PC, tablet, mobile
phone).
Its open source and its hosted on GitHub
To know more
Actually, the people giving the prior answers themselves did not have knowledge of the term and mistakenly, provided to you something "that is more popular".
Bootstrap UI is also called Angular UI. This is a JavaScript Library that is used for enhancing features used in projects using both - Bootstrap + Angular. It synchronized between them regarding pagination and other stuff. It is useful for projects primarily using Angular.
See here more details:
https://angular-ui.github.io/bootstrap/
https://scotch.io/tutorials/how-to-correctly-use-bootstrapjs-and-angularjs-together
Thanks, buddy!

Is there a self-hosted web-based web UI prototyping tool?

The question says it all, we know most of the hosted web-based UI prototyping tools out there, but we would like to have ours hosted on our own internal servers, preferably with on-line multi-user collaboration functionality (i.e. users modifying the prototype, making comments, etc. in parallel).
Any suggestions will be appreciated.
Sketchflow (in the top-end version of Expression Blend from Microsoft) meets almost all your criteria. It ain't cheap, but it is very powerful.
The deployment package of a Sketchflow build can just be placed on an internal server (no IIS required to deploy).
Multiple users can overlay their comments and pen drawings over the top of the screens. Their feedback is packaged as a unit and sent back. All feedback can then be loaded back into the Expression Blend project and the feedback from 1 or more users viewed overlaid on the correct screens.
It does not meet your multiple-user authoring requirement though, but as they say "too many cooks...".
Most tools are either desktop based or hosted. Seen very few which offer a downloadble multi user version. iRise is one choice with the editor as a desktop product and a centralized server for sharing among users. The budget is typically from $50K to $250K. A similar option exists for Serena composer as well, not sure of the price though.
Both iRise and Serena are not real collaborative tools, the central server is only for sharing the finished prototypes and getting feedback.
If the requirement is for a completely web based multi user tool then 10screens can be an option - http://www.10screens.com. The same product available on the site in a hosted mode can be downloaded and installed on your own servers.

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