Search results for: project

61 results found.

  • Components

    also include a Team section. Let’s call this project Project B. Wouldn’t it be convenient if we could simply use the Team member component from Project A in Project B?…

  • Libraries

    If we would now open Project C and load Project A as library, Pinegrow would ask us immediately if we want to add Project A library resources to Project C….

  • Projects

    Projects? In a project you can: Browse the files/resources which belongs to your web design project Reload the project: Useful to activate some of your modifications Add new folders to…

  • Build your own Blocks

    …Using blocks We can use blocks in the same project where they are defined or in other projects. Why would we want to use blocks in the same project where…

  • Master Pages

    folder as a project, select YES because Master pages will only work in project mode. At this step, you are now in Project mode: The Project assets are on the…

  • Editable areas

    in the project or loaded project libraries can be used here. To list general elements like H1 you first have to define them as components. Here, we set that the…

  • Pinegrow PRO

    Learn more about the features unique to Pinegrow PRO. Projects Pinegrow lets you open any folder as a project. The file tree of the folder (project) is displayed in PRJ…

  • Release 2.3 & 2.3 PRO – Nov 12. 2015

    of the new power features: Projects Pinegrow lets you open any folder as a project. The file tree of the folder (project) is displayed in PRJ panel. There you can…

  • Pinegrow WordPress Starter Theme

    …a plugin for Pinegrow: to create your new custom theme, simply go to New page and add the WordPress templates you need from Starter Theme to your project. On top…

  • Working with pages

    …tomanually adjust links to stylesheets, JavaScript files and images. Linking pages within a project Let’s say you have index.html and details.html saved in the project folder /Users/Me/Documents/MyProject. Link the two…

  • How to add your GOOGLE Maps API Key to your Blocks project

    …Google Maps script call, and set the API key like in the following example: <script src=”https://maps.google.com/maps/api/js?key=123456ABCDEFG&sensor=true”></script> How to add the Google Maps API Key to your Blocks Powered Projects  …

  • WordPress Starter Theme Release v1.2

    …already work on projects with the previous versions of the Starter theme (V1.0 or V1.1), please, finish your project with your current version and only start new ones with 1.2….

  • Release 2.92 – 27. July 2016

    …image located outside of the project folder, Pinegrow asks if you want to copy the file to the project. Classes are shown in the tree. The first class is displayed,…

  • Release 2.95 – 27. October 2016

    projects, a single _pgbackup folder is located at the root of the project, not in every subfolder as before: You can also delete project backups from the PRJ project menu:…

  • Release 2.5 – 8. Jan 2016

    the root of your project. UI tool for Google fonts Easily browse and add Google Fonts to your projects – right within Pinegrow. Support for Google Fonts is a part…

  • Opening times – Component and Tutorial

    project (File -> Open project), not just opening a single file. See how we created the component and how it is used. After watching this you’ll be able to create…

  • Working with Foundation in Pinegrow

    …to use SASS create a project with Foundation source files, Yeti Launch or another tool and then open the project in Pinegrow. Read more about SASS below. Open existing Foundation…

  • Release 2.31 – 18. Nov 2015

    …goodies that will make your web development life easier: Auto fixing broken links in project Use Fix links in PRJ context menu to fix broken links within the project, for…

  • Release 1.107, April 23 2014

    …added in File -> New page selection. Project related menu items were removed from File menu. They were causing confusion because they worked in an unconventional way. Remember project stored…

  • Tips & Tricks

    …element (note: empty rules are not shown in this mode): Use File -> Open project in new window to open a project folder in a new Pinegrow window. Collapse elements…

  • Collaborative editing

    control system like Git. The project should be stored in a central source control repository and each team member works with their snapshot of the project in their local repository….

  • Navigation menus

    …any WordPress related project and also to contribute to the project. (GPL 2.0) Now, let’s take a look at how to build menus for various frameworks: Bootstrap In your Bootstrap…

  • Getting Started with Pinegrow WP

    …code in Atom and use Pinegrow’s powerful tools to work with HTML structure, Bootstrap, WordPress, master pages, components and so on. Ready-made themes and Sample projects Pinegrow WordPress Starter Theme…

  • How to Try Pinegrow for free for 7 days ?

    …any HTML project. (except Blocks) Freely discover the PRO version and experience the power of the project mode + smart components (custom blocks). Discover the WordPress theme builder: Create and…

  • Release 3.07

    …to force compiling .css files even if the source SASS/LESS file is not changed. For example, if you open a project in Pinegrow after editing the source file with another…

  • Pinegrow CMS for static HTML websites

    …based on project’s master pages can be added through PRJ panel) Opening URL Editing code of the whole page Powerful properties All edits can be done through the PROP panel….

  • Quick introduction to Pinegrow

    …available in Pinegrow PRO edition. WordPress Use WordPress panel to convert the HTML project into a PHP-based standard WordPress theme. This feature is available in Pinegrow with WordPress theme builder….

  • Editing PHP, ASP and ERB templates

    …other resources that are defined on the main page: When using right-click -> Open as partial in Project explorer the partial is opened in a container page, so that it…

  • Release 1.12 – June 5, 2014

    …were always saved alongside the CSS file. This had some undesirable side-effects: adding unnecessary .less and .scss files in your project; if .css file was edited in the external code…

  • Release 2.8 – 20. April 2016

    …proper copy, cut and paste with clipboard manager is here: Auto-complete in PROP and ACT panels Pinegrow scans the whole project (or all open pages in case of Pinegrow standard)…

  • How to upgrade to the next Bootstrap version

    …just upgrade Bootstrap as you would normally do: download the new version and replace the existing Bootstrap CSS and JS files in your project. Then open the page in Pinegrow….

  • Release 2.1 – May 26. 2015

    …WordPress will generate Bootstrap menu HTML code. You need to Export the whole theme after setting this for the first time in a project. Then you can also use Import…

  • How to change Bootstrap media breakpoints

    …best way is to go to http://getbootstrap.com/customize/ and modify the values in section Media queries breakpoints. Then you replace default Bootstrap CSS files with the customized ones in your project….

  • How to make top menu collapsable with Foundation 6

    Still it is easy to do by adding responsive title bar element above the top bar menu. Download sample project. Here’s the sample code: <div class=”title-bar” data-responsive-toggle=”menu” data-hide-for=”medium”> <button class=”menu-icon”…

  • Creating a simple AngularJS app

    …and events to elements:   At the moment Pinegrow can’t be used to edit external JavaScript files. You can use your code editor to edit todo.js file (save the project

  • Working with themes and templates

    …keep the project. Templates usually consist of one or more HTML files, CSS files, JavaScript code and image assets. Edit layout and content Use File -> Open file to open…

  • Release 2.7 – 3. Mar 2016

    …is define component’s editable areas. Learn how to use components Documentation about Components is finally complete. All features are explained through practical examples, sample projects and tutorials. Just scroll through…

  • What Pinegrow is and isn’t

    …features like projects, master pages, smart components and reusable libraries. To recap: Pinegrow doesn’t add any code, it doesn’t generate anything. Instead it lets you work with CSS and HTML…

  • Release 2.65 – 16. Feb 2016

    …“Soft scroll #links” property was added. It enables soft scroll on # links (#links are no longer auto-scrolled by default). This change only affects new Blocks projects. Font Awesome plugin…

  • Color the Boxes

    …assigning these classes to the boxes. Download the project files. Here are the boxes: And this is how the result should look like: With Pinegrow we do that in 1…

  • Release 3.1

    …these selectors were left in the code. Pinegrow will now offer to clean up such code. Javascript syntax highlighting in code editor when you open a JS file through Project

  • Release 2.51 – 14. Jan 2016

    …“Components -> Add/Update resources from libraries” can now be used to update resources on pages in the same project where resources are defined. Internal id of the FontAwesome plugin was…

  • How to customize styles.css header

    …of the Author Author URI: A link to an author’s personal web site or project/development website. Description: A description of the theme. Version: The version number of the theme. License:…