【HTML】知っておくと便利！短いHTMLコードで実装できる小技テク17選 - PhotoshopVIP

2021/05/24 16 users 意訳 PhotoshopVIP CSS 実装 著者

海外サイト Marko Denic で公開された HTML Tips を著者 @denicmarko より許可をもらい、意訳転載しています。 この記事では、あまり知られていないHTMLの小技20個を実例サンプルと一緒にご紹介します。 CSSやJavaScriptなども使わずに、わずかなHTMLコードだけで実装可能な便利テクニックで、手軽に利用できるのもポイ... 続きを読む

デザインの変更に合わせてHTMLを変えるのではなく、CSSでさまざまなデザインを適用する実装テクニック | コリス

2020/06/16 14 users CSS Grid トライアンドエラー 過程 コリス 見た目

デザインの変更に合わせてHTMLを変えるのではなく、HTMLコードを変更せずに、CSSでさまざまなデザインを適用する時に役立つ実装テクニックを紹介します。 CSS GridとFlexboxそれぞれの効果的な使い方、コードの並び順と見た目の並び順を変える方法など、トライアンドエラーの過程も解説されているので、勉強になると思い... 続きを読む

マイクロソフト、手描きスケッチからHTMLコードを自動生成する「Sketch2Code」 - CNET Japan

2018/09/05 105 users マイクロソフト 手描きスケッチ CNET Japan 技術

Microsoftは、手描きしたWebアプリ用ユーザーインターフェイス（UI）デザインのスケッチ画像を読み込み、実際に動くHTMLコードを自動生成する技術「Sketch2Code」を開発した。 この技術を使えば、ブレインストーミングで出されたアイデアを整理してホワイトボードに描いたUIデザイン案を撮影し、その場で実動プロトタイ... 続きを読む

Microsoft、手書きのUIスケッチをHTMLに変換する「Sketch2Code」を発表：AIで手書きの図形と文字を認識 - ＠IT

2018/09/04 168 users 図形 手書き Microsoft ユーザ HTML

AIで手書きの図形と文字を認識：Microsoft、手書きのUIスケッチをHTMLに変換する「Sketch2Code」を発表 Microsoftは、手書きでスケッチしたUI画面をHTMLコードに自動変換するWebベースソリューション「Sketch2Code」を発表した。 Microsoftは2018年8月30日（米国時間）、ホワイトボードなどに手書きでスケッチしたユーザ... 続きを読む

暗号化された電子メールが読み取られるおそれ--「EFAIL」脆弱性が明らかに - CNET Japan

2018/05/15 14 users EFAIL PGP おそれ- 脆弱性 CNET Japan

電子メールの暗号化に脆弱性があり、ハッカーらにメッセージを読み取られるおそれがあるという。 欧州の研究者らによって 「EFAIL」と名付けられたこの脆弱性 は、PGPなどの電子メール暗号化規格を破るものではないが、電子メールクライアントがHTMLコードを読み取る方法に関連する脆弱性を利用する。ハッカーらはこれを利用して、不正なHTMLタグ（外部にロードされた画像へのリンクなど）を埋め込んだ電子メー... 続きを読む

ASCII.jp：問い合わせフォームを簡単に設置できる「Tayori」 法人向け新機能搭載

2018/05/10 16 users Tayori ウェブページ チャット アイコン ロゴ

Tayoriブランドロゴを紙飛行機に変更 PR TIMESは5月8日、カスタマーサポートツール「Tayori」のロゴを刷新し、法人向け新機能を搭載したと発表。 Tayoriは、問い合わせフォームやチャットを簡単に設置できるサービスだ。1行のHTMLコードを入れるだけでウェブページに導入可能。アイコンやiframe形式、リンク形式にて設置できる。ページごとに問い合わせ窓口があることで、サイト訪問者は... 続きを読む

web制作の自動化が進む！　画像から自動コーディングする深層学習プログラムが公開 | Ledge.ai

2018/01/18 821 users Ledge.ai 自動コーディング FloydHub 自動化

