タグ Web Design
人気順 5 users 50 users 100 users 500 users 1000 usersWeb Design System: Migrating Web Components To React
This post is for Day 8 of Mercari Advent Calendar 2022, brought to you by Williams Kwan from Mercari Core team and Faisal Rahman from the Mercari Architect team. Intro Mercari internal design systems power the UI in Mercari web apps. It allows Frontend engineers to implement UI changes quickly by... 続きを読む
サイトの仕様をグレードアップさせるjQueryプラグイン「Top 7 Free jQuery Plugins to Improve Your Web Design」 | DesignDevelop
さまざまなプラグインがフリーで配布されており、取り入れてみることで今までの仕様よりもクリエイティブ性をアップさせることができます。今回はそんなjQueryプラグイン「Top 7 Free jQuery Plugins to Improve Your Web Design」を紹介したいと思います。 Cropper 7種という厳選された数ですが、どれも使ってみたくなるプラグインばかり。気になったものを... 続きを読む
しっかりと理解しておきたい!レスポンシブWebデザインを使いこなすための9つの基本原則 | コリス
レスポンシブWebデザインは、デスクトップやスマホやタブレットなどさまざまなサイズのスクリーンの問題に対する素晴らしい解決方法です。 レスポンシブWebデザインをより深く理解するための基本原則を紹介します。 9 basic principles of responsive web design 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様に許可を得て翻訳しています。 ... 続きを読む
欧文書体の基本 || Tikaku
Information Architectsで「Web Design is 95% Typography」と述べられているように、Webやそれ以外のデザインにおいてもとても重要なタイポグラフィ。フォント選びを的確なものにするべく、書体の基本についておさえていこうと思います。今回は欧文書体について。 セリフフォント・サンセリフフォント セリフフォントの「セリフ」とは図の色のついた部分、文字のストロー... 続きを読む
2014年に流行しそうな、注目Webデザイントレンド20個を大予想PhotoshopVIP |
あたらしい年がはじまり、どのようなデザインが登場するのか、たのしみにしています。海外デザインブログHongkiatで、2014年のWebデザイントレンド20個をまとめたエントリー「Web Design: 20 Hottest Trends to Watch Out for in 2014」が公開されていたので、今回はご紹介します。 毎年はじめにWebデザイントレンドをまとめており、先日2013年人... 続きを読む
Illustratorをより身近に!デザインをたのしむ無料ベクター素材まとめPhotoshopVIP |
デザイン制作をより身近にしてくれる、無料ベクター素材を使って、Illustratorを学びませんか。ベクター素材を利用することで、よりカスマイズ自由なデザインをたのしむことができます。 海外デザインブログCSS Authorで、新しく公開されたIllustrator用フリーベクター素材を、まとめたエントリー「500+ Vector Elements for Web Design」が公開されていたの... 続きを読む
静かに流行り始めているポリゴン風デザインに挑戦! | Webクリエイターボックス
2013年05月07日 Inspiration, Web Design, 便利ツール 2013年を代表するデザイントレンドと言えばフラットデザイン。それを横目に、実は静かに流行り始めている「ポリゴン風デザイン」をご存知でしょうか?ローポリと呼ばれているものですね。今回はツールを使って写真からポリゴン風イラストを作ってみましょう!デザインの参考になるWebサイトやグラフィック・アートもまとめているの... 続きを読む
20 Free GUI Templates for 'Flat' Web Design
All of the GUI templates we have for you today have been designed in a Flat style. Meaning they have been created ‘without the usual gradients, pixel perfect shadows, and skeuomorphism…’. All of the k... 続きを読む
レスポンシブなCSSベースのドロップダウンメニュー「Top Drawer」:phpspot開発日誌
Top Drawer - A smooth dropdown menu for responsive web design | Experiment #5 レスポンシブなCSSベースのドロップダウンメニュー「Top Drawer」 JavaScriptを使わずCSS transformsを使ってレスポンシブなドロップダウンをアニメーションさせつつ表示できます。 シンプルなサイトな作りにしたい場合は... 続きを読む
2013年に流行しそうな、注目Webデザイントレンド15個を大予想 - Photoshop VIP
海外デザインブログHongkiat.comで、2013年に注目したいデザイントレンドをまとめたエントリー「Web Design: 20 Hottest Trends to Watch Out For in 2013」が公開されていたので、今回はその中でも、特に印象的だった15個をご紹介します。 利用される機会の増えている、ユーザーインターフェースを意識した、トレンドが多くまとめられています。201... 続きを読む
シングルページデザインのWebサイトは2013年も引き続きよく目にしそうですね。 → 2013 Web Trends—Does Your Website Need a Redesign? - DesignOra - コメンター
2013 Web Trends—Does Your Website Need a Redesign? - DesignOra - Designora is where function and art collide to create a great web design. 2013 Web Trends—Does Your Website Need a Redesign? 続きを読む
レスポンシブなWebサイト制作時の表示チェックに役立つjQueryプラグイン。ページ上部に表示されるメニューから表示サイズを瞬時に切り替えることができる。 → jResize Plugin, for one window respon
jResize Plugin, for one window responsive development : Todd Motto: Front-End Web Developer - Web Design & Development, Tutorials, Downloads. HTML5/CSS3, jQuery. 続きを読む
スタンドアロンで動作する5kb以下でクールな日付ピッカー「Pikaday」:phpspot開発日誌
Pikaday: JavaScript datepicker ? David Bushell ? Web Design & Front-end Development スタンドアロンで動作する5kb以下でクールな日付ピッカー「Pikaday」 次のようなカッコいいピッカーが実装できます。CSS3等も利用していますが、IEの古い物でも使えるようになっているようです デザイン的にシンプルでいて綺麗な物... 続きを読む
ページの上下に通知領域を実装できるjQueryプラグイン。重要なお知らせの通知などに使えそう。 → jBar Plugin, the jQuery call to action bar : Todd Motto: Front-End Web Developer & Graphic Designer in Wiltshire, UK. -
jBar Plugin, the jQuery call to action bar : Todd Motto: Front-End Web Developer & Graphic Designer in Wiltshire, UK. - Web Design & Development, Tutorials, Downloads. HTML5/CSS3, jQuery. 続きを読む
50 Fresh Free HTML5 and CSS3 Website Templates
You are here: Designrshub » Web Design » 50 Fresh Free HTML5 and CSS3 Website Templates 50 Fresh Free HTML5 and CSS3 Website Templates Posted by Manuel Garcia. Filed in Tags: HTML5 No doubt HTML5 is t... 続きを読む
WordPressでブログを作ったら最低限入れておきたいプラグインの紹介。ソーシャルボタンやSEO、関連記事表示など。 → 7 Must-have WordPress Plugins for Bloggers - DesignOra - コメンター
7 Must-have WordPress Plugins for Bloggers - DesignOra - Designora is where function and art collide to create a great web design. 7 Must-have WordPress Plugins for Bloggers 続きを読む
SS | レスポンシブWebデザインでディスプレイサイズに合わせたGoogle AdSenseの広告を表示する方法
レスポンシブWebデザインでディスプレイサイズに合わせたGoogle AdSenseの広告を表示する方法 2012年09月01日 このサイトで教えてもらってちょっと良いなと思ったのでシェアします。 How to use Google AdSense Ads with Responsive Web Design まぁ僕はまだ試してないんですけどね。 レスポンシブWebデザインでサイトを制作する上で迷... 続きを読む
WD101: Webのデザインは枠のない世界である : could
WD101Webデザイン WD101: Webのデザインは枠のない世界である 適したデザインをするには、扱う媒体における特有の制約を理解して、初めて実装できます。紙には「枠がある」という制約があり、Webには「枠がない」という制約が存在します。 このシリーズでは Web Design101(WD101)と名付けて、ウェブデザインをより深く理解するための最初の一歩になる知識やノウハウをコラム形式で紹... 続きを読む
1995~1996年頃のイケテルWeb Design x 4, どう思う? « イナヅマtvログ
1995~1996年頃のイケテルWeb Design x 4, どう思う? 2012 年 7 月 1 日 by taikiken | 0 comments 先日、「昔のWeb Designってどんなの?」て聞かれてFlickrに少しストックしてたの思い出したのでポストしました。 多分1995~1996年頃だと思います。 あらためて見るとあまりのダササにビックリしてしまいます。 でもこれが当時最先端... 続きを読む
レスポンシブにうまくデザインされたサイト集:phpspot開発日誌
10 More Incredible Examples of Responsive Web Design レスポンシブにうまくデザインされたサイト集。 レスポンシブなデザインというのはサイズを変えたデザインを数パターン作るということから、最初からレスポンシブに作る場合はちょっとこれまでとデザインのやり方が変わっちゃうという場合も多いのではないでしょうか。 レスポンシブなデザインのサイトを多く見てお... 続きを読む
40 Free Font for Web Designers | denbagus blog
You are here: Home » web design » 40 Free Font for Web Designers 40 Free Font for Web Designers Written by denbagus on May 01, 2012 | 0 Comments | 171 views Now i will share to you 40 free font for w... 続きを読む
Free Icon Sets: 1000+ Vector, Social, PSD, UI Icons | Icons | Graphic Design Junction
Free Icon Sets: 1000+ Vector, Social, PSD, UI Icons Icons has become an important part of modern web design. If you are looking free icon sets like vector icons, social icons, psd icons and ui icons s... 続きを読む
15 CSS Frameworks for Responsive Web Design | webexpedition18
Responsive design is cool thing to do, and for good reason — it means one site to maintain for all devices. It’s also a really challenging approach to web design. In this article, we look at framework... 続きを読む
フォームをカッコよくするjQueryプラグイン集15:phpspot開発日誌
15 Simple & Effective jQuery Plugins that Enhance Your Forms | Onextrapixel - Web Design & Development Online Magazine フォームをカッコよくするjQueryプラグイン集15。 デフォルトのフォームってかっこ悪いですが、TwitterBootstrapばりにカッコよくしてくれるjQu... 続きを読む
WD101: Webは寛容性をデザインする場である : could
WD101Webデザイン WD101: Webは寛容性をデザインする場である Progressive Enhancement のような考え方は、見た目を同じにすることより、利用者とコンテンツを尊重したアプローチです。テクノロジーを賢く繊細に適応できるようになるわけですから、「やさしい」デザインではないでしょうか。 このシリーズでは Web Design101(WD101)と名付けて、ウェブデザイン... 続きを読む