CSSの面倒なコード、アニメーションやグラデーションやシャドウなど、表示結果を見ながらコードを生成でき、HTML5のよく使うスニペットや新要素、MetaタグやOGPやTwitterカードなどのコードを簡単に生成できるオンラインサービスを紹介します。 こういったコード生成は探せば見つかるかもしれませんが、まとまってると便利ですね。
![Web制作者はブックマークしておくと便利!HTMLやCSSやOGPやTwitterカードなどのコードを生成できるオンラインサービス](https://cdn-ak-scissors.b.st-hatena.com/image/square/2f7d24c7b0dfa86340e998aad8aa802e5f39c820/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201502%2F2015063003-01.png)
Photoshopのレイヤースタイルパネルを模したインターフェイスで、ドロップシャドウや角丸やグラデーションなどを生成できるCSSジェネレーターを紹介します。
“img2data” is the app genarates base64 encoded data url string from your local file. Works with modern browser feature called “File API” and “Drag and Drop API”. These allaw us to process file content locally without sending any data to server. So you can use this app safely even for confidential use.
Fringe81は5月24日、統計解析などの技術を組み合わせた自動広告生成・配信プラットフォーム「iogous」(イオゴス)を発表した。キャッチコピー、文字色、ビジュアル、背景色などを組み替え、数千種類以上のバナー広告を自動で生成し、クリックされやすいバナー広告のみを配信できる。 iogousはFringe81が独自開発した「クリエイティブ・オプティマイゼーション」技術を利用したプラットフォーム。統計解析を用いて、デザイン要素や文言を自動最適化する。 従来のバナー広告はデザイナーが制作したものを一定期間メディアに貼り付け、その後、効果を把握するという運用が一般的だった。そのため、どのくらいCTR(クリック率)が出るのかが読みづらいという課題があった。また一度掲載したバナー広告は手間の問題で差し替えが難しい。 結果的に、バナー広告のクリエイティブはデータではなく、デザイナーの経験と勘に頼るこ
body { font-family: 'Lucida Grande', 'Helvetica Neue', Helvetica, Arial, sans-serif; padding: 100px; font-size: 13px; } div { background: #fff; margin: 0 auto; width: 200px; padding: 100px; text-align: center; /* border-radius */ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; /* box-shadow */ -webkit-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px; -moz-box-shadow: rgba(0,0,0,0.2
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く