web制作業界において、自動化ができそうで なかなか自動化できなかったのが、コーディング作業。 HTMLは確固に構造化されているので、コーディングの多くは単純作業でしたが、これまで自動化の手段がなく、煩わしかったのが正直なところ。 そんななか1月に、 画像のみからHTMLコードを自動生成するというプログラム とその解説が、 Floydhubのブログ上 で、公開されました。 こちらのプログラムは、p... 続きを読む

web制作の自動化が進む！　画像から自動コーディングする深層学習プログラムが公開 | Ledge.ai

2018/01/18 820 users Ledge.ai 自動コーディング FloydHub 自動化

web制作業界において、自動化ができそうで なかなか自動化できなかったのが、コーディング作業。 HTMLは確固に構造化されているので、コーディングの多くは単純作業でしたが、これまで自動化の手段がなく、煩わしかったのが正直なところ。 そんななか1月に、 画像のみからHTMLコードを自動生成するというプログラム とその解説が、 Floydhubのブログ上 で、公開されました。 こちらのプログラムは、p... 続きを読む

Apple PayをインバウンドECに活用--Stripeが国内アップデート、130通貨に対応 - CNET Japan

2017/09/01 13 users Stripe Twitter Facebook ウェブサイト

決済プラットフォームを提供するStripeは8月31日、ECサイトにおける決済方法にApple Payを追加したと発表した。 Stripeは、グローバル規模の決済プラットフォームを展開する企業で、Facebook、Twitter、Kickstarterといったサービスの決済領域を担っている。ウェブサイトに簡単に実装できるのが特徴で、数行のHTMLコードを埋め込むことでオンライン決済に対応するという... 続きを読む

【SEO】h1タグをHTMLコードの上のほうに書くとSEOで有利？ - 検索サポーター

2015/10/08 12 users SEO Tweet グーグル 検索サポーター Web担

2015-10-08 【SEO】h1タグをHTMLコードの上のほうに書くとSEOで有利？ SEO 検索 コンテンツ Tweet 結論：そんなことはありません 少し前のネタなのですが、『Web担（Web担当者Forum）』のエントリー「クリックで出現するコンテンツをグーグルはインデックスしない | 海外&国内SEO情報ウォッチ | Web担当者Forum」のテーマ「H1タグをHTMLコードの上のほう... 続きを読む

スマホで撮って実家のテレビへすぐに届く！IoTサービス「まごチャンネル」 |　クラウドファンディング　-　Makuake（マクアケ）

2015/09/14 57 users 下方 用途 Makuake プロジェクト概要 マクアケ

下方のHTMLコードをコピーして、あなたのWebサイトやブログに用途に あわせて様々な形のプロジェクト概要を表示して応援しよう！ 310x390160x420460x200160x1601000x287 まごチャンネルは、 「スマホで子どもの動画や写真を撮るだけで、離れて暮らすご実家のテレビにすぐに届く」 サービスです。 セットアップが簡単です：まごチャン受信ボックスをご実家のテレビにケーブル一本... 続きを読む

Flickr の貼付け用 HTMLコード (HTML embed) に余計なものが入るようになった

2015/07/09 17 users Flickr WebTool フォーマット デフォルト 上下

Flickr の貼付け用 HTMLコード (HTML embed) に余計なものが入るようになった 2015-07-09-4 [WebTool] Flickr ですが、個別写真ページにある貼付け用 HTML コードのフォーマットが変更になったようです。普通に画像だけをブログに貼りたいのに上下に余計な情報が出るようになりました。上にユーザ名、下にタイトルと説明。いらないからこれ。 デフォルトで出ない... 続きを読む

ブログの「読者になる」ボタンを自由に設置できるようにしました（ほか、読者機能に関するいくつかの改善） - はてなブログ開発ブログ

2015/05/19 20 users ほか ボタン 読者 改善 読者機能

