Attribution for Bootstrap - twitter-bootstrap-3

I need to attribute Bootstrap in a new project I am working on. I can not find anything online that explains the proper steps for attributing Bootstrap. What I have right now is:
Built with Bootstrap
And this will go in the footer, or where I can fit it in.

Twitter Bootstrap is released under MIT license, so the only attribution you legally have to comply with is keeping the license file in place.
If you just want to do the good thing and let people know that you are using boostrap the choice of how to do that is yours. Don't think there is any official or even commonly used attribution style.

Related

Bootstrap-based but accessible template (WCAG 2.0 compliant) [closed]

Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
We don’t allow questions seeking recommendations for books, tools, software libraries, and more. You can edit the question so it can be answered with facts and citations.
Closed 2 years ago.
Improve this question
I am building an admin style, data-driven, internal business application (as opposed to a public facing website). I'd like to use a Bootstrap based template (even considering for-purchase templates from a Bootstrap marketplace or something), but the key requirement is that the site must be accessible (WCAG 2.0 AA compliant).
I know Bootstrap has had some accessibility issues (some colors, some javascript, etc.), but I also know that a lot of that has been getting better as newer versions were getting released. Bootstrap documentation itself offers only a small section on Accessibility and no mention of WCAG 2.0. Does anyone know what the latest status is for accessibility and Bootstrap (ver 3.3.7 at the moment)?
I've also come across Accessible+, which is a Bootstrap-based template, but I'm not sure whether the design fits well for the application I'm building, as it seems more public-facing (product/sales based). But it might work.
Alternatively, does anyone have any other Bootstrap based templates to recommend (free or not) which would work well for my need here, while also being very accessible?
I develop and maintain custom bootstrap websites that emphasize WCAG 2.0 AA compliance, but I'm looking for a good Bootstrap based template from which I can develop smaller projects without investing the time for a custom project.
One thing I'm noticing is that the few templates and themes out there advertising as WCAG 2.0 AA / 508 Compliant are NOT actually compliant, including Accessible+. Using the online WebAIM tool on their template it's registering 8 WCAG 2.0 AA coding errors, 16 alerts, and 4 contrast errors on the front page.
The WebAIM online tool is just a starting point, even getting zero errors on the tool does not make a site "compliant" there is no such thing as a "compliant" website ... the criteria is subjective. There are less and compliant and more compliant sites.
Validating with the WebAIM tool does definitely make a site more compliant. To get any sort of certification that a site is compliant actual lab testing by individuals with disabilities is required. Even then, a site can get a certification from the third party that does the testing, there is no universal compliance stamp that the Dept of Justice would refer to if a complaint was filed for a site.
Another thing I've found is that one needs to be careful about what third party to use for a certification of a site. Some are very expensive and do not necessarily have much credibility. The non-profit WebAIM program at Utah State University is one of the most credible and reasonably priced. Their site also offers some of the best overall information about web accessorily and compliance. Note, I have no affiliation whatsoever with that organization other than attending training there.
I'm in the same situation. I'm not sure about how the accesibility of Bootstrap has been improved since the 3.1.1. version.
I also saw the Accessible+ template, but it has been not updated since January, and I'm not sure if can fit what I need, so paying for it will be my last option.
These were my two main options:
Assets CMS GOV Framework. Its a modification of Bootstrap 3.1.1 with accesibility improvements to acomplish with the section 508 compliance (kind of USA govern alternative to WCGA 2.0, but a little less restrictive than WCGA AA). You can find it here http://assets.cms.gov/resources/framework/3.4.1/Pages/ the problem is that the package is just a bunch of folders with different scripts, styles, etc and I don't know where to start. I took a look to a previous version of the framework http://assets.cms.gov/resources/framework/2.0/Pages/ which was based on Bootstrap 2 and those files seems more like the kind of content I was expecting to find when I download it. So... after a couple of hours thinking if all those folders in the package wehere modificated, or where the originals and how to start, I declined about it... Maybe you can see it more clear.
The other option, which I'm starting to use, is the current Bootstrap version, with the Paypal Bootstrap plugin for accesibility https://github.com/paypal/bootstrap-accessibility-plugin. This seems more clear for me to figure out how to use, but is from 2 years ago and I don't have too much hope about it.
Anyway... both options are from a couple of years ago. I spent two days searching for anything else but seems that nobody cares a lot about accessibility nowadays. Several changes in accesibility have been implemented on Bootstrap since 3.1.1 but I think still can be far from be ready for a WCAG 2.0 AA.
In Bootstrap 4 beta seems to be more accesibillity improvements, but I don't know if they are enough to accomplish the WCAG 2.0 AA standards.
It will be good to know if you find something interesting!!
Disclaimer: I am the author of Accessible+ accessible bootstrap template as linked here by the question opener.
Accessible+ is in fact based on ASSETS which is based on Bootstrap.
I developed it because there were no Bootstrap accessible options available.
The main purpose was a regular template for "non-admin" websites.
Since I did not get overwhelming requests for doing an Admin template version, I never took the time to design one. But - I might in the future.
In any case, I can offer personal customization, even if you ask me to just make you a general "skeleton" for admin side.
Thanks for choosing to buy the template, I know it doesn't suit your needs 100% and I hope you succeed in converting it the way you need.
I was searching as well in the past for an accessible Bootstrap 4 template but found nothing. The ones I found failed in most accessibility tests.
Recently though, I searched again and found the "Labinator A11y-Bootstrap" template. It is basically an accessible Bootstrap 4 premium template that satisfies the WCAG 2.1 Level AAA guidelines. It also comes with an accessibility toolbar.
If you need though a free template and have good coding knowledge, then any modern Bootstrap 4 template can be made accessible with proper expertise in web development and accessibility. You can start by reading the official accessibility page of Bootstrap at (https://getbootstrap.com/docs/4.4/getting-started/accessibility/) then familiarize yourself with the WCAG 2.1 Level AA/AAA guidelines. There are some helpful checklists for those online, especially at the official website of WCAG.
Thereafter, you have to test your template with several web accessibility tools and verify the results manually. Two good tools are AChecker.ca and wave.webaim.org. Please note that all current web accessibility tools are not perfectly accurate - take them with a grain of salt. They can serve as a good pointer in the right direction rather than an ultimate guide.
It is good to note as well that Bootstrap 4+ is much better in terms of accessibility than Bootstrap 3+. As a full-time web developer working in the field, I would never pick Bootstrap 3+ or any template based on it when we have the modern Bootstrap 4.
I hope that helps!

Bigcommerce Stencil - What is Required and Help Setting Up

I just got access to the new Stencil beta and I have no idea what to do. I have reviewed all of the documentation on the BC developer website, but I don't know how to proceed. I am also not sure if I will even be able to create designs in Stencil since I don't know Handlbars or json - are those programming skills required or can we still rely on CSS and HTML for most design customization? BC told me there is no support for getting set up and to ask in this forum instead.
Normally I would look under the hood of an existing theme to see how it's built and try "learning on the job" but since I can't even get access to the files, I am at a loss. I created an account on GitHub but I have never used it so I don't know where to look for the files (I did a search but there are thousands of files there and I again couldn't figure out where to start). Can anyone point me in the right direction so I can determine if using Stencil is even feasible for my projects?
Handlebars compiles serverside as HTML. You do still have stylesheets, but we are using some SASS custom functions (documented in Stencil docs).
I'd recommend taking a look here: http://blog.teamtreehouse.com/getting-started-with-handlebars-js

