See full snippet here: http://pastie.org/10908239
Excellent tutorial online introducing the “VideoStream” PHP class:
Then use HTML5 video tag as shown in here,
<video width="100%"> <source src="/player.php" type="video/mp4"> Your browser does not support the video tag. </video>
Several years ago I used FCKEditor. I was quite satisfied and to be honest my needs were really basics. A thing I noted scanning my 404 logs was a noticeable over-representation of /cgi-bin/fckeditor/editor/ requests, and I suppose this means it had a lot of tasty flaws.
Now I wanted something new and possibly even simpler. Maybe better integrated with Bootstrap. Googling I spotted three alternatives:
- The famous TinyMCE
- The interesting GetUIKit, featuring a HTML (and Markdown) code editor with preview
- The Bootstrap-wysiwyg
of course before having printed any HTML (i.e. before setting headers).
To implement the simple (for the user) captcha provided by Google one have to get an API key from Google to use it. Then the mechanism is quite simple: the Captcha code is an input of the form that will submit a value. The program receiving the form data will validate the captcha with a request to Google.
I made a single page PHP example just in case.
I love and use many text editors, from Sublime Text (being cross-platform) to BBEdit under macOS. Recently I started using more and more gEdit 2, because it’s universally available in most Linux distributions I happen to use. With some tricks, it’s possible to boost productivity.
- Default gEdit plugins – From the preferences, it’s possible to activate useful plugins, like the Snippet editor.
- Standard gEdit plugins – Debian/Ubuntu repositories carry the gedit-plugins package that includes a bunch of plugins, like Bookmarks, Word Completion, Bracket Completion, Multi Edit, Code comment and session saver… oh, a terminal too. They shift gEdit to a more reliable coding editor.
- Optional plugins – One for the web developers: Zencode (zip for Gedit2 here). Zencode is so cool I wanted it in the headless servers too with this VIM plugin.
As mentioned before with Bootstrap it’s possible to combine multiple classes to design a responsive website. We can decide to use six columns on large screen and reduce the number of columns as we reduce the available screen size.
<section class="col-sm-6 col-md-4 col-lg-2"></section>
This means that on small screens the section will span 6 columns. We can specify an offset so that the single column on small screens will not go edge to edge:
<section class="col-xs-offset-3 col-sm-6 col-md-4 col-lg-2"></section>
This edit will work until the second breakpoint, because the offset will remain. We can cleaer it:
<section class="col-xs-offset-3 col-sm-6 col-sm-offset-0 col-md-4 col-lg-2"></section>