拡張ボタンからページ遷移なしでブックマーク! ブラウザメニューのB!ボタンをクリックするだけで完了。 コメントやタグを付けて素早く保存できる公式ツールです。 使い方をみる
拡張ボタンからページ遷移なしでブックマーク! ブラウザメニューのB!ボタンをクリックするだけで完了。 コメントやタグを付けて素早く保存できる公式ツールです。 使い方をみる
必要最低限の機能しか実装してないけどちょっと工夫すれば そこそこ実用的なものが作れるかと思います。そして楽! クリックでデモページのzipファイルダウンロード Win,MacのChromeでのみ動作確認済みです 10/17 リンク間違ってました…ごめんなさい ソースコード <html> <head> <title>qiita_js003</title> <meta charset="utf-8"> <meta name="viewport" content="width=320, minimum-scale=1.0, maximum-scale=2.0"> <style type="text/css"> *{ font-family: Meiryo; text-align: center; margin: 0; padding: 0; } #liveeditor{ margin: 10px
はじめに 2019/11時点でGitHubにあるWYSIWYGタグでスターが多いライブラリを調べてみます。 Quill 概要 GitHub https://github.com/quilljs/quill Demo https://quilljs.com/ ・テーブルの作成はできないようです(ver2.x用にテーブル追加のプラグインはある) ・クリップボードを経由して画像のアップロードが可能です。 ・highlight.jsを使用してコードブロックのハイライトが可能のようです 対象ブラウザ IEは非推奨のようです。 ライセンス BSD 3-clause サンプル 1.3.7のサンプル <!doctype html> <html> <head> <meta charset="utf-8"> <title>Test Quill</title> <!-- highlight.js を使う場合はq
<!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"/> <!-- fabric.jsの読込み --> <script type="text/javascript" src="./libs/fabric.js"></script> </head> <body> <!-- canvas要素を用意 --> <canvas id="canvas" width="300" height="300" style="border:1px solid;"></canvas> <script type="text/javascript"> <!-- Canvasオブジェクトを作成 --> var canvas = new fabric.Canvas('canvas'); <!-- ここにコードを書いていきます。 --> </scri
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>HTMLファイルからPOSTでJSONデータを送信する</title> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script> <script type="text/javascript"> $(function(){ $("#response").html("Response Values"); $("#button").click( function(){ var url = $("#url_post").val(); var JSONdata = { value1: $("#value1").val()
環境 ブラウザ:vivald・iOS safari はじめに ルート営業を行うクライアントから、タブレットの契約書に手書きで署名できる機能が欲しいと言われました。 アプリで作ろうか悩みましたが、試しにHTML5で実装したものを提案してみました。 デモ See the Pen eeXqzy by カバの樹 (@kabanoki) on CodePen.0 ソース (2022/04/05 改定版) 戻る進むが機能しない不具合を修正しました。(2022/04/05) IEで動作しない不具合を修正しました。(2018/10/25) HTML <canvas id="canvassample" width="500" height="300"></canvas> <div style="padding:10px"> <button type="button" onclick="clearCanvas
人生で初めてAdvent Calendarを書いてみました。 背景 バグや要望などの管理で使用していますが、カスタムフィールドで要望者数なるものがあり、対応して欲しい人はそこの値をカウントアップさせる、という運用が存在していました。 「カウントアップするボタン欲しいよね」ってことで、ちょっとやってみました。 残念ながらSNSなどとは連携できない上に、プラグインも気軽に入れられないようなクローズドな環境でしたが、元々入っていたView Customize Pluginならできるだろうと思ったので、こちらを使います。 Qiitaにもたくさん先人達の知恵があったので参考にさせていただきました。 View-Customize公式 Redmineのプラグイン「view customize plugin」のカスタマイズ例 環境 Redmine view customize pluginの動作を手元です
こんにちは、浦本です。 Monacaチームではユーザ様のご要望に応じて日々、機能追加を行っています。 先週のデバッガ&フレームワークの新バージョンリリースでは、 PhoneGapのプラグインであるBarcodeScannerプラグインも搭載しました。 そこで今回は、このプラグインを用いて前回の記事で作成したQRコードリーダアプリと同様のアプリを作成してみたいと思います。 IDEを開いた様子 今回作成するアプリのスクリーンショット アプリ作成手順 Monacaにログイン後、ダッシュボードから新規プロジェクトを作成してください。その際、テンプレートとして「最小限のプロジェクト」を選択してください。 こちらからzepto.min.jsを入手し、それを「www/js」フォルダに配置してください。 以下のHTML、JS、CSSファイルを記述すればアプリ完成です! 【www/index.html】 メ
必要に応じて –save, –save-devなどのオプションを指定してください。 実装例 GitHubにもExampleが載っていますので、まずはそちらをお試しください。 基本形 GitHubのExampleでは使われていませんが、ブラウザ操作というのは非同期で行われるものなので、基本的にPromiseを使いながら実装していくとよいです。 例えば、GitHubのExampleをPromiseでラップすると次のようになります。 このとき、Promiseを返す関数の外でNightmareインスタンスを作成するのがコツです。 const Nightmare = require('nightmare'); const nightmare = Nightmare({ show: true }); const example = n => { return new Promise((resolve,
2014/07/24 第四十五回 スクエア free セミナー SIA神田スクエアで紹介したGeeklogプレゼンテーションです。 http://www.geeklog.jp/article.php/newsletter-20140702 CMSは多種多様ですが、Geeklogは設計当初からセキュアなCMSとして一貫し、リポジトリの管理は完全に公開されて、日本ユーザー会の活動も活発でフィードバックが多数行われ、メンテナーも2003年より日本人2名が加わるなど、日本でも安心して活用できるCMSに成長。 Geeklog 2.0でレスポンシブWebデザイン、2.1でCache対応やOAuthの大幅対応など、誕生当初の整理された関数設計を引き継ぎつつ機能を大幅に増強しています。 Front-end framework のBootstrapやUIkit対応テーマも公開されてよりユーザーインタフェース
NAGOYA ComCamp 2016 パワポのファイルとサンプルコードはOneDriveに ⇨ http://1drv.ms/1XD3B3rRead less
さて今回は、ズルいデザインテクニックの集大成ともいえる「ズルいボタン」です。これまでの連載で取り上げた数々のズルいデザインテクニック、「ズルいテキストシャドウ」「ズルいグラデーション」「ズルい角丸」、そして前回解説した「ズルいボックスシャドウ」を用いたズルいボタンの作り方を解説します。 今回のズルいボタンに関しては、以前にズルいデザインテクニックのスライドで紹介したものから大幅に改定を加えて、より汎用性があり、さまざまな場面で使い勝手の良いものに刷新しました。 改良のポイントは次の通りです。 文字サイズの変更、またそれに併せてボタンサイズの変更に対応しています iタグを使ったアイコン用のWebフォントに対応しました。今回はfont-awesomeを使って解説しています フラットデザインの流行に伴うデザイン傾向に合わせ、立体感やグラデーションをより控えめに、かつpaddingを大きめに取った
2016/9/10(土) の「わんくま 横浜勉強会 #08」で @chomado さんと発表したセッションです。 解説エントリーも併せてご覧ください http://ytabuchi.hatenablog.com/entry/2016/09/12/003000 Xamarin.Forms が大変なのは View の調整です。すぐに動くものが必要なプロトタイプやモック、View 要件を調整できる自社アプリやクライアントさんとちゃんと話せて要件を調整できる受託案件などであれば、Xamarin.Forms の利点を最大限生かした効率のよい開発ができます。 私個人としては、地雷を踏む可能性が高くても Xamarin.Forms が大好きなのでこれからも愛を込めてガンガン推していきたいと思います。(Xamarin が Xamarin.Forms を推しているので、どんどん使いやすくなっていくはずという
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
デザイン作成・ホームページ作成・資料作成など、個人的に役に立った便利なWEBサービスを紹介します。 これでアナタもデキる奴になれる!(かも) 1.PageSpeed Insights 指定ホームページのパフォーマンスを評価してくれます。スマホとパソコンそれぞれ評価してくれると同時に、解決策も教えてくれる凄いやつ。100点になるよう頑張りましょう! http://developers.google.com/speed/pagespeed/insights/ 2.picascii 画像をアップロードすると、アスキーアートにしてくれる。コピーしてHTMLのソースコードに内緒で入れちゃえ♪ http://picascii.com/ 3.QR Code generator ありきたりなQRコードにサヨナラ!デザインチックなQRコードが作れます。完成したらzipファイルをダウンロードすればOK。バッチ
【保存版】やるとやらないでは大違い!Facebookいいね!ボタンを最適化する「OGP」設定方法まとめ Facebookのソーシャルプラグイン 「いいね!」ボタンの最適化に必須である「OGP(Open Graph Protocol)」について、その内容と具体的な設定方法をご紹介します。 こんにちは、アライドアーキテクツ株式会社 制作部 プロデューサーの久保田です。 突然ですが、あなたのサイトの「いいね!ボタン」、最適化されていますか? 「Like Button(いいね!ボタン)」は、Facebookにログインしているユーザーが「いいね!」すると、Facebookのタイムライン上にタイトルと画像、説明が表示されるソーシャルプラグインの1種です。オウンドメディアのソーシャル化にあたり、最もよく利用されており、またユーザーにも馴染みがあるものでしょう。そして、この「Like Button」を通じ
このページはホームページ制作に使えるボタン素材を生成するサイトです。 ご希望の項目を設定し、右上の「create」ボタンをクリックするだけで簡単にボタンを作れます。 ※印の付いた項目は設定必須で、その他の項目は必要に応じて設定してください。 各項目の「カラー」の欄は入力欄をクリックするとカラーピッカーが表示されますので、 ご希望の色をクリックすると自動で入力できます。 背景色の「方向」はグラデーションにする際の1から2への色の向きです。 テキストの位置2は自由に指定したい場合に設定すると、 位置1の指定を無視して、位置2で指定した位置にテキストを表示します。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く