CSS Reference An extensive CSS reference with all the important properties and info to learn CSS from the basics
モンゴルに行ってゲルに泊まり羊、草原で相撲して、乗馬、フリー素材も撮って帰った話 公開日:2024年8月28日 カテゴリ:お出かけしてきた 忙殺の中、モンゴルに行っても徹夜していて、「旅は自己投資」を改めて見直したい、すしぱくです。2024年7月下旬から8月上旬まで、モンゴルに行ってました。ちょうど、日経平均下落幅が過去最大 -4451円... 2023年に買ってよかったもの 公開日:2023年12月20日 カテゴリ:モノ ブラックフライデー後もほとんど価格が変わらない家電ってなんなのあれ。安いと釣られて飛びつく情弱感の哀れっぷりに名前をつけたいです。ブラックツラレデー。さて、僕が2023年に買ってよかった家電や機材類を... 理不尽な仕事の話 公開日:2023年9月29日 カテゴリ:雑記 「理不尽」の意味を調べてみたら。「理にかなわない仕方で行うこと、その態度・様子」という内容で、「因果
先日、ベースキャンプ名古屋にて開催された WCAN mini 2015 Vol.1 「UXデザインプロセスを活用したコンテンツの評価方法」(講師: 長谷川 恭久さん)の参加レポートとなります。 このセミナーでは、主に Web サイトにおけるコンテンツの実状と把握、その評価やより良いコンテンツを提案するための UX デザインの手法をレクチャーとワークショップを交え、5時間で学ぶというものです。 良いコンテンツを設計し提供するためには、ユーザーを理解すること・今のコンテンツを評価すること。これらは制作プロセスでは当たり前なことでも「できていない現実」に改めて気付かされます。いくつか自分なりの解釈も含めて、特に印象的だった内容をハイライトとしてレポートします。 良いコンテンツとは? 「良い」は誰が決めるのでしょうか。利用者、ユーザーです。コンテンツ提供者は、ユーザーになり代わって良いコンテンツを
Design Beautiful Typography One of the most popular applications for web designers is now a full-blown typography editor. Typetester classic that is known and loved by all is still online! Test and compare more than 2800 web fonts. The new Typetester is a WYSIWYG web typography editor. Create, export and share unlimited projects.
※各固有名詞のカタカナ読みはユーザーによって異なるため、一つの参考としてください。 InVisionってどんなサイト? InVisionは、デザインのラフスケッチを共有し、複数人でアイデアを出し合いながらデザインプロトタイプを作成できるサービスです。以下のような、Web業界をけん引している一流企業もデザイン段階でInVisionを取り入れているそうです。 Evernote、ebay、razorfishなどの、世界中で知られているWeb企業も、こぞってInVisionを愛用しています。スタートアップ企業として「アジャイルで競争に打ち勝つ」ため、グローバル企業として「より良い製品をデザインする」ため、またデザインに特化したエージェンシーとして「顧客との関係を進化させ続けていく」ため――より良いサービスを作り世界にチャレンジするために、デザインの力が注目されています
前回は自己紹介をの制作を題材にして、参考資料を活用することにフォーカスしてお送りしました。今回はさらに細かいところにフォーカスしていきます。 カラースキームを固める 前回考えたプロセスの中で、自己紹介に関連するキーワードを書き出してみました。 それらのキーワードをもとに、今度はページのカラースキームを考えてみましょう。 基本のベースカラーが決まれば、そのカラーを基準にパレットのバリエーションも増やすことができます。 配色については、色彩理論[1]を身につけておくとカラースキームを考えるときに役立ちます。 また、色彩に関するセンスは経験によってより洗練されていくものだと考えています。いろいろなパターンを作りながら、試行錯誤していくことが大切です。 Web 上だけを見ても自動的にカラースキームを生成してくれる、便利なカラースキームジェネレータなどが多くあります。ゼロからつくれなくても、こういっ
本連載では、HTML5やCSSの基礎を理解している方へ向けて、Bootstrapの特徴や実際の使い方を解説していきます。レスポンシブデザインは聞いたことがあるけれども「実務採用したことがない」「仕方がわからない!」という方。そんな「あなた」が1つ上のステージへ進むためのパスポートです。Bootstrapを使うことで簡単にレスポンシブサイトを制作できるようになります。 「スマホ専用サイトは使いづらい!予算が掛かる」は古い 昨年頃からスマホ専用サイトの「必要説」が揺らいでいます。その背景には、従来のPCサイト用のデータから必要最低限のデータを抽出した形で、全く別サイトとしてスマホ専用サイトが設計されているため、「UIが変わりすぎてわからない」「情報量が少ないなどの欠点が目立ちユーザーに受け入れらない」といった状況があるからです。 参考資料: 8割以上が「スマートフォン専用サイト不要」と回
響く手拍子、下駄の音。 ゆれる提灯、ゆかたの影。 時代劇の聖地・太秦映画村が織りなす 夢のような宴、 忘れかけていた日本の夏がここにある… その名も「太秦江戸酒場、夢夜の盆をどり」。 場内に一歩踏み入れば、 そこはもう江戸時代の京の町。 幾百年もの時を巻き戻したような景色の中で 美味しい京都のお酒や名店のお食事に 舌鼓を打ち、 日本が誇る伝統芸能を心ゆくまで 楽しんでいただく 粋な大人の夜祭りです。 提灯の明かりに照らしだされた 夜道は雰囲気たっぷり。 屋台の軒先からは美味そうな香りが漂いはじめ どこからか聞こえる祭り太鼓に身も心も踊りだす。 話題のお化け屋敷をのぞいてみれば 男女の悲鳴の向こうに、 怪しげな影がゆらゆらと…。 祭りの熱気に、背筋がヒヤリとする 涼感も加わって どうやら今宵の宴も、 ただでは終わりそうにない様子。 この夏、さらに趣を増す、太秦江戸酒場、 夢夜の盆をどり。 場
Install Download CDN Package managers License Commercial license Open source license Getting started Initialize with jQuery Initialize with vanilla JavaScript Initialize with HTML Next Feature showcase wrapAround freeScroll groupCells autoPlay lazyLoad Parallax Images View all options Flickity in use People like Flickity Install Download CSS: flickity.min.css minified, or flickity.css un-minified
Google が発表してからちょこちょこ話題に上がっているマテリアルデザイン. 今回はそのマテリアルデザインをベースとしたフレームワーク『Materialize』使ってみたのでそのメモです. 毎回 bootstrap じゃ飽きちゃいますしね♪ Materialize って? 公式より A modern responsive front-end framework based on Material Design 「マテリアルデザインをベースとしたモダンでレスポンシブなフロントエンドフレームワークです.」 的なことが書かれてますね. ざっくり言うと bootstrap のマテリアルデザイン版です. less ではなく sass 使ってるとことか若干インターフェースが違ったりしますが, 基本的には同じ感じで使えます. Reference Official Github cdnjs Mater
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く