cjdsie / wirefy Goto Github PK

I think that Wirefy is great!

However, I tested the actual website http://cjdsie.github.com/wirefy/ in IE8 and it seems that if the site does not work as expected when you resize the browser.

My question:
Is this because the website where you introduce "Wirefy" is not built using wirefy or are there any other issues with the framework?

As I said, it is a really great system but I would like to know if the framework does also work in IE 8 (preferably in IE7 too) before I start digging into it.

Thank you.

I think the tab markup is incomplete. specifically the tags within the .tabs

Looks like the base.css file was committed in a conflicted state.

I have ruby1.9, npm and grunt installed via MacPorts + I have XCode too.

kip:wirefy smysore$ sudo port select --set ruby ruby19
kip:wirefy smysore$ echo $PATH
/opt/local/bin:/usr/bin:/bin:/usr/sbin:/sbin:/usr/local/bin:/opt/X11/bin:/Users/smysore/bin/ec2-api-tools-1.6.6.2/bin:/Applications/Xcode.app/Contents/Developer/usr/bin:/opt/local/bin:/opt/local/sbin
kip:wirefy smysore$ which npm
/opt/local/bin/npm
kip:wirefy smysore$ grunt
kip:wirefy smysore$ grunt --force
Running "sass:dist" (sass) task
Warning: You need to have Ruby and Sass installed and in your PATH for
this task to work. More info:
https://github.com/gruntjs/grunt-contrib-sass Used --force, continuing.
kip:wirefy smysore$ /opt/local/bin/grunt --force
Running "sass:dist" (sass) task
Warning: You need to have Ruby and Sass installed and in your PATH for
this task to work. More info:
https://github.com/gruntjs/grunt-contrib-sass Used --force, continuing.
kip:wirefy smysore$ 

What else am I missing to get this working on MacOS X? Thanks!

in the layout.scss/css files you have an invalid property value of "auto" in your padding.

/* #Site Styles
================================================== */
.container {
margin: 0 auto;
padding: 0 auto;
max-width: 100%;
width: 80%;
padding-top: 2%; }

Having a bit of an issue with the tab.js code and wondered if it was just me or whether anyone else has had the same issue.

I have 2 tabs, when I click the inactive tab, works fine, then back to the first tab, and the page jumps down to the beginning of the content.

How do I prevent this default behaviour?

Thanks

PS D:\学习\cjdsie-wirefy-5e9d906\wirefy> grunt Running "sass:dist" (sass) task Error: Invalid GBK character "\xE2" on line 24 of sass/base/_variables.scss from line 20 of sass/wirefy.scss Use --trace for backtrace. File "css/wirefy.css" created. Warning: Use --force to continue.

I just clone the code and build as your specification.

This may be user error, but when using a 4 column layout for example, the columns don't seem to be quite wide enough to span the entire grid. Why is this?

  <section class="doc-section">
    <div class="example-grid sixteen">
        <div class="four columns alpha">Four</div>
        <div class="four columns">Four</div>
        <div class="four columns">Four</div>
        <div class="four columns omega">Four</div>
    </div>
    </section>

Hi,
is there any reason behind naming columns/spans with numbers as words (one, two, thirteen)?
The tool itself looks great but this seems counter productive - it's easy to make a typo, when changing width (It's a wireframe - I do that a lot) you have to rewrite whole word instead of just a number. Why not stick with common span-1/span1?

Hi there,
The RSS icon isn't included in the css and when I add it using the code from Font Awesome, it doesn't seem to work. The css I'm adding from the downloaded Font Awesome files is: .icon-rss:before {content:"\f09e";}

Can you help with this?

Thanks,
Paige

Fresh new install not running due to error:

~/Downloads/wirefy$ grunt
Running "sass:dist" (sass) task
Syntax error: Invalid CSS after "  @each $property": expected "in", was ", $value in $de..."
        on line 20 of sass/helpers/_ie-support.scss
        from line 35 of sass/wirefy.scss
  Use --trace for backtrace.
File "css/wirefy.css" created.
Warning:  Use --force to continue.

Aborted due to warnings.

