Style Guide Templates | Frontify
Future-proof your brand with digital guidelines on how to stay on-brand at every touchpoint. Use best-practice templates and over 40 customizable elements to get you up, running, and focused on developing your brand. Get rid of that PDF monstrosity. You no longer need to be a design wizard to get your company on-brand. Just use predefined templates, customizable elements, and in-line editing. Oh,
PNG画像の圧縮率が高すぎる可逆圧縮、そして非可逆圧縮との違いについて - TREVOスタッフ雑談blog
今まで画像の圧縮にはmacの「ImageOptim」という圧縮ソフトを利用していました。 「ImageOptim」は、png,jpg,gif等の画像を一気に圧縮してくれるソフトです。 そして、先日ホシナカズキさんが運営する「mbdb」というサイトの「ここまで小さくなるの!? PNGを非可逆圧縮する｢TinyPNG｣がスゲェ!!」でpngを圧縮出来るサイトを紹介していたので試したところ 12.4mb(277ファイル)あったファイルサイズが3.1mbまで圧縮する事が出来ました。 なぜ、画像を圧縮するかというとホームページの表示速度に関わる部分だからです。 表示速度の遅いホームページは離脱率が高くなるので、出来るだけページ内の画像等の容量を抑える事で高速表示が可能となり離脱率を下げる事が可能となります。
docs.esa.io
docs.esa.io にようこそ ここは esa の公式ドキュメントページです。 esaの使い方やヘルプ、esa運営からユーザーの皆様へのお知らせなどが書かれた、Publicなページ です。 何か不明な点がありましたら、このサイト内の情報をチェックしてみてください。 画面上部の 検索窓からも、キーワードで検索できます。知りたいことに関連するキーワードを入れて探してみてください。 FAQ (よくある質問) esaについて、よくお問い合わせいただく質問と回答をまとめています。
たてよこWebアワード2017
日本語組版において、縦書きと横書きの選択肢があるということは極めて自然なことですが、Webサイト制作の中で自由な組版を実装するための技術はこれまで標準化されておらず、縦書きの実装はJavaScript等による強引な手段でしか実現できないという問題を抱えていました。 私たち『縦書きWeb普及委員会』は、縦書きと横書きが混在する日本語組版の文化をWebに継承し、自由な組版を実装するための規格をWeb標準とすべく、Webに関連する各種技術の国際標準化団体であるW3Cと協議を重ねながら、CSSにおける新たな組版規格である〝Writing Modes〟の標準化に向け、様々な取り組みを行なっています。 『たてよこWebアワード2017』は、こうした取り組みのひとつとして、CSS Writing Modesを用いた縦書き実装の指標となるような優れたWebサイトを表彰することを目的としたアワードです。 縦
gms.life - Domain Name For Sale | Dan.com
Buyer Protection Program When you buy a domain name at Dan.com, you’re automatically covered by our unique Buyer Protection Program. Read more about how we keep you safe on our Trust and Security page. Next to our secure domain ownership transfer process, we strictly monitor all transactions. If anything looks weird, we take immediate action. And if the seller doesn't deliver on their part of the
JavaScriptで爆速グラフ・チャートが作成できる「CanvasJS」を使ってみた！ : うえぶはっく
ちょっとしたデータをサクッと「グラフ」や「チャート」にして、Webページに素早く公開したい人に最適なJavaScriptライブラリ「CanvasJS」のご紹介です！ 類似のライブラリはいくつかありますが、「CanvasJS」はわずか数行のコードですぐにグラフが作成でき、なおかつ豊富なパラメータをいじることで驚くほど細かいカスタマイズも実現できるのが特徴的です。 今回は、基本的な使い方を中心にご紹介しようと思います！ 必要なファイルを準備しよう！ 「CanvasJS」の本体ファイルは、サイトのトップページからダウンロードできますが、CDN経由からも利用できるようになっています。 https://cdnjs.cloudflare.com/ajax/libs/canvasjs/1.7.0/canvasjs.min.js これを、HTMLファイルに読み込みます！ // index.html <!d
HTMLとスタイルシート（CSS）の業務スキルレベル 判別表 （５段階） - 主に言語とシステム開発に関して
スキルチェックの目次へ HTMLおよびスタイルシート（CSS）を利用したWebページ制作の，簡易スキルチェックのための調査表。印刷用。 マークアップ・エンジニアとしてのレベルを測定する。 これは，「Webページをコーディングして作る人」全般に当てはまる。 レベルは，０から４までの５段階。 （０） 非エンジニア （１） 初学者（入門書を学習してゆく段階） （２） ノーマル（基礎的な知識があり，ある程度の画面を作れるようになった段階） （３） 中級者（Webアプリの開発プロジェクトで１人月としてカウントできる水準） （４） 上級者（メインPG/デザイナとして，Web UIの主担当を任せられる水準） Webアプリのプロジェクト開始時に作業振り分けをするにあたって，新規メンバ全員にこれを渡して回答してもらうという用途を想定。 なお，システム開発上のスキルをチェックする事が主眼なので，アーティスト（
HTMLのイメージマップを簡単に作成できるジェネレーター『Image Map Creator』
HTMLのイメージマップを簡単に作成できるジェネレーター『Image Map Creator』 Image Map Creatorはステップバイステップで簡単にイメージマップのHTMLを作成できるジェネレーター。 先ずは目的の画像のURLを指定して画像をロードします。 画像が読み込まれたら、リンクを張るエリアをマウスを使って指定していき、その部分のリンク先や代替テキスト・開くウィンドウを指定します。 複数エリアを設定する場合は、同じことを複数回繰り返すだけです。 指定し終わったら下のボタンをクリックするとHTMLコードが作成されるので、あとはそれをコピーして貼り付ければOKです。 コードは2種類作成され『HTML Map Code』は通常のイメージマップで使う<map>タグを用いたもので、『CSS Map Code』は<div>タグを使って擬似イメージマップ化したものです。 下は今回作成さ
ユニークな見せ方や動きを実装したい時に使えそうなスクリプト 10 - NxWorld
他ではあまり見かけることのないユニークな見せ方や動きを実装したいとき、遊び心あるイースターエッグを仕込んでおきたいときなどに個人的に使えそうだなと思ったスクリプトをまとめてみました。 ブラウザやデバイスによっては実装できないものも幾つかあるのでその点は注意が必要ですが、いずれもそこまで難しい記述などもなく実装することができます。 窓に水滴がついていく様子を表現できる「rainyday.js」 とにかく実際に動いているデモを見てほしいのですが、雨が降って窓に水滴が徐々についていく様子をリアルに表現することができるスクリプトです。 水滴のサイズやついていくスピード、ぼかしや不透明度具合を調整することができます。 水面に滴が落ちているような感じを表現できる「Raindrops.js」 コンテンツやセクションの区切りなどを水面に見立て、そこに滴が落ちてきたようなエフェクトを実装できるjQueryプ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
デザイン枠専門サイトFRAME Design – 1000以上の飾り枠のある素材サイト