Adobe is committed to delivering exceptional software and services to our customers. It is in our nature to innovate and try new things, and it was in this spirit that we introduced Brackets, a modern open-source code editor for HTML, CSS, and Javascript, in 2014. Brackets was among the first web-based code editors, but the market has matured and other solutions have eclipsed some of the roles Bra
先週くらいのお話ですが、“カナダで留学した後自分たちでスモールビジネスをやるからサイトが欲しい、でもお金無いから自分たちで作りたい。”的な相談があって、「そんな、サイト作るだけのサービスなんぞ、腐る程あるわぁああ!!」と、半分ヤケくそになってお話したので丁度いい機会だからまとめてみようと思います。 まぁ、今日はどちらかというと、完全に非WEB屋な人に向けたサイト自体を作るサービス、問い合わせなどのフォームを作るサービス、ユーザーテストを低コストで行うためのサービス、そういう物をご紹介していこうと思います。 たぶん、趣味やとりあえずサイト作りたいと思っている人には朗報として、とりあえずサイト作れる人がWEBデザイナーだと思っている人へは啓発(的な?)として、記事を書かせて頂けると幸いです! 加えてたまに、「サイトが作れるようになりたい。」と僕の元に来てくれる人がいますが、もしそういった人が「
Rich Markdown editor StackEdit’s Markdown syntax highlighting is unique. The refined text formatting of the editor helps you visualize the final rendering of your files. WYSIWYG controls StackEdit provides very handy formatting buttons and shortcuts, thanks to PageDown, the WYSIWYG-style Markdown editor used by Stack Overflow. Smart layout Whether you write, you review, you comment… StackEdit's la
皆さんMarkdown使う機会多い人ですか?僕はぶっちゃけそんなに使用頻度が多いわけじゃないんですが、中にはMarkdownで書く事が多いって人も当然いると思います。そんな時Markdownエディタってどんなもの使っていますか? 今日ご紹介させて頂く『StackEdit』というMarkdownエディタは、プレビュー機能や、Dropbox共有、Google Drive共有、パブリッシュ機能ナドナド… まーとにかく色々な機能がついてる割に、Markdownに慣れない僕でも直ぐ使い出すことが出来るくらいのシンプルさに惚れたので、Markdownエディタ良いのないかなぁって探している方に是非参考までにと思い共有させて頂く事にしました! Chromeの拡張機能もありますが、アクセスするとサンプルが表示されるかと思いますので、それ見ながらちょっと軽くだけご紹介させて頂ければと思います! StackEd
いやー、久々に面白いChrome拡張機能を見つけましたのでご報告。 結構、「お、このサイトのフォント綺麗だな、何つかってるのかな?」って思うこと多いですよね? そんな疑問をその場で即座に解決する、WhatFontToolというツールを今回はご紹介します。 まぁ、説明するよりは、下記サイトよりChromeの拡張機能、またはブックマークレットを使ってもらったほうが早いと思うのですが、要するにクリックするだけでそのサイトで使われているフォントを教えてくれて、尚且つ フォントサイズ 色 Line-height 他に使われているFont-familyの種類 など、とにかく今まで知りたいと思っていたフォントの内容がCSSをのぞくことなく、知ることができる便利拡張機能でございました。 WHATFONTTOOL 以前紹介した、GET TAB INFOなんかもそうですが、こういう細かいけれど必要になる場面を
Initializing... Liveweave expand_more home Home data_object CSS Explorer arrow_outward Palette Color Explorer arrow_outward Polyline Graphics Editor arrow_outward outbox_alt Generative AI arrow_outward build Tools expand_more restart_alt Load base template post_add Generate Lorem ipsum... code Format HTML code_blocks Format CSS data_object Format JavaScript library_add Library expand_more AAlgolia
<h1>WYSIHTML5 - A better approach to rich text editing</h1> <p>wysihtml5 is an <span class="wysiwyg-color-green"><a href="https://github.com/xing/wysihtml5">open source</a></span> rich text editor based on HTML5 technology and the progressive-enhancement approach. It uses a sophisticated security concept and aims to generate fully valid HTML5 markup by preventing unmaintainable tag soups and inlin
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.
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.
スポンサードリンク jQuery ECサイトで商品の説明文などを登録する方たちが 自分たちで文字を装飾できるようにしてほしいという 要望が上がってきたので、簡単に設置できる jQUeryプラグインのWYSIWYGエディタ『CLEditor』を導入しました。 CLEditor スポンサードリンク 入れたいものの条件 コンセント 要望があったものでは、以下のものです。 フォントサイズが変えられるもの フォントカラーが変えられるもの この2つの条件を満たすもので 尚且つ、使う人が簡単に操作できるものを探していたら、 『CLEditor』というものを見つけて、 内容を確認したら使い勝手がよさそうなものがだったので導入しました。 CLEditorのサイトへ行って「CLEditor Version 1.3.0」をダウンロード CLEditer-ダウンロード CLEditorのサイトへいって 赤枠部分か
In computing, a WYSIWYG editor is a system in which content (text and graphics) displayed onscreen during editing appears in a form closely corresponding to its appearance when printed or displayed as a finished product, which might be a printed document, web page, or slide presentation. WYSIWYG is an acronym for "what you see is what you get". WYSIWYG implies a user interface that allows the user
CLEditor is an open source jQuery plug-in which provides a lightweight, full featured, cross browser, extensible, WYSIWYG HTML editor that can be easily added into any web site. Live Demo Go ahead, take it for a test drive. Highlight some text and click some buttons. The following demos are a great source for code samples and examples of how to use plug-ins.
Loading GIF or, so called loader gif is an animation that indicates a loading process on a web-site or an application. Being an critically important part of web-site and application design and usability, mostly the animations are used to show that something is loading on the background (e.g. AJAX applications). The animation objects are usually used in GIF format which is very popular due to it's
Case: Twitter to Zero 人気プロサッカー選手を起用したNIKEの“Just Do It.”キャンペーン。 キャンペーンの主旨は、プロスポーツ選手を支援するNIKEが、『サッカー選手(プロスポーツ選手)が最高のプレイを披露するには、それまでに何試合出場したか、通算何ゴール決めたか、何回ドリブルしたか、何度優勝したかなんて関係ない。ただ、毎試合初心に戻って全力でプレイすることがすべてである』という事実を、デジタルプロモーションにおいて実証し、訴求することです。 今回、同社がスポンサーを務めるアルゼンチンのプロサッカー選手、フアン・マヌエル・マルティネスに、自身のTwitterのフォロワーをすべて削除してもらいます。 Twitterのフォロワーを0にして初心にかえってもらい、その後の試合で全力のプレイを披露することで、“真のフォロワーを改めて獲得してもらおう”というチャレンジ
WordPressで使用するパス指定は絶対パスのものが多いですが、これをルートからの相対パスに変更する方法を紹介します。 How to make WordPress URLs root relative [ad#ad-2] このブログではパス指定では現状困っていませんが、ポータビリティ(サイトの移転)、ダウンロードサイズ、コードの簡潔さなどを求める際には相対パスの方が有利になります。 ルートからの相対パスにするには、下記のコードをテーマファイル内の「functions.php」に記述します。 ※「functions.php」が無い場合は作成してください。 PHP URLの文字列から「http(s)」と「ドメイン」を取り除きます。 function make_href_root_relative($input) { return preg_replace('!http(s)?://' . $
コードのインデントはタブ?スペース? クォートはシングル?ダブル? 人気のあるコーディングルールの統計 -Popular Coding Convention
お待たせしました! 先日、Twitterでつぶやいたコリス タイアップ企画のアイコン素材を紹介します。 当ブログでもお馴染みのFreepik.comから、100アイテム14セットの計1,400個が揃ったアイコン素材がコリス限定でダウンロードできます! Freepik.comはウェブやグラフィックデザイナーのためのベクターやイラストやPSD素材の検索エンジンで、日本語環境でももちろん利用できます。アイコンに特化したflaticon.comも運営しており、こちらには現在18,000個以上のアイコンが登録されています。 Freepik.comでアイコンの検索する時は、下記のページからが便利です。 Freepik.comでアイコンを探す 今日は、汎用性に優れた使いやすいアイコンをコリスのビジター向けにまとめてくれました。 ダウンロードできるアイコン素材のフォーマットは下記の通り。 .png (すぐ
指定したエレメントをクリックすると、ページ全体をフルスクリーンで表示したり、画像や動画をフルスクリーンで表示するシンプルで超軽量(1KB)のスクリプトを紹介します。 BigScreen BigScreenの特徴 BigScreenのデモ BigScreenの使い方 BigScreenの特徴 BigScreenはページ全体やコンテンツをフルスクリーンで表示するシンプルで軽量(minified:1KB)のスクリプトです。 対応ブラウザ Chrome 15+ Firefox 10+ Safari 5.1+ 動画コンテンツの表示は下記もサポートします。 Safari 5.0 iOS 4.2+ BigScreenのデモ デモはサイトのタイトル(BigScreen)のテキストをはじめ、画像や動画などをクリックすると、フルスクリーンで表示します。 BigScreenのデモ:動画 動画は右下のボタンをクリ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く