./node_modules/.bin/grunt --force
Running "sass:dist" (sass) task
Syntax error: Invalid CSS after "...on-med: em(12) ": expected selector or at-rule, was "!global;"
        on line 13 of sass/modules/_buttons.scss
        from line 45 of sass/wirefy.scss
  Use --trace for backtrace.
File "css/wirefy.css" created.

This is grunt sass version

├─┬ [email protected]
│ ├── [email protected]
│ └── [email protected]

Going through the CSS i found this:

.menu2 ul {
  float: left;
  float: left; }

Is that a deliberate thing? I wasn't sure if its a technique I've never heard of or a mistake.

Juan

First when i found this framework, i thought this is the best thing i have ever found for front end development, but when i am using the html select tag the output is coming very bad, i can see only upper half of the options element. i am attaching a image

i noticed with that H1 is huge (set at about 6em). Is there a reasoning for this?

Firefox on my PC has a problem with something in helper.js. HTML links do not function - I see the "hover" effect, but Firefox does nothing when I click on a link. I see this problem for getwirefy.com, and a site I just prototyped with wirefy.

If I delete reference to helper.js, the links function properly.

I'd suggest taking another look at templates/sidebar.html in smaller screens (I get horizontal scroll bar). Even at over 1024 screen width the h1 'Content Title' is too large in my opinion. It should fit on one line.

Running "sass:dist" (sass) task
Warning: You need to have Ruby and Sass installed and in your PATH for
this task to work. More info:
https://github.com/gruntjs/grunt-contrib-sass Used --force, continuing.

I was recommended this project by NLnet because they felt I built something similar and best choice to bring in more people. Here is my project which I shared with NLnet https://github.com/imvetri/ui-editor

I would be glad to have someone to collaborate with to work on similar ideas.

Markup is incorrect and tab boxes are not rendering to baseline.

Hey, maintainer(s) of cjdsie/wirefy!

We at VersionEye are working hard to keep up the quality of the bower's registry.

We just finished our initial analysis of the quality of the Bower.io registry:

7530 - registered packages, 224 of them doesnt exists anymore;

We analysed 7306 existing packages and 1070 of them don't have bower.json on the master branch ( that's where a Bower client pulls a data ).

Sadly, your library cjdsie/wirefy is one of them.

Can you spare 15 minutes to help us to make Bower better?

Just add a new file bower.json and change attributes.

{
  "name": "cjdsie/wirefy",
  "version": "1.0.0",
  "main": "path/to/main.css",
  "description": "please add it",
  "license": "Eclipse",
  "ignore": [
    ".jshintrc",
    "**/*.txt"
  ],
  "dependencies": {
    "<dependency_name>": "<semantic_version>",
    "<dependency_name>": "<Local_folder>",
    "<dependency_name>": "<package>"
  },
  "devDependencies": {
    "<test-framework-name>": "<version>"
  }
}

Read more about bower.json on the official spefication and nodejs semver library has great examples of proper versioning.

NB! Please validate your bower.json with jsonlint before commiting your updates.

Thank you!

Timo,
twitter: @versioneye
email: [email protected]
VersionEye - no more legacy software!

Hello,

Your idea is very good and much appreciated - thanks!
I must say that I was fooling around with your project and it lacks a bit of documentation (menu, slider...).
I think it would help a lot to do a wiki.

This may be user error, but when using a 4 column layout for example, the columns don't seem to be quite wide enough to span the entire grid. Why is this?

  <section class="doc-section">
    <div class="example-grid sixteen">
        <div class="four columns alpha">Four</div>
        <div class="four columns">Four</div>
        <div class="four columns">Four</div>
        <div class="four columns omega">Four</div>
    </div>
    </section>

npm install did not install grunt binary here, npm install grunt-cli fixed the issue for me.

The aside navbar on the 'features page' (http://getwirefy.com/features.html) does a media check on page load to determine wether to activate scrolling. It works fine. However, doesn't currently work on 'resize' so continues scrolling below 'min-width: 45em'.

Hi,

Wirefy looks great, having a little play around with it. One thing I've noticed, for example adding a solid colour to the body background, is that there seems to be a margin of 5/6px all the way round?? Have tried to pin it down in the styles, but no luck??

thanks

3.0 is the latest release of Font Awesome, suggest update to include this release.