Oxygenna - WordPress Bootstrap Theme DevelopersCheck out our new Material Admin template. Choose between 4 frameworks, Angular, React, HTML or Sketch!
面倒なレスポンシブイメージの画像作成を自動化してくれる神ツールとブレイクポイントの考え方
レスポンシブイメージ、使ってますか？ ウェブサイトの表示パフォーマンスの最適化をする際に、一番手っ取り早いのが画像の最適化です。そこで、イメージオプティム とかMac Automatorとpngquantなどのツールを駆使して一生懸命に画像自体を最適化したりレスポンシブイメージを使って画像を出し分けたりするわけですけども、特にレスポンシブイメージは手動でやるのは正直言ってかなり面倒です。 そ・こ・で！ 本日ご紹介したいのが「Responsive Image Breakpoints Generator 」です。このツールを使えばレスポンシブイメージの複数画像の作成やHTMLの記述を自動化できて、しかも！アートディレクションまで自動化できるんです。 ということで、今回はレスポンシブイメージについての簡単なおさらいと、画像作成の基本的な考え方、それから自動化について書いてみます。 では、行ってみ
フロンティア株式会社 採用サイト | 色づけ、わたし。
あなたの色は何色ですか? 人はそれぞれ違った色を持っている。 カタチも違えば大きさも違う。 いろんな会社、いろんな人、いろんな組織との 関わりの中で、 いろんな色をつなげて変化する。 フロンティアはそんな会社です。 人を、未来をアナタがつなげる。 人はそれぞれ違った色を持っている。 カタチも違えば大きさも違う。 あなただけの色で、いろんな会社、 いろんな人、いろんな組織の未来をつなげていく。 フロンティアはそんな会社です。
続 画像サイズ「今後心配なRetina対応について！」 | 写真撮る人鈴木遥介
以前ウェブの画像サイズについてブログに書きました。 参考ブログ：画像サイズ「WEBにおける解像度が不要な理由」 そんななか、最近ちらほらと目につくようになったのが「Retina対応」というキーワード。 みなさんご存知でしょうか？ Retina対応とは RetinaというのはiPhoneなどApple製品で採用されているディスプレイの名称です。 それまでのディスプレイと比べるととても高精細になり、より広い範囲を小さな画面で表示することが可能になりました。 Retinaディスプレイになり高精細な画面になると一部分の写真・画像がぼやけたようになり「荒く」見えるようになってしまい、「Retinaに対応しなくては！」となったわけです。 今ではRetinaだけでなく、GalaxyやXperiaなども高精細なディスプレイを搭載するようになってきたので「Retina対応」はiPhoneだけの問題ではなくな
UXデザインを改善する、参考にしたいアニメーションの使い道4つまとめ
動き（英: Motion）は物語、ストーリーを伝えます。たとえば「これを今、見てみましょう。」、「操作がうまく完了しました。」など、あまり長くなく、複雑ではないストーリーなどです。 アニメーションの目的は、ユーザーを楽しませることではなく、ユーザーが今何が起こっているか理解したり、より効果的なアプリの使い方を説明することにあります。このアイデアについて、Zurb では次のように述べています。 我々は、静的な画面スクリーンをデザインするだけではもはやありません。どのようにユーザーがスクリーン画面から、実際に閲覧するコンテンツに誘導できるかデザインすることが重要になります。 アニメーションは、美しさと機能性を統一するために、幅広いコンテンツに利用されています。ユーザーの行動やステータス状況、ユーザーの注目を集めたり、実行したアクションの結果をうまく伝えたり、さまざまな要素に影響しています。 今
脳に優しいデザインを！「Vertical Rhythm」の基本と実現方法 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、デザイナーの王です。 どうも近頃はいぬ肌が恋しく、無性にワンコちゃんをなでなですりすりしたくてうずうずしるのですが・・ こういう写真を眺めているだけで心がほわ～っとしてきますよね 久しぶりに記事を書きます。「Vertical Rhythm」と呼ばれているデザイン手法ご存知でしょうか？さり気なく取り入れることで、文章が読みやすくなったり、レイアウトが整ったりすることが期待できるという。 デザインに限った話ではないが、完璧な正解など存在しないと思うので、あくまで一つの考え方として捉えて頂ければと思います。 実例を挙げながら進めて行きますので、「Vertical Rhythm」の考え方とその良さ、便利さをきっと理解してもらえるんじゃないかと思います。 前書き クライアントに「説得力のあるデザイン」を届けよう！ LIGでデザイナーをやってて、よくベテランデザイナーさんにこういう風に言わ
人人彩票
PC商城支持IE9+浏览器 兼容1024+分辨率 最新购物流程 手机微信商城支持所有手机屏幕 手机打开自动转入手机版 数据和PC同步 微信小程序自带微信小程序 直接上传即可使用 App安卓 + IOS双平台 提升网站形象 微信公众号对接直接对接微信公众号 设置微信菜单 微信定向回复 微信/支付宝/银联微信付款 + 扫码支付 支付宝付款[含扫码] 常见银联卡付款 短信验证/通知注册手机短信验证 发货短信通知 手机短信找回密码 实时物流状态支持多家快递公司 订单直接查看物流状态 实时更新 极致SEO优化HTML + DIV + 绝对路径 搜索页面优化 专题优化页面 新页面主动推送百度新商品主动推送百度 新资讯主动推送百度 保证第一时间收录 全站自动推送百度客户浏览页面自动推送百度 支持全站所有页面 查看更多点击查看详细介绍 PC网站支持IE9+浏览器 兼容所有分辨率
WEBデザインのメインビジュアルまとめ
メインビジュアル、キービジュアル、タイトルバナーとか呼ぶのでしょうか。 ＷＥＢサイトのメインになるイメージ画像のデザイン集。メインイジュアル制作の参考に。 サイトイメージを端的に表現したもの、コンバーションに直結しそうなものを中心に集めてみました。
Footfolio | 無料動画素材 ロイヤリティフリー
無料動画素材 2014 Trailler 無料動画素材 Footfolio About Footfolio 「Footfolio」=”footage(映像素材)“+”portfolio(画集)“。たくさんの方々に良質な 無料動画素材 をたくさんご提供できるところとなれば幸いです。 Footfolioの動画はすべて無料となっております。著作権表示やリンク、ユーザー登録の必要もなく、個人法人を問わずロイヤリティフリーでお使いいただけます。結婚式の自作プロフィールビデオ(生い立ちビデオ)、VJ、卒業制作、MAD、ペットのメモリアルビデオ、お店やコミュニティのプロモーションムービー、各メディア制作物などあらゆる映像制作物にご使用いただけます。 無料動画素材 をご使用になられる場合は、必ずご利用規約をよくお読みになり規約に従ってください。
Fonts In Use – Type at work in the real world.
Advertising (1830) Album Art (3527) Art/Illustration (462) Booklets/Pamphlets (2026) Books (5572) Branding/Identity (6907) Ephemera (1062) Exhibition/Installation (935) Film/Video (887) Infographics/Maps (487) Magazines/Periodicals (1641) Mobile/Tablet (766) Newspapers (255) Object/Product (958) Packaging (2043) Posters/Flyers (4846) Signs (1851) Software/Apps (285) Web (4689) Acumin (54) Adobe Ca
Hello Brackets - NxWorld
今から1年前ぐらいにメインエディタをSublime Textに切り替えた際にもとにかく高機能で使いやすかったので今後も使い続けると思っていたんですが、いろいろと比較した結果メインエディタをBracketsに切り替えることにしました。 まだ使い始めたばかりなので気になる拡張機能を片っ端から試してみたり自分が使いやすいようにいろいろといじろうとは思いますが、取り急ぎインストールしてみた拡張機能のメモや切り替える要因となったポイントなどを書き残しておこうと思います。 Bracketsとは ご存知の方も多いと思いますが、BracketsとはAdobeが提供しているエディタです。 Bracketsは、HTML／CSS／JavaScriptで開発されている、HTML／CSS／JavaScript用の新しいオープンソースコードエディターです。 新機能や機能拡張の開発を通じてプロジェクトに参加することをご
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
PSD Repo - Free Quality PSDs Available For Download
Free Design Resources – Daily Freebies for Creatives
tande lab.
Indo Insurance Plus
kawacolle
http://ri-mode.com/rainbow/2013/12/24/swap_contents_tab_jquery2/
Fonts, bootstrap themes, icons, ui kits & more
コンポーネント単位で考えるWeb制作
The Blog | Welcome to Adobe Blog
