IDEA * IDEAドットインストール代表のライフハックブログ
TwitterBootstrapベースのWYSIWYGエディタ「bootstrap-wysihtml5」:phpspot開発日誌
bootstrap-wysihtml5 TwitterBootstrapベースのWYSIWYGエディタ「bootstrap-wysihtml5」。 HTML5ベースですが、リッチなエディタをBootstrapのテーマで作成することが可能です。 派生物がどんどん出てきて素晴らしい限りですね。 最近最も流行ったオープンソースプロジェクトではないでしょうか。 関連エントリ Twitter BootStrap に追加できる５つのコンポーネントパック「FuelUX」 Twitter Bootstrapでカッコいいカルーセルを実装するサンプルとチュートリアル Twitter Bootstrap で使えるカラーピッカー＆日付ピッカー Twitter Bootstrapじゃなくfacebook Bootstrap？「Fbootstrapp」 Twitter Bootstrapを使ったイメージギャラリーサン
iOS・Android・PC間で同じ「簡易チェックメモ」を使える「MobisleNotes」が便利すぎる件 - すまほん!!
今回は、超シンプルなメモアプリをご紹介します。 メモの管理もフォルダ分けだけ、どっから開いても同じメモ帳がみれます。とにかくシンプルすぎる。 どんなデバイスからも使える！ クロスプラットフォームで利用可能。iPhone、iPadにインストールできるのは当然ですよね。 もちろんAndroidでも。 そしてブラウザベースでもmobislenotes.comからログインできるので、PCでも広い画面で表示できます。 ブラウザベースということは、WindowsでもMacでもLinuxでも利用可能。 ということは、サポートされない傾向にあるWindows PhoneやBlackberryでも使えます。 これだけ対応だから、スマホからもタブレットからもノートPCからもデスクトップからも同じメモが使えちゃうんですね。 家のPCで編集し、外ではスマホで見る、なんて当たり前のことが当たり前に実現できます。 シ
「Sublime Text」 完全入門ガイド！
こんにちは～ 仕事が恋人のデザイナー、王です φ(≖ω≖｡)♪。 最近海外でもてはやされまくりのテキストエディタ「Sublime Text」と恋に落ちたことをこの場で告白したい！ やっと出会えたぞ！僕が探し求めていた幻のエディタに！！ 昨今話題沸騰中の「Sublime Text」エディタについて、ご紹介しましょう！本記事を読んで、ぜひとも他のエディタからSublime Textに乗り換えていただきたいです！ 見た目的には、このように、優雅（Sublime）そのもの！ Mac、Windows、Linux 三大プラットフォームで動くのも嬉しいですな！ 公式サイトは下記リンクです。 https://www.sublimetext.com/ それでは、動画やキャプチャーを使ってSublime Textの素晴らしい魅力を伝えていきたいと思います。 Sublime Textのチャームポイント 特色機能
知らない人は遅れてる？新Zen-Coding Emmet
頭の中のページ構成図をリズムで書いてHTMLに展開してくれるZen-Coding。 もはやHTMLコーダーで使っていない人はいないであろうZen-CodingがHTML5/CSS3の広まりと共にEmmetという名前に変更し、進化をとげているようです。 まだ開発中で公式アナウンスはまだのようですが先行して試すことが可能です。 Zen-Codingおさらい Zen-Codingは経験済みとして話しますが、まだ使ったことがないという方はまずこの映像から。 早速EmmetをSublime Text 2にインストール 1. Package Controlのリポジトリに追加 Sublime Text 2の標準リポジトリにはまだ入っていません。Cmd + Shift + Pで入力ボックスにadd repositoryを入力、下記のリポジトリを追加します。 https://github.com/serge
HTML上で直接CSSを編集！次世代エディタEdge Code | DECONCEPTER
HTMLコーディングの次世代標準機能を備えるエディタ 先日紹介したAdobe Edge Tools & Servicesのエディタ担当Adobe Edge Codeを紹介します。対応OSはWindowsとMac OS Xで現在プレビュー版で無償で使うことができる。 先行して公開されているオープンソースプロジェクトBracketsをコアに採用しており、革新的な機能が備わっている。次世代エディタの標準となりそうな機能の解説を盛りだくさんでみていこう。 尚、ショートカットはMacベースで説明します。Winの方は適宜CmdをCtrlに読み替えてください。 HTMLファイル上から各タグのCSSを直接オープン これは感動的過ぎる。HTMLファイル内のスタイルを編集したいタグにカーソルを合わせ、Cmd + Eを叩くと、なんと直下にCSSの定義が呼び出されて表示される。奇跡だ。 なぜこの機能を今まで他のエ
『ZowNote』Evernoteと同期する高機能なテキストエディタアプリ！ 送信専用じゃないから何度でも編集できちゃう！ - アップス!!!-iPhoneの小技やiOS系ニュースを配信
『ZowNote』Evernoteと同期する高機能なテキストエディタアプリ！ 送信専用じゃないから何度でも編集できちゃう！ 2012年08月15日 18:00 カテゴリ:ユーティリティーapp ツイート photo credit: Brian Auer via photo pin cc どうも@kuroji1987です。 Evernoteと同期して、いつでもテキストを作成・編集することができる高機能なエディタアプリ『ZowNote』のご紹介です。 「==ZOWNOTE==」というタグの付いたノートだけを取得して同期する、非常に軽快で使いやすいアプリとなっております。アプリ内だけでなくEvernoteでもテキストを管理できるので、バックアップの心配もありません！ Evernoteユーザーのかたは必携ですよ！ ZowNote カテゴリ: 仕事効率化, ビジネス 価格: ￥85 テキスト入力時
HTML5、CSS3、JavaScriptがリアルタイム編集できる！軽量HTMLエディタ「Liveweave」 - Chrome Life
みなさんは、HTMLやCSSのコーディングには何を使っていますか？ デザイナーの方であればDreamweaverをメインで使っている人が多いと思います。 デベロッパーの場合は、自分の好きなテキストエディターを使いこなしているでしょう。 しかし、実際にはコーディングをしながら見た目や動きを確認するためにブラウザを横でたちあげてデバッグしながら作業を進めていくと思います。 コードを修正→ファイルの保存→ブラウザで更新→確認 この手順を繰り返すのですが、これがなかなか面倒です。 できれば、コードを修正したタイミングですぐに確認できるとベストですよね。 そこで今回ご紹介するのが、HTML5、CSS3、JavaScriptをリアルタイムに編集して確認ができる軽量HTMLエディタ「Liveweave」です。 「Liveweave」は、ブラウザ上で動作するHTMLエディタです。 コーディングエリアとレン
HTML5のWYSIWYGエディタ「wysihtml5」がシンプルで扱いやすい！jQuery不要 - Chrome Life
最近は、HTML5で組む機会も増えてきたので、いろいろ調べていたらHTML5ベースのWYSIWYGエディタを発見しました。 WYSIWYGエディタといえば、TinyMCEが有名どころですが、そんなにスタイルを変更させたくなかったり、高機能すぎて少し重たかったりするので、贅沢な不満もありました。 今回ご紹介するのは、高速でかつ軽量なHTML5ベースのオープンソースWYSIWYGエディタ「wysihtml5」です。 「wysihtml5」は、HTML5の技術とプログレッシブエンハンスメント（Progressive Enhancement）のアプローチに基づいたオープンソースのリッチテキストエディタです。 高度なセキュリティの概念を使用して、メンテナンスが困難なタグとインラインスタイルの混在を防止することにより、 完全に有効なHTML5のマークアップを生成 することを目指しているそうです。 jQ
すっきりとしたデザインが特徴。高機能なWYSIWYGエディタ·Redactor MOONGIFT
RedactorはjQuery製のWYSIWYGエディターです。 Web上でテキストコンテンツを記述する際には素のテキストエリアではなくWYSIWYGエディタを使いたいのではないでしょうか。そこで試したいのがRedactorです。jQueryを使ったすっきりしたデザインのWYSIWYGエディタです。 一行のツールバー、画像埋め込みにも対応していてすっきりとしています。関係ありませんがアナ・トーヴ（フリンジの主役で写真の方）は好きな女優さんです。 画像はプロパティを編集できます。 右側に寄せました。右でも左でもアナ・トーヴは映えますね。 全画面表示。大きくしてもやはりアナ・トーヴは格好いいです。 動画の埋め込みはEmbedタグのペーストで行えます。 コード表示モードです。 スクロールした時にツールバーを上に貼付けた状態で維持できます。 独自のCSSを追加できます。 テキストエリアがなかったと
YouTube人気急上昇
急上昇 🍁髪型何種類あるの？【#Shorts/ゆっくり実況/マイクラ】 2022.08.23 急上昇 急上昇 無料のチートグライダーの性能がヤバすぎる！！【フォートナイト/ゆっくり実況/Fortnite】 2022.08.23 急上昇 急上昇 あつ森 総額１３０万ベル？案内所裏に豪華な和風商店街を作る！島クリ【ゆっくり実況】 2022.08.23 急上昇 急上昇 【ゆっくり解説】野手ドラフトのチャンス！？DeNAの22年ドラフト戦略考察第2弾 2022.08.23 急上昇 急上昇 【ゆっくり解説】【ゆっくり解説】宇宙の謎や疑問質問にお答えします 2022年夏休み子ども宇宙相談 その2 2022.08.23 急上昇 急上昇 【ゆっくり解説】ヤバすぎるドラえもんの炎上したシーン＆エピソード9選 2022.08.23 急上昇 急上昇 【ゆっくり解説】絶滅は嘘だった! ?ディノスクスの生存説と恐
160以上のプログラムを見やすくHTML・TeXなどに変換するフリーソフト「Highlight」
一度に複数のプログラムのソースコードを見やすく色付けして、HTML・XHTML・RTF・TeX・LaTeX・SVG・BBCode・XML形式に変換でき、さまざまな設定も可能なソフトが「Highlight」です。インストールと操作方法は以下から。 Andre Simon - Startseite http://www.andre-simon.de/zip/download.html ◆インストール 上記サイトの「highlight-setup-3.9.exe」をクリック。 「highlight-setup-3.9.exe」をクリック。 「Next」をクリック。 「I accept the agreement」にチェックを入れて「Next」をクリック。 「Next」をクリック。 「Next」をクリック。 「Next」をクリック。 「Next」をクリック。 「Install」をクリック。 20秒
リアルタイムに誰でも同時編集できるシンプルかつ便利機能付オンラインノート「QikPad」
オンラインでチームメイトや友人と同じドキュメントを同時に編集するという機会がどんどん増えていきますよね。特にGoogleドキュメントやスプレッドシートなどでそういったシーンが良く見られると思います。 ただ、もっとシンプルなものでなおかつリッチテキストエディタが使えたり外部へ公開しやすいものがあっても良いですよね。 そこで今回は、複数のメンバーで同時編集できるとともにシンプルながらも便利な機能を搭載しているオンラインノートをご紹介します。 組織のマインドマップツールをマインドマイスターにすべき理由 伸びてる産業、会社、事業を紹介しまくるStrainerのニュースレターに登録!! 共同編集も共有も便利なオンラインノート「QikPad」 「QikPad Beta」はログインなしですぐさまリッチテキストエディタの共同編集ノートを作成できるサービス。 ソーシャルサービスへの共有やQRコードの生成、サ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
リンクを“Markdown”書式でコピーしてくれるGoogle Chrome拡張「Markdown Linker」NOT SUPPORTED
コーディングもブラウザ上でできるオープンソースソフトウェア「Codiad」:phpspot開発日誌
TechCrunch | Startup and Technology News
https://collegegfx.com/brackets-adobes-innovative-text-editor-project/
WYSIWYGエディタで書いた内容をPDF出力できるサービス「pdfmakerapp.com」 | ライフハッカー・ジャパン
Adobe、HTML/CSS/JavaScriptでできた次世代コードエディター「Brackets」を発表
編集中のHTML+CSSをリアルタイムに共有できるオンラインサービス -Cssizer