はてなブログでは、ブログの「プロフィール」モジュールに表示される「読者になる」ボタンを自由に設置できるよう、貼り付け用のHTMLコードを取得できるようにしました。ブログのデザインにあわせてヘッダ・フッタ、サイドバーなどの任意の場所、あるは記事本文中に「読者になる」ボタンを表示したり、外部のサイトからも読者になってもらうことができます。どうぞご利用ください。そのほか、自分が読者になった購読中のブログ... 続きを読む

安全に楽しく料理を学べる！次世代のスマートなおもちゃ「ダンボッコ」 |　クラウドファンディング　-　Makuake（マクアケ）

2015/01/26 20 users 下方 ダンボール Makuake 用途 プロダクト

下方のHTMLコードをコピーして、あなたのWebサイトやブログに用途に あわせて様々な形のプロジェクト概要を表示して応援しよう！ 310x390160x420460x200160x1601000x287 ダンボールとスマホだけで遊べるおもちゃ「ダンボッコ」シリーズの 第一弾製品である、「ダンボッコ キッチン」の量産化を目指したプロジェクトです。 ※本プロジェクトで集めた資金は、プロダクトの初期ロッ... 続きを読む

Workflowでリンク先紹介用htmlコードを取得するフローを作ってみた。 | りんろぐ。

2015/01/04 31 users workflow iPhone rin_wan フロー アプリ

iPhoneで作業を自動化するアプリ、Workflowを使ってリンク先を紹介するhtmlコードを取得するアクションを作ってみたのでご紹介します！冬休みがあともう終わるなんて夢だと信じている凛(@rin_wan)です。 去年iPhoneヘビーユーザーの一部で話題になったWorkflowというアプリ、私も使って遊んでいます。 ふと、そのアプリを使ってリンク先を紹介するhtmlコードを簡単に取得出来ない... 続きを読む

世界最小！「Qrio Smart Lock」で世界中の鍵をスマートに |　クラウドファンディング　-　Makuake（マクアケ）

2014/12/12 81 users Makuake キュリオ マクアケ 下方 用途

下方のHTMLコードをコピーして、あなたのWebサイトやブログに用途に あわせて様々な形のプロジェクト概要を表示して応援しよう！ 310x390160x420460x200160x1601000x287 「ものづくりとインターネットの力で家の中をもっと便利に、楽しくしたい」 そんな想いから生まれたのが「Qrio Smart Lock（キュリオ スマート ロック)」です。 様々な条件のドアに取り付け... 続きを読む

日本にいるWeb制作者に必要な英語力は「英会話」ではない | Webクリエイターボックス

2013/06/09 268 users 英会話 Webクリエイターボックス メリ 英語力 WEB制作者

私達Webサイトの制作者は、常に英語と関わっています。なぜならHTMLコードやプログラミング言語は英語をベースに作られているからです。そのため、Web業界界隈では英会話上達方法についてのブログ記事がよく話題になります。しかし、本当に英会話って必要なんでしょうか？海外の企業に就職するのであれば、英会話は必須ですが、日本にいるWeb業界の人達はどうでしょう？ Web制作者にとって英語ができることのメリ... 続きを読む

いいね! ボタンのHTMLコード7/10までに変更必要かも ・ ロゴ新デザインに：そのまま会議に出せる！Facebookネタ | Web担当者Forum

2013/06/04 39 users Facebookネタ Faceb Web担当者Forum

Web担トップ « 編集記事一覧 « そのまま会議に出せる！Facebookネタ « いいね! ボタンのHTMLコード7/10までに変更必要かも ・ ロゴ新デザインに：そのまま会議に出せる！Facebookネタ ««新しいFacebook体験を！「Facebook Home」提供開始：そのまま会議に出せる！Faceb… 連載そのまま会議に出せる！Facebookネタ いいね! ボタンのHTMLコー... 続きを読む

Webページから直接Googleドライブにファイルを保存できるボタンが登場 - ITmedia ニュース

2013/05/10 28 users Googleドライブ ファイル ボタン 登場 API

