ざっくりAWS - このサイトについて
AWSの料金、ややこしいですよね。 従量課金と多様なオプションがあいまって、料金を計算するときに考慮すべき点が多いのが悩みどころですが、重要なパラメータは意外と限られています。そこで、パラメータを絞ってざっくり計算できるサイトを作りました。このサイトを作った当初は、公式のツールがSIMPLE MONTHLY CALCULATORという敷居が高いやつしかありませんでしたが、今はAWS Pricing Calculatorという良い感じのやつがあるので、使ったことがない方は試してみてください。 「ざっくりAWS」と言いつつ、計算ツールを公開する以上は、料金の目安として役に立つ金額を算出できるように努めていますが、実際に運用してみたら案外高かった・・・といった場合の責任は負いかねます。あくまでざっくり知りたいときに使ってください。
カードデザインのポイントと実装方法
カードデザインのポイントと実装方法Pinterestがカードスタイルのデザインを取り入れてから、TwitterやFacebookをはじめ、多くのWebサイトで採用されているカードスタイルのデザイン。今回はそんなカードデザインの特徴やデザインのポイント、実装方法などをまとめてみます！ PinterestTwitterFacebookカードデザインとは名前のとおり、カードのような四角形を並べたスタイルのデザインです。多くの場合、ひとつの項目に対して画像やテキスト、ボタン等、様々な要素が含まれています。EC サイトやコンテンツの多い Web サイトでよく見かけるスタイルですね。 Etsyは手作りの商品を販売できる EC サイト。商品の画像を大きく打ち出し、その商品に関する情報が掲載されています。ログインしていれば、詳細サイトにいかなくてもお気に入り登録などが可能。ページ移動をしなくてもなにかしら
ランキングの設計はどうあるべきか？｜深津 貴之 (fladdict)
「発見性」の強化のために、noteにランキングやホットエントリーに類するものをつけたいと思っている。しかしランキングやホットエントリーは、世間で思われている以上にデリケートなUIであるため、その設計は慎重に行われなければならない。下手な設計は、サービスのカルチャーそのものを破壊しかねないためである。 以下は、ランキング設計のための忘備録。 PVランキングは収奪的な設計であるPVランキングを設計する場合、まず最初に意識すべきことがある。それは本質的に、PVランキングは収奪的な構造であることだ。 「収奪的」とは、勝者が全てを独占してしまうことを意味する。 基本的にランキングに上位のコンテンツは、ユーザーの注目を獲得する。つまり、PVのあるコンテンツはランキング上位となる。そして上位コンテンツはその露出によって、さらにPVを集めてしまう。 結果、PVランキングは少数のコンテンツにPV、フォロワー
gridster.js
Plug in to the grid This is it, the mythical drag-and-drop multi-column grid has arrived. Gridster is a jQuery plugin that allows building intuitive draggable layouts from elements spanning multiple columns. You can even dynamically add and remove elements from the grid. It is on par with sliced bread, or possibly better. MIT licensed. Suitable for children of all ages. Made by Ducksboard. It's so
object-fit・currentColor・will-change・image-renderingなどマイナーだけど便利過ぎるCSSプロパティの使い方
object-fit・currentColor・will-change・image-renderingなどマイナーだけど便利過ぎるCSSプロパティの使い方 作成：2016/11/14 更新：2016/11/15 Web制作 > object-fit・currentColor・will-change・image-renderingなど、結構マイナーだけど、実用的なCSSプロパティをピックアップしました。 エンジニア速報は Twitter の@commteで配信しています。 object-fitプロパティはボックスに合わせて、アスペクト比を維持したまま画像サイズを調整できます。 例えば600×300の画像をCSSで400×400で指定したとすると正方形に引き伸ばされます。この時アスペクト比は崩れてしまいます。 しかし、imgにobject-fit: contain;を追加すると、imgに指定し
【拡散率アップ!?】ブログに「記事タイトルとURLコピーする」だけのボタンを実装したら色々便利でした！ | 株式会社ウェブ企画パートナーズ
【拡散率アップ!?】ブログに「記事タイトルとURLコピーする」だけのボタンを実装したら色々便利でした！ シェア つぶやく ブックマーク LINE Pocket この記事をご覧いただいた方の中には既にお気付きの方もいらっしゃると思いますが、「この記事のタイトルとURLをコピー」するボタンを実装いたしました。 一度試すとスグにわかりますが、単純に「記事タイトルとURLをコピー」するという、たったそれだけのボタンです。しかしとても便利なボタンを実装したのではないかと考えています。特にブログ運営者の方は、きっと拡散の手助けとなる（？）オススメなボタンです！ なぜこのボタンを作ったのか とある10代後半〜20歳前半の女の子をターゲットとするクライアント様へのリニューアルの提案時にソーシャルボタンはあったほうがいいかどうか、といったことが社内で議題に挙がりました。 記事を少しでもシェアしてもらうために
HTML5で複雑なアニメーションを実現する最適な方法とは？ CreateJSを使って容量もパフォーマンスも最適化しよう - ICS MEDIA
HTML5で複雑なアニメーションを実現する最適な方法とは？ CreateJSを使って容量もパフォーマンスも最適化しよう HTML5で複雑なアニメーションを実現する方法にはいつか方法がありますが、それぞれの手法について容量とパフォーマンスのメリット・デメリットを検証してみたいと思います。 スプライトシートを使う方法 ベクターアニメーションを使う方法 スプライトシートビルダーを使う方法 おまけ：GIFアニメーションを使う方法 おまけ：Flashアニメーションを使う方法 スプライトシートを使う スプライトシートとは映画のコマのようにアニメーションの全コマを画像として用意しておいて、順番に高速に切り替えることでアニメーションを実現する方法です。enchant.jsやCreateJSなど多くのJavaScriptのフレームワークで採用されており、もっともスタンダードな方法です。 表現の再現性が高いう
ブランディング・デザインコンサルティングファーム | DONGURI
DONGURI IS A PLAY COMMUNITY. WE WILL MAKE YOUR BUSINESS MORE ENJOYABLE. I WILL MAKE YOUR ORGANIZATION A MORE ENJOYABLE PLACE. NOW, LET'S PLAY WITH US. DONGURIは多様な専門家が共遊するプレイコミュニティです。 メガ〜ミドルベンチャーからスタートアップを対象とした組織変革コンサルタント。デザイン思考を軸にサービス変革に取り組むリサーチャーやファシリテーター。マーケティングを得意とするプランナー。ブランディングやアイデンティティ構築を主戦場とするデザイナーまで――。 多種多様な専門家がプロジェクトに合わせてチームを結成し、事業や組織の課題発見から、ハンズオンによる解決にまで取り組みます。 組織が成長していく過程で、大きなイシューに阻まれ、仕
RaNa extractive, inc.
クリエイティブ・ディレクションの知見とSNSやPRを活用した「心を動かす世界観作り」によって、サービスのリブランディング、コーポレートブランディングをお手伝いします。
gggBooks （世界のグラフィックデザイン）シリーズ | DNP文化振興財団
世界のグラフィックデザインシリーズ gggBooks gggBooks（世界のグラフィックデザイン・シリーズ）は、国内外の一流グラフィック・デザイナーの厳選作品をコンパクトに収録、個性溢れるイメージがぎっしり詰まった「ミニギャラリー」です。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Flat UI Colors 2 - 14 Color Palettes, 280 colors 🎨
Vook(ヴック)
Aadhunik Font
Google for Education - 教師と生徒向けのオンライン リソース
AWARD
gooddesigncompany
http://www.uitemple.com/
WEB制作・設計・提案 - ウェブデザインスタジオ│QUALT GRAPH クオルトグラフ
「かわいい」をつくるデザイン要素について
