Free Bootstrap 5 Material Design Admin Product description The most complex and innovative Dashboard Made by Creative Tim. Check our latest Freebie Bootstrap 5 Dashboard with a fresh, new design inspired by Google's Material Design 2. Designed for those who like bold elements and beautiful websites, Material Dashboard 2 is ready to help you create stunning websites and web apps. We created many ex
スライドバナー/カルーセルに必要なのは「切り替え矢印」ではなく「ラベル」
[対象: 中級] スライドバナーやローテーションバナー、カルーセルなどいくつかの呼び名がありますが、横方向にスライドして切り替えるタイプのパーツがあります。 見た目は格好いいのもののユーザーエクスペリエンスの観点から見ると決して好ましいものではありません。 「自動的に切り替わるローテーションバナーを使うべきでない」と以前にこのブログで解説しました。 しかしもっと言ってしまえば、自動切替でなく手動切替であってもスライドバナーは使うべきではないようです。 300万の訪問のうちスライドバナーをクリックしたのはわずか1%だったとの結果がある調査で出ています。 それでもスライドバナーをどうしても使いたいウェブデザイナーのために、スライドバナーのベストプラクティスをここでは紹介します。 Googleで、ウェブのパフォーマンスアップを専門にしているディベロッパー・アドボケートのIlya Grigorik
PHP: The Right Way
デザインパターン ウェブアプリケーションのコードやプロジェクトを作っていくにはいろんなやりかたがあって、 どんなふうに作るか考え抜くのもありだし適当に作るのもありだ。 でも普通は、一般的なパターンに従うほうがいい。そのほうがコードを管理しやすいし、 他の人にもそのコードを理解してもらいやすくなるからである。 Architectural pattern (Wikipedia) デザインパターン (Wikipedia) 実装サンプル集 ファクトリー 最も多用されているデザインパターンのひとつが、ファクトリーパターンだ。このパターンでは、 使いたいオブジェクトを生成するだけのクラスを用意する。ファクトリーパターンの例として、 こんなコードを考えてみよう。 <?php class Automobile { private $vehicleMake; private $vehicleModel; p
inspired-ui.com - このウェブサイトは販売用です！ - inspired ui リソースおよび情報
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
lovely ui
device: iphone / ipad / android / app icons / app store / badges / buttons / calendars / capture / coach mark / comments / compose / count / detail / empty states / feed / graphs / home / icons / launch screen / list / login / maps / media player / navigation / notifications / popovers / profile / search / settings / share / stats / walk throughs / trends: circles / gradients / ghost buttons / rai
UI-patterns.com
User Interface Design patterns are recurring solutions that solve common design problems. Design patterns are standard reference points for the experienced user interface designer. Product Insights at your fingertips. Our confidence-boosting product tools for business growth are practical guides and strategies that will immediately amplify the expertise of you and your team.
保存版！カラーの勉強に役立つインフォグラフィックのまとめ
ウェブや印刷のカラーセオリー、ウェブやロゴで人気のカラー、カラーがもつ意味や心理的にどのような影響を与えるか、女子・男子っぽい配色など、カラーの勉強に役立つインフォグラフィックを紹介します。 各リンク先に、保存用の大きいインフォグラフィックがあります。
プログラマーがイラレで絵を描けるようになると、こうなる - ppworks.jp
プログラマー、絵が描けないじゃないですか（偏見） こんなじゃないですか。 なので描けるようになりたいなとずっと思っていて、ベジェ曲線って滑らかでナンカヨサソウ、とチャレンジしました。 「ベジェ曲線」習熟ドリル 7,8年前に買ったのがこれ。そう、チャレンジは2回目なのです。前回は3ページぐらいで挫折してました。んで、最近急に暇になったのをキッカケに「よしやろう」という気になり始めたのです。 改訂二版〈Illustratorで学ぶ〉「ベジェ曲線」習熟ドリル 作者: 中村高之出版社/メーカー: ラピュータ発売日: 2005/04メディア: 単行本購入: 2人 クリック: 8回この商品を含むブログ (4件) を見る (2014.1.10追記) なんと、長らく手に入りにくかったこちらの書籍が新装改訂版で再登場とのこと。 表紙が若干、損していた分、今回はスタイリッシュで内容と合っていてヨサソウです。
bootstrap-sass でレスポンシブなはてなブログのテーマを作る - MANA-DOT
最近このブログのテーマを一新しましたが、その際に Bootstrap を利用しました。 はてなブログで Bootstrap を利用するために、sass によるセレクタの継承、uncss による不必要なセレクタの除去と一手間かけたので、その方法を紹介します。 はてなブログのテーマで Bootstrap を使うために sass の extend を使う はてなブログのテーマは、基本的に用意された html に対して当てる css をカスタマイズすることが出来るだけです。 Bootstrap を利用する場合、通常だと Bootstrap で用意されたクラスを html の要素に振っていくこととなると思いますが、予め html が用意されているため、それが出来ません。 そこで、bootstrap-sass を利用して sass でテーマ css を作り、Bootstrap のクラスをはてなのデザイ
Ridley Scott: HR Giger was 'true original'
Alien director Sir Ridley Scott has paid tribute to Swiss artist HR Giger, who has died aged 74 - describing him as "a true original". Giger was best known for his xenomorph alien design in Sir Ridley's sci-fi horror masterpiece for which he won a visual effects Oscar in 1980.
はてなブログのidとかclassとか - kyabana's blog
はてなブログで「デザインテーマコンテスト」が開催されています！ オリジナルデザインを投稿してAmazonギフト券を当てよう！ 「はてなブログ デザインテーマコンテスト」開催 - はてなブログ開発ブログ 使われている"id"や"class"がわかっていると デザインしやすいのでザックリさらってみました。 おおよそこんな感じ。 body（トップページで.page-index、記事ページで.page-entryが追加）div#globalheader-containeriframe#globalheader（ヘッダ[メニューやHatena Blogロゴ、Hatenaロゴなど]）div#containerdiv#container-innerheader#blog-titlediv#blog-title-inner（タイトル画像）h1#title（ブログ名）h2#blog-description（
ソフトウェアにうまい前提を与える - はこべにっき ♨
ソフトウェア機能が、普通はユーザはこういう利用方法はしないだろう、という前提にもとづいて作られていることがある。 先日の経験を例に上げると、ちょっと理由があって自分のGmailの全メール一度にアーカイブ操作をしてみようとしたことがある。メールは8万件くらいあった。普通のユーザは一度に8万件もアーカイブ操作をしたりしないと思う。 実際に操作を実行してみたところ、「実行しています」というようなメッセージがしばらく表示された後、「リクエストの実行に問題が出ているようです」というようなメッセージが表示されてしまった。メッセージの内容は不安に感じるところがあったが、結果としては、すべてのメールがちゃんとアーカイブされため、大きな不満はなかった。 ユーザがこういうめちゃくちゃなことをすることは稀であり、一般的なリクエストのタイムアウトを過ぎたために、UIが問題を報告したのだと思う。実際にソフトウェアを
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
https://cdn.jsdelivr.net/gh/sylvainpolletvillard/postcss-grid-kiss@0.6.1/playground/index.html
Create atomic design systems with Pattern Lab - Pattern Lab
Designspiration - Design Inspiration | Inspirational Art, Photography & Typography Images
Mobile Patterns - UI UX Inspirational Gallery for iOS and Android
UIデザインに役立つツール
Little Big Details
eternalheart.com
TOKYO REVERSE - EXTRACTS #01 on Vimeo
