I need to change where the breakpoints are for screen widths in terms of showing and hiding elements if the user's screen is in a particular size.
The project I'm working in is a Meteor project with the foundation CSS library.
I'm used to doing everything with PHP/JS with the occasional bootstrap, so what I would do normally is find the "_settings.scss" file and edit it like the doc says and multiple forums, but where is this file? No where in me entire project file can I locate this file (or anything related to foundation, actually)
So, how do I edit the foundation settings when modifying a Meteor application?
which Foundation package do you use?
Take a look at this package: https://atmospherejs.com/juliancwirko/zf5
Then ask me anything you need :)
Related
I want few changes on my APP, support told -Our platform allows for incredible customization by a developer with common languages like HTML, CSS, and Javascript.
Developing on the platform is done with the new SDK that can be found here on github. You can see more about developing the customization you need here: http://buildfire.com/developers/
As always
Downloaded MCRSS on my PC and made few changes Like on home page i dont want to show date below title -
i just added css property in list-item-date {display none:}
and we dont want Title and author name get trimmed , i just removed trim code.
Now New Updated MCRSS plugin ready at my PC.
How can i upload that on my APP.
Please tell me steps
It sounds like you're trying to customize the Media Center RSS plugin. You have two options:
Create a pull request on the repo.
Create an account on the developer portal, and upload your own custom version of the plugin.
For option one, you'll have to make your changes generic so that your pull request will be accepted. It might include making some of the options configurable from the control side. The main benefit is that moving forward the plugin will include your changes and any future bug fixes or enhancements will automatically be included.
The second option is easier to do if you're not as familiar with Git, and/or don't want to spend the time to make the options configurable. You just create an developer account and upload your custom plugin. (It will require you to rename the plugin to something unique.)
Hope that helps.
It is my first time working on DNN.
I have installed the dnn 7 and purchased fitted skin to it.
it came with two different zip files.
I installed them both but the page layout look bad, some styles work and the others stayed from the default DNN skin.
first I need to know if I will succeed to install the skin right, after the installation is the page suppose to look exactly like the demo?
or I will need to do some work around to achieve the demo layout and style?
what I mean is that I dont know if the skin package including the slider images etc.. and all it need to be looked like the demo.
in case I did something wrong in the skin installation process it will be great
if someone have tutorial link for DNN-7 for how to apply skin from A-Z and achieve the demo result it can help me too.
Thanks alot.
Here are some instructions for installing a skin in DNN 7
Here is an older video about how to apply skins at the Site Settings level
You might also want to watch DotNetNuke Explained: Basic Skinning
As for your skin, and how it looks on your site. You might check with the developer of the skin to see if it is for DNN7 or not, some skins don't work well in DNN7.
All skins need more work after installing though, you still have to go through and apply the skins to pages, and move modules around into the appropriate locations (panes) based on the skin and content.
It is simply installed through add extension process, like modules.
I am working on a Metro-app for Windows 8 and using MS Visual Studio 2012. Currently I'm using SASS and Compass to automatically convert SCSS to CSS when I save the SCSS-file.
What I want is to be able to change the CSS at runtime. That is; I want to have the SCSS-file open on my right screen and when I make changes to it the running application on the left screen shows the changes. Currently I have to refresh the app in visual studio, but that does not preserve state.
So to summerize:
I have successfully installed Compass and SASS. When I change a SCSS file the CSS file (which is included in the project) is re-generated correctly
My running app does not reflect the changes made in the CSS-file. I need to reload the app in order to show the changes.
I want to be able to see the changes at runtime.
Any suggestion or help is much appreciated! I am willing to convert to LESS if needed.
Web Workbench from Mindscape is another tool that automatically generates CSS based on your SCSS. I'm not sure if it solves your problem of reflecting changes at runtime, but it's worth a try.
Microsoft Visual Studio 11 comes with an application called Blend (previously Expression Blend). In Visual Studio you can open a project in blend by right-clicking it in the solutions explorer and choose "Open in Blend".
In Blend it is possible to use something called "interactive mode" to switch states in the application and then freeze them to do CSS-changes. The CSS-changes made in Blend will automatically be displayed, even though the state is freezed.
One may also want to activate the option of reloading files in blend on changes without prompting. This will make it possible to watch changes done using SASS on the fly inside Blend. One downside is that Blend needs to get focus in order to reload the CSS-files. Up-side is that it does not reset state-information, thus making it possible to style pop-ups and dialogs with ease.
One can also choose to use the built-in GUI to change CSS with ease. The problem of doing this is that Blend do not support SCSS, so you will have to copy the modified CSS generated by use of Blend into the appropriate SCSS-files.
More on Blend and VS11 here.
Has anyone created a 'realtime' csssprite generator for .NET ?
I want one or more directories of images that get loaded at runtime and the css is automatically generated.
Yes, there is. You'll find it at
http://www.codeproject.com/KB/aspnet/cssspritegenerator.aspx
Unlike Microsoft's attempt at sprites, with this package you don't have to change the way your images are stored and how they are shown. You simply add the .dll and configure the package in your web.config with a few lines.
This package also lets you resize images on the fly, compress them and other good things.
Is this what you are looking for?
It's the closest I found to a baked solution.
Ok finally something official...
Not clear yet if it'll make it into the core ASP.NET framework but here's a Microsoft codeplex project for csssprites :
http://aspnet.codeplex.com/releases/view/50869
if you like it - use it - or just like the idea then add a comment. I think this would be a great thing to have in the ASP.NET framework. Have not personally used it (I had to invent the wheel myself) but its got good reviews.
It includes the following components:
API for automatically generating sprites and inline images
Controls and helpers which provide a convenient way of calling into the API
Features Added in Second Release:
A CSS linking control for Web Forms (selects the proper CSS file for the user's browser, but does not display an image)
Using custom folder paths other than App_Sprites
Changing the tiling direction of sprite images
Merging the generated CSS with a user's own CSS
Features under consideration for future releases:
Automatically selecting the most efficient sprite background colour
Automatically minifying the rendered CSS
Compiling against .NET 3.5
I have a Flex application that seems larger than it should be. There is a lot of code in it, but not a lot of assets and it just seems large, but I'm not sure how to go about figuring out where the space is going.
I know about the –link-report option, but it only gives the sizes of externally linked library classes. I'm very interested in seeing a report of the sizes of all the classes and resources in my application and it would be a huge bonus if I could also view their dependencies. Not knowing how the code is compiled I'm not sure if this is even possible, but it seems like it should since the compiler can give me the sizes of individual classes linked from other libraries.
I did some searching around, but couldn't find anything helpful. Everything points to the optimization techniques of modularizing and externally linking libraries, which I understand and will implement, but I would really love some more detailed reports of what my compiled application looks like.
To be clear, I'm not really interested in tips on how to reduce the file size, just a report on what is used for and which classes are referencing what.
Anybody have any ideas?
CORRECTION - The link report does show all classes. My particular project in Flex Builder had several CSS files set to compile to swfs. My link report for the main app was being overwritten by these css compiles!
The link report actually contains all compiled classes and not just the ones in external libraries (at least with the Flex 4 SDK). There is an xsl available that will generate an html file of the link report so it is easier to read.
Check this post: http://blog.iconara.net/2007/02/25/visualizing-mxmlcs-link-report/
There is a command-line utility called flash.swf.tools.SwfxPrinter in swfkit.jar, which comes with Flex Builder (or the plug-in or the SDK) and which you can use to analyze information about class sizes. Joe Berkovitz wrote some good instructions on how to make use of it in his blog, and he was working on an AIR-based GUI tool that leverages it, but I'm not sure if he ever published the tool. Still, you can use his instructions to leverage the utility directly from the JAR.
I found a handy little AIR app that really helps organize the link report info.
http://www.kahunaburger.com/2008/03/08/air-link-report-visualizer/
It's old but still works very well.