I don't understand the Dojo documentation

I'm a beginner in dojo. First of all is everything javascript based? For example to create a form I have to use JavaScript or HTML tags?
Also I cannot understand their documentation and tutorials. It's very confusing.
Is there a proper website (other then dojo itself) that has good tutorials?
You can use Dojo's components's (widgets) in two ways. Programmatic and declaritive. The programmatic way (what you are talking about) is by defining widgets through the use of javascript. With declaritive you can define them using HTML markup. David Walsh has a nice short writeup and if you search for "declaritive programmatic dojo" you'll find some questions and answers on the matter:
https://davidwalsh.name/dojo-widget
Difference between programmatically vs declaratively created widgets in dojo?
Declarative coding or programmatic coding in Dojo Projects?
Declarative or programatic approach in DOJO?
If you're having trouble with the tutorials on the Dojo website, i suspect you're better off, first diving into some basic beginner javascript tutorials before trying to learn a framework like Dojo. I concur with the comment Ferry made on your question, there are no better resources than the actual Dojo website. I recommend following every tutorial, starting with the Hello Dojo tutorial and working your way up so that you don't miss out on the basic concepts which you'll need when you read the harder tutorials. Good luck!
For your first question: dojo is javascript-based platform that provide you with a basic javascript library and a bunch of basic widgets (UI controls like button, dialogue, layouts,...), and some extra things. However, you don't really have to use dojo all the time: you still can use dojo to manipulate a html form button; it's just dojo button comes with extra functionalities and might save you some time.
For the second question, I agree with iH8 that dojo website is the best place to start. There are three different ways dojo websites can help you:
Look at the tutorial: Basic steps on how to set it up and use provided functionalities as-is
Look at thetoolkit api: This provides a very detailed view of dojo javascript object (See what extra things you can do with dojo objects)
Look at the nightlytest: I found this very helpful in term of showing me what can be done outside of the tutorial (i.e. how to use things you found in the api)
Other than these, you can look at existing implementation to learn about the toolkit.
Basically, this is how I am learning Dojo. Without more-specific questions, it's hard to tell what is confusing about the tutorial. I would recommend you give it a try and post a question: everyone here will be willing to help you.
I recommend starting with some video tutorial like this.
When you understand the concept, you can try to copy and paste some code from Dojo documentation tutorials or Reference Guide, because all books are out-of-date.
Also you may find some useful information on IBM-related sites like http://www.ibm.com/developerworks because IBM invested in Dojo and uses it for its products.
If you have enough resources ($) you can take participation in Workshops (sitepen.com/workshops)

