Intellij Zurb Foundation 5 plugin
An IntelliJ plugin containing Zurb foundation 5 live templates! This plugin works for the following JetBrains products:
- IntelliJ IDEA 14 , PhpStorm 8, RubyMine 7
- WebStorm 9
- PyCharm 4
- RubyMine 7
- PhpStorm 8
live template Icon Bar in action!
Update v 1.6
for some of Content components I used Awesome Emmet plugin
you should install Emmet Everywhere if you have not yet!.
To install the plugin open your editor (WebStorm or PHPStorm) and hit:
-
File > Settings > Plugins and click on the Browse repositories button.
-
Search for Zurb Foundation 5 then right click and select Download plugin.
-
Finally hit the Apply button, agree to restart your IDE and you're all done!
4
HTML
Component:group zf-cdn Ctrl + Space |
Snippet code |
| CDN link (CSS or CSS.MIN) |
zf-cdn-css |
| CDN link (ICON or ICON.MIN) |
zf-cdn-icn |
| CDN link (JS or JS.MIN) |
zf-cdn-js |
| CDN link (JS Library) |
zf-cdn-lib |
| CDN link (JS vendor) |
zf-cdn-vendor |
Component:group zf-st Ctrl + Space |
Snippet code |
| row |
zf-strow |
| basic row |
zf-stro |
| small-? large-? columns |
zf-stslc |
| small-? medium- large-? columns |
zf-stsmlc |
| small-? columns |
zf-stsc |
| medium-? columns |
zf-stmc |
| large-? columns |
zf-stlc |
| Text Alignment let: |
zf-stl |
| Text Alignment right: |
zf-str |
| Text Alignment center: |
zf-stc |
| Text Alignment justify: |
zf-stj |
| Visibility Classes |
zf-stsh |
| Accessibility Classes |
zf-stvh |
| Block Grid Basic |
zf-stbb |
| Block Grid Advanced |
zf-stba |
Component:group zf-nv Ctrl + Space |
Snippet code |
| Off-canvas Basic |
zf-nvofb JS |
| Off-canvas Advanced |
zf-nvofa JS |
| Top Bar |
zf-nvtb JS |
| Top Bar Sticky |
zf-nvtbs JS |
| Icon Bar (Basic, Accessibility, Accessibility+Text |
zf-nvib |
| Side Nav Accessibility |
zf-nvsn |
| Magellan |
zf-nvmg JS |
| Sub Nav Accessibility |
zf-nvsbn |
| Breadcrumbs Accessibility |
zf-nvbrc |
| Pagination Accessibility |
zf-nvpg |
Component:group zf-md Ctrl + Space |
Snippet code |
| Orbit Slider |
zf-mdos JS |
| Thumbnails |
zf-md |
| Clearing Lightbox |
zf-mdcl JS |
| Flex Video |
zf-mdfv |
Component:group zf-fm Ctrl + Space |
Snippet code |
| Forms |
zf-form |
| RadioSwitch |
zf-fors |
| Checkbox |
zf-focb |
| Range Sliders |
zf-fosl JS |
| Abide Validation |
zf-foab JS |
Component:group zf-bt Ctrl + Space |
Snippet code |
| button (all options) |
zf-btn |
| button group (all options) |
zf-btg |
| button bar group (all options) |
zf-btbg |
| button stack group (all options) |
zf-btsg |
| button split Emmet plugin |
zf-btsp JS |
| button dropdown Emmet plugin |
zf-btdp JS |
Component:group zf-tx Ctrl + Space |
Snippet code |
| Labels (with clipboard content!) |
zf-tylb |
Component:group zf-cp Ctrl + Space |
Snippet code |
| Reveal Modal |
zf-cprm JS |
| Alerts |
zf-cpal JS |
| Panels |
zf-cppn |
| Tooltips(with clipboard content!) |
zf-cptt JS |
| Joyride |
zf-cpjr JS |
Component:group zf-ct Ctrl + Space |
Snippet code |
| Dropdowns |
zf-ctdl JS |
| Pricing Tables |
zf-ctpt JS |
| Progress Bars |
zf-ctpb JS |
| Tables with Emmet plugin |
zf-cttb |
| Accordion |
zf-ctac JS |
| Tabs with Emmet plugin |
zf-ctbs JS |
| Equalizer |
zf-cteq JS |
| Utility |
Trigger |
| text align left & options |
txtl |
| text align center & options |
txtc |
| text align justify & options |
txtj |
| text align right & options |
txtr |
| Component |
Snippet code |
| CDN jquery, js.min + js.min lib |
zf-jinit |
| + initialize Foundation |
|
| Bower Html Template |
zf-bower |
| 283 Foundation Icon Fonts 3 |
fi- |
| HTTP image placeholder |
imgp |
| Inception in (live template) |
Trigger |
| add icon bar |
ADDicon-item |
| add icon bar accessibility |
ADDicon-accessibility |
| add icon bar accessibility text |
ADDicon-accessibility-text |
| add magellan item |
ADDmagellan-item |
| add page navigation |
ADDpage |
| add orbit slider item |
ADDslider-item |
| add lightbox item |
ADDlightbox-item |
| add thumbnail item |
ADDthumbnail-item |
| add email field |
ADDemail-field |
| add name field |
ADDname-field |
| add password field (equal to) |
ADDpassword-field |
| add submit button |
ADDsubmit-button |
| add fieldset |
ADDfieldset |
| add input |
ADDinput |
| add input postfix |
ADDinput-postfix |
| add right input inline |
ADDright-input-label |
| add select box |
ADDselect-box |
| add textarea |
ADDtextarea |
| add accordion |
ADDaccordion-item |
| add equalizer |
ADDequalizer-item |
| add joyride |
ADDjoyride-item |
| add joyride End |
ADDjoyride-itemend |
| add small column |
ADDsmall-column-item |
| add large column |
ADDlarge-column-item |
| add medium column |
ADDmedium-column-item |
| add small medium large column |
ADDsmall-medium-large-column-item |
| add Vcard |
ADDvcard-item |
| Foundation 5 - Intellij Plugin is open-sourced software licenced under the MIT:Licence |
|