米Googleは5月9日（現地時間）、Webページの画像やファイルを直接Googleドライブに保存するためのボタン「Save to Drive」の提供を開始したと発表した。Webオーナーは、2行のHTMLコードを追加するだけで、このボタンをページに設置できる。ボタンの設置方法はGoogle Developersのページに説明がある。 また、Save to DriveボタンのAPIを利用することも可... 続きを読む

Google、すばやく「Driveに保存」- Web用ボタンを用意 | エンタープライズ | マイナビニュース

2013/05/10 13 users 米Google ファイル Google Drive 現地時間

米Googleは9日 (現地時間)、Webサイトから直接ファイルをオンラインストレージサービス「Google Drive」に保存できるようにするWeb用ボタン「Save to Drive」を用意した。 Web開発者は2行のHTMLコードを用いるだけで簡単にWebサイトにSave to Driveボタンを追加できる。またはSave to Drive用のJavaScript APIを使えば、より柔軟に... 続きを読む

「LINEで送る」ボタンを手軽に設置できるようになりました : LINE公式ブログ

2013/01/17 59 users line ボタン LINE公式ブログ 友だち トーク

2013年01月17日12:50 カテゴリ: | おしらせ 「LINEで送る」ボタンを手軽に設置できるようになりました Webサイトの情報をLINEの友だちにトークやホーム・タイムラインに送ることができる「LINEで送る」ボタンについて、HTMLコードを自動的に発行できる手軽な設置方法と、開発者向けに画像を送ることができる技術使用を公開しました。 HTML発行による手軽な設置方法昨年12月に公開し... 続きを読む

OneClickCSS

2013/01/07 340 users OneClickCSS less SCSS Sass 従来

OneClickCSSはHTMLコードを元に、様々なStyleSheetを自動生成するサービスです。子孫セレクタ、小セレクタ、Less、Sacc、Scssを１クリックで自動生成します。What's this? HTMLソースをもとに、id,class名CSS、子孫セレクタCSS、子セレクタCSS、LESS、SASS、SCSSを自動生成するオンラインサービスです。 従来のHTMLコーディグを強力にサ... 続きを読む

「LINEで送る」ボタン、まずはスマートフォン向けWebサイト・アプリ開発者向けに公開 : LINE公式ブログ

2012/12/21 26 users line ボタン 現時点 LINE公式ブログ アプリ開発者向け

2012年12月21日15:16 カテゴリ: | サービス 「LINEで送る」ボタン、まずはスマートフォン向けWebサイト・アプリ開発者向けに公開 11月6日に発表しました「LINEで送る」ボタンを、まずはサイト開発者向けに公開しました！ 現時点では、Webサービスやアプリの開発者向けに技術仕様を公開しており、個人のサイトやブログなどで手軽に設置できるHTMLコードは来年以降提供予定です。  「L... 続きを読む

HTMLコードを解析して問題箇所と理由を知らせてくれるブックマークレット・HTML_CodeSniffer - かちびと.net

2012/12/06 414 users net 問題箇所 理由 lint GitHub

HTMLの構文チェックをその場で できるブックマークレットです。 問題箇所の数や、問題箇所もお しえてくれます。割と便利そう だったのでご紹介してみます。 HTMLのlintです。ブックマークレットを起動させてその場で解析、問題箇所も教えてくれます。 HTML_CodeSniffer OSSとしてGithubでも公開されてますので日本語に直しての利用も出来ますね。 ↑ 起動させるとすぐに解析してく... 続きを読む

CSSレイアウトをWEB上でサクッと作れる「PageBlox」:phpspot開発日誌

2012/11/30 69 users PageBlox export phpspot開発日誌 効率

CSS Layout Generator | PageBlox - home CSSレイアウトをWEB上でサクッと作れる「PageBlox」。 次のような画面で、カラム幅をクリックで簡単に拡大縮小できたり、ブロック要素を消したり移動したり、追加したりといったことが自由にできます。 基本となるテンプレートを選んで修正すればより効率があがりそうです export で簡単にHTMLコードを生成できます。... 続きを読む