81-web.comはWebサイト制作に参考になる日本の優れたWebデザイン・Webサイトギャラリー&リンク集です。81-web.com is a collection of excellent Japanese web design and web site galleries and links to help you create your own web site.
現在のウェブは、動画、写真、インタラクティブなコンテンツをふんだんに使用したウェブページやウェブ アプリであふれています。一般的にあまり知られていませんが、これらすべてを可能にしているのがウェブ技術とブラウザの相互作用なのです。.� ウェブ技術が徐々に進化するにつれて、ウェブ デベロッパーは便利で実体験のようなウェブ体験の新時代を築くことができるようになりました。今日のウェブは、オープンなウェブ コミュニティが、HTML5、CSS3、WebGL のようなウェブ技術の定義を支援し、あらゆるウェブ ブラウザでサポートされるように絶え間なく取り組んできた成果といえるでしょう。. このタイムラインのカラーの帯は、現在使用されている多くの優れたウェブ アプリケーションを実現した、ウェブ技術とブラウザの相互作用を表現しています。. もっと見る
TL;DR 少し前にサイト制作でさりげなく使われている CSS テクニックをまとめましたが、今回はそれを補足する形で、これから増えそうなもの、使っていきたいものを今後忘れないようにメモしておきます。 Photoshop ののように、乗算・オーバーレイなど背景色と背景画像を混ぜあわせたり、写真に色々な効果を付与することができるbackground-blend-modeプロパティ。シンプルな例では、以下のように背景写真と背景色を合成することが可能です。 .blended { background-image: url(face.jpg); background-color: red; background-blend-mode: multiply; } 効果一覧:multiply/screen/overlay/darken/lighten/color-dodge/color-burn/hard
via Impress Japan: Web制作者のためのSublime Textの教科書 今すぐ最高のエディタを使いこなすプロのノウハウ サンプルPDF4章の目次より ※説明は私の調べたものなのでかなり適当です。 SideBarEnhancements サイドバー右クリックのメニューを拡張 titoBouzout/SideBarEnhancements LineEndings 改行コードの変更。 SublimeText/LineEndings ※現状、SublimeText3で動かないです。143Pのコラムで動かし方について言及がある模様。 TrailingSpaces 行末の半角スペースを削除。 SublimeText/TrailingSpaces Focus Last Tab Sublime Text 2 では、Chrome などのタブブラウザーと同じように command + 1
--About this site iOSアプリのアイコンギャラリーです。 アイコンのサンプルが大量に欲しくなったので作ってみました。アプリ開発者の方、デザイナーの方、アイコンデザインの参考に是非どうぞ。 iPhoneユーザーの方で、おしゃれなアイコンでホーム画面を彩りたい方のアプリ探しにもピッタリだと思います! 内容の不備やご意見・ご感想はxxmiz0rexx@gmail.comまで。 サイトについて詳しくは「このサイトについて」を御覧ください。 --Author @xxmiz0rexx( Google+) ウェビメモというWEB関連のブログをやっています。 WEBクリエイターとしてお仕事を請け負っていますが、 最近アプリデザインのお仕事もしています。個人PJでFeedDropというニュースフィードアプリをリリースしました。(詳しくはこちら)
Learn Modern Web Development in a Fraction of the TimeSharpen your skills and stay current with the modern stack. Start Today. Your deep catalog of byte-sized courses Get access to 1000s of to the point, practical video lessons on modern web development. egghead courses are focused and don't waste your time. There's no meandering, no fluff, no filler. Just the best, most relevant content for moder
前回iOSアプリのデザイン指示書についての記事でも少し触れましたが、iOS開発の画像素材の書き出しはデザイナーが担当するのが一般的なようです。しかし実際にコードを書けない多くのデザイナーにとっては、どんな画像をどのように書き出せばいいのか不安になってしまうことも多そう。 というわけで今回は、主にアプリデザインの経験のないデザイナーさんに向けた簡単なtipsと、最後にちょっとグレーだけど使い所によっては効率があがるぼくなりの手法も少し紹介してみたいとおもいます。 基本的なこと デザインは横幅640ピクセルで作る 基本的なところですね。後述しますが、Retina対応したiPhoneとそうでないもののふたつの解像度の画像が必要になるのでどちらも兼ねるこの解像度で作ります。 非Retina端末のために半分のサイズの画像も用意する 実際にXcodeでの開発は横幅320pxをベースに実装するので、もと
こんにちは。みぞれです。最近アプリのデザインをするようになって アイコンのサンプルが大量に欲しくなったので、思い切ってサイトにしてみました。 日本のサイトだからこそ国産アプリ多めです 海外のギャラリーサイトもクオリティが高く参考にはなるんですが、私たちが作るのは日本人向けのアプリ。やっぱり参考にするのも国産アプリのアイコンの方がしっくり来ると思うのです。 とくに上記のような日本独特のアイコンデザインをしたい時はやはり国産アプリから探さねばなりません。 (画像のアプリはこれから登録予定です・・・ごにょごにょ) 色別、タグ別、タイプ別、カテゴリ別。 アイコンを探す時に色(ベースカラー)から絞れたり、タグから絞れるように作りました。 色 時には「女の子向けだからピンク系でいきましょう!」などと、色から始まる製作もあると思います。そんな時は色で絞ればOKです。 タグ 例えばクライアントさんに「本の
Account Suspended This Account has been suspended. Contact your hosting provider for more information.
ユーザー獲得のためのグロースハック事例20個(アプリ・WEBサービス)今回はユーザー獲得に焦点を絞り、グロースハック事例を紹介します。また、アプリだけでなく、WEBサービスの事例もいくつか紹介しています。今後の改善のヒントが何かしらあれば嬉しいです。 ▶LP→登録 ①ダウンロードボタンを1つに カップルのメッセージアプリcouple(元Pair)では、スマホ用のLPがあります。そこでiPhone、AndroidそれぞれDLボタンがあるのではなく、ボタンは1つにし、端末ごとに飛ばすURLを変えています。 (参考)Growth Hacking: Designing Channels for Web & Mobile Apps ②検索結果から直接AppStoreへ 女子限定フリマアプリFrilでは、検索結果のタイトルをタップすると、AppStoreが開きすぐにダウンロードできます。写真アプリCa
スタートアップと言えば米国発のイメージが強いですが、フィンランド発のAngry Birdsや、スウェーデン発のSpotifyなど、実は米国以外の国から生まれたスタートアップも少なくありません。今回のMEMOPATCHでは、最近GoodpatchにJoinしたドイツ人のBorisが紹介してくれたドイツ発のサービスについて紹介します! ResearchGate http://www.researchgate.net/ ResearchGateは科学者や研究者のためのソーシャルネットワークで、論文の共有や意見交換などをすることが出来ます。世界中で300万人以上のユーザーに使われており、ビル・ゲイツなどから3500万ドルもの資金を調達しています。 Salon.io http://salon.io ドイツの9elementsが手掛けるSalon.ioは、ドラッグ&ドロップをするだけで誰でも簡単にサイ
COPYRIGHT (C) 2013 SAGAMI RUBBER INDUSTRIES CO.,LTD. ALL RIGHTS RESERVED.
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
This board is a showcase of some of the best examples of UI Design for Mobile Apps and the Web.
スマートフォンサイトを作るときにヘッダーにメニューアイコンを設置してクリックするとメニューリストがでるようにすることがあります。ナビゲーションの表示の仕方やアニメーションは色々あるのでまとめました。最近は、流行り?なのかFacebookのアプリように横から出てくるメニューが多いです。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く