Is there a Dojo calendar similar to the JQuery plugin FullCalendar?

I'm looking a Dojo based calendar that can display events spanning across days in a month view exactly like the JQuery plugin FullCalendar
I work primarily in Dojo and I don't want to load JQuery if I don't need to.
This thread is a bit old now but I wanted to raise that there's now a candidate widget written by me for dojo 1.8+ that does exactly what you need: https://github.com/damiengarbarino/dojo-calendar
I tried to use the dojoc project and finally developed my own widget.
It is heavily customizable, has mouse, keyboard and even touch support, right to left display support, date formatting, custom views etc.
Documentation is available at: http://livedocs.dojotoolkit.org/dojox/calendar
I've been searching for something similiar recently and the best I can find is the 'dojoc' library. It appears to have been apart of the full dojotoolkit at some point but I can't seem to find a whole lot of information on it.
A test page showing it is on the author's website here. The github page for it is here. So far my attempts to locally use it have failed miserably. It seems to be built against an older version of dojo as well since it hasn't been updated in a while.
Although the Dojo 1.8 calendar widget looks promising, the documentation linked here http://livedocs.dojotoolkit.org/dojox/calendar is not up to scratch. Possibly the widget itself is also not ready for general use.
For example, it is proving difficult to prevent a particular event from being edited.
I realise 1.8 is not out yet. I trust the calendar widget and documentation will be better by the time 1.8 is released.

What Rich text editor should I use for a custom CMS

I want to build a custom CMS where users a Rich text editor is the main way to create content rather than wiki markup.
Besides stability and performance, I want the RTE to be easily extensible. The latter point is very important because I intend to extend it to my needs.
For example I want the users to be able to embed OpenSocial gadgets and whiteboard (based on canvas) into the page. I also the want the users to embed media source like (youtube, slideshare etc).
My preliminary investigation shows that Dojo's (dijit) RTE and TinyMCE are pretty good. How would you compare the two in terms of stability, performance and extensibility. Any other RTE's I should be looking at that fit the bill?
PS: I am using dojo as the main js library.
Hava a look here (blog post with some very helpfull informations).
My own opinion is that there are two free available rtes that are close to each other in comparison. Those are CKEditor and Tinymce. My experience lies on the tinymce side and i can say that the extensibility using own plugins is great with it. Some independent tests have shown that tinymce seems to be more adavanced than CKEditor, others claim CKEditor is better. You will have to decide on your own (development is advancing further each day and new functionality has been developed since those tests).
You may also have a look here for comparisons and discussions:
http://verens.com/2007/09/27/fckeditor-vs-tinymce-vs-everything-else/
http://verens.com/2007/09/27/fckeditor-vs-tinymce-vs-everything-else/
http://www.mediacurrent.com/blog/wysiwyg-shootout-and-winner