Web制作の時短に！2020年の便利オンラインツール・ベスト100選
この記事では、2020年に公開された便利なWebオンラインツール・ベスト100個をまとめてご紹介します。 定期的にリストアップしている最新オンラインツールまとめ記事では、2020年にかけて合計306個の新しいツールやサービスが登場しました。 その中でも、特にWebデザイン制作に便利なツールを選りすぐったコレクションで、「無料で利用できるツール」を揃えています。 これらのツールやサービスを活用すれば、Webデザイン制作をより快適に進めることができるでしょう。 カテゴリごとに整理しているので、目的にあったお気に入りツールを探してみましょう。 コンテンツ目次 1. CSSツール（14個） 2. パターンツール（7個） 3. イラスト系ツール（3個） 4. デザインツール（10個） 5. 配色カラーツール（6個） 6. グラデーションツール（3個） 7. SVGツール（8個） 8. スクリーンショ
ソラトモデザイン｜奈良のホームページ制作事務所
ソラトモデザイン事務所として独立11年目。奈良を拠点とするWEB系のフリーランスの個人事業主です。動きのあるホームページ作成や独自のネットショップ構築はもとより、iOSアプリ開発や大規模なLinux系クラウドサーバーの構築、各種セキュリティー対策のご相談にも応じます。 また、MovableType等のCMS基盤のITシステム開発を得意としており、大阪・京都・神戸の企業・制作会社様からも、スポットでご依頼を承っております。 デザイン実績についての詳細は、別途ポートフォリオを用意しておりますので、ぜひ一度、お気軽にお問い合わせいただければ幸いです! 「飛び立つチカラを、共にカタチに。」お問い合わせ Movable Typeにおいては、開発元のSixApart社公認のフリーランスとして常に最新の情報を共有し、各種セキュリティー対策や、万一のトラブル時の復旧対策をスムーズに行えるようにしております
30のスライドショーのデザイン
Learn Web Design Retro CSS Text Effect: A Step-by-Step TutorialCSS offers an array of tools that, when used correctly, can improve the visual experience on your website. In this tutorial, we’ll explore a straightforward way to design a retro text effect with pure CSS. The approach, while not overly complex, yields a visually appealing result and serves as a… UX surveys can be pivotal tools for des
50 Yellow Web Designs to Inspire You
4 Pings & Trackbacks Pingback: 50 Beautifully Brown Web Designs | Inspiration Pingback: 55 Minimal Black and White Web Designs to Inspire You | Inspiration Pingback: 50 Green Web Designs to Inspire You | Inspiration Pingback: 50 Red Web Designs to Inspire You | Inspiration 40 Comments I really love all of the inspiring designs you guys have been posting lately, thanks so much! Great collection! Th
Jesse James Garrett: The Elements of User Experience
The Elements of User Experience User-Centered Design for the Web from New Riders Publishing in conjunction with the American Institute of Graphic Arts order now from Amazon.com the original diagram that started it all translations of the original diagram the simple planes poster teaser posters: #1 #2 #3 from the book: table of contents introduction chapter 2: meet the elements What the reviewers a
| ＾＾ |秒刊SUNDAY | 夏だ一番！アイコン祭り！1000種類以上の高クオリティアイコン祭！
2009年05月18日 夏だ一番！アイコン祭り！1000種類以上の高クオリティアイコン祭！ カテゴリ：WEBデザイン さて、アイコンエントリーがだいぶ放出されてきましたのでここでひとつ、まとめてみました。この夏もクオリティ高いアイコンで乗り切れ！ ◆40種類のスタイリッシュなアイコン スタイリッシュでクールなアイコン40種類。 ■40+ Stylish and Trendy Icon Sets ◆１２８種類WEBアイコン WEBに使えそうなアイコン ■Function Web Design & Development [ Blog ] ≫ Free Icons: Function Icon Set, 128 Completely Free Icons ◆６０種類ベクターアイコン ベクターデ出来たアイコン ■60 Free Vector Icon Packs for Design Prof
Beautiful Forms - Design, Style, & make it work with PHP & Ajax | The Jotform Blog
Forms needs a solid visual structure, a profound hierarchy of form elements (Fields and Labels), powerful techniques and Functionality (AJAX) to make the form look and work creatively. There is a great bunch of creative, outstanding and individually designed from scratch forms. Thanks to AJAX, we can provide real-time feedback to our users using server-side validation scripts and eliminate the nee
web屋が主張する「リキッドレイアウト」に騙されないために - 鍵っ子ブログ
鍵っ子ブログ(Key Blog)：Keyが大好きな鍵っ子によるKeyのファンサイト。Keyに関する情報・コラム・考察・ニュースが中心 リキッドレイアウトの是非について web屋を自称する人の主張が余りにも酷い。 「その余白、もったいなくない？」っていう自然な感覚とそれをなんとかしようとするWebデザイン魂を眼前にすると、「横幅はやはり800px基準でしょ」とか「いやそろそろ1024px基準でもいいかも」とかいう議論自体がなんだかむなしいと感じただけだ。 その余白がもったいないと思う感覚とどうにかしようとするデザイン魂 - Web屋のネタ帳 つまりweb屋のネタ帳氏の主張は「ディスプレイの解像度に合わせて動的に表示を変えるAmazonすげー。それに比べて楽天は左右に余白が出来てそのスペースがもったいない」らしい。 たしかにその主張は一理あるが、ではweb屋のネタ帳氏のサイトはどうか。 スペー
Webタイポグラフィまとめ - Archiva
Make a note of it: Web tech, montaineering, and so on. Note: この記事は、3年以上前に書かれています。Webの進化は速い！情報の正確性は自己責任で判断してください。 フォント指定や行間、約物といった、文字周りのノウハウです。デザインというより技術的なまとめ。SWFObjectとかsIFRといったFlashネタを除けば、Webの文字は全部CSSでできるんだから... コーダこそタイポグラフィを意識すべし。看板みて書体言い当てるとか変態的な域まで達せずとも、原則だけ覚えとけばプロトタイプが様になるんだし。 オールドスタイル数字 アンパサンド（“＆”） スモールキャップ ハイフンとダーシ 各種スペース 合字 約物 約物はぶら下げる :beforeと:after 見出しのサイズ 初期フォントサイズ 行間の調整 余白の調節 各国の日付表記
Webサイトの制作／運用の効率化を図る 「ガイドライン策定」のすすめ（前編）（1/4）：CodeZine
Web標準に従うことは、SEO効果、ユーザービリティ、メンテナンス性の向上など、Webサイトの利用者と制作者の双方にさまざまなメリットをもたらします。しかし、実際にWeb標準の仕様書に従ってWebサイトを制作しようとすると、制作者の頭を悩ませる多くの問題が待っています。本連載では、Web標準のメリットを最大限に生かすことをテーマに、仕様書には書かれていない部分を中心に取り上げ、実際のWeb制作現場で起こり得る問題について、解決の糸口をたらしていきたいと思います。 はじめに Web標準に従うことは、SEO効果、アクセシビリティ、ユーザービリティ、相互運用性、互換性、メンテナンス性の向上など、Webサイトの利用者と制作者の双方にさまざまなメリットをもたらします。しかし、実際にWeb標準の仕様書に従って「正しい（X）HTML+CSS」でWebサイトを制作しようとすると、制作者の頭を悩ませる多くの
公園へ行こう！
お知らせ 2024/08/19 東京都公園協会について 「委託等発注予定表」を更新しました。 2024/08/16 公園・庭園・植物園 台風7号の影響に伴う施設営業状況について 2024/08/16 霊園・葬儀所 令和6年度都立霊園使用者の募集 抽選結果について（順次掲載） 2024/08/13 東京都公園協会について 「入札・企画提案事業者募集情報」を更新しました。 2024/08/09 東京都公園協会について 入札・見積経過調書を更新しました。 お知らせ一覧 プレスリリース 2024/08/15 清澄庭園「防災展」 2024/08/15 六義園「庭紅葉の六義園 夜間特別観賞」 2024/08/14 東京水辺ライン「9月のイベントクルーズ」 2024/08/14 旧古河庭園「12/16、1/20、2/17午後休園のお知らせ」 2024/08/08 都営地下鉄×東京メトロ×東京都公園協会「
Login Form Design Patterns - a photoset on Flickr
Explore this photo album by Chris Messina on Flickr!
Web 制作会社ワークフローあれこれ12選 - カタコト日記
Web サイトをどうつくっていくのか。 ワークフローの最適化って難しいし、会社の個性が強く現れるところだと思うんだよね。 今日は深入りはしないで、見せ方の気に入ったワークフローを並べてみることにしました。 コンサルティング中心の会社も入ってますが。 キノトロープ 初期コンタクト 成功予測 戦略策定 戦術策定 制作・公開 更新・運用 効果測定 全体的に若い会社の多いこの業界の中では老舗（1993年創立）。 かっちりしていてある意味でお手本的。ワークフローの本も出してるしね、確か。 イージェーワークス 戦略 構築 運用 ISP系の会社だそうです。図がみやすい！プロモーションの設計〜実行を "明示的に"（他社も当然やってはいるけど）フローに入れてるところが特徴かな。 ビービット サイト戦略策定 サイト設計 デザイン / 制作 効果検証 ユーザビリティに強いことで有名な会社。ちなみに上の図は1.戦
Graphic Design Links | Best Graphic Design Links | 80+ Graphic Design Links | Outlaw Design Blog - A Graphic Design Blog
Enhancing Tourism Experience: The Role of Graphic Design in Hotels and Tourism Applications The Importance of Graphic Design in Tourism In today's highly competitive tourism industry, graphic design plays a crucial role in attracting and engaging travelers. From brochures and websites to mobile applications and signage, visually appealing design elements are essential for capturing the attention o
会員登録の敷居を下げる入力フォームの作り方(PC編) - キャズムを超えろ！
本エントリは、20〜40代のPCをある程度使いこなしているユーザー向けの会員登録フォームの設計について述べたものである。ケータイサイトは含まないし、シニアも対象としていない。シニア向けUIについては(古いエントリだが)こちら "ユーザーID"と"メールアドレス" 減ってはきたものの、ユーザーIDとメールアドレスの両方を取るWebサービスがいまだに結構ある(ex. Remember the milk)。はてなやYahooAuctionのように「ユーザーIDがニックネームに相当するコミュニティサイト」は除くとして、ユーザーIDを一般客に公開しないにも関わらずIDとメルアドの両方を取る意図がわからない。 ユーザーIDとしてメールアドレスを使うメリットは 会員登録フォームの入力必須箇所が1個減る 好みのIDが取れない事件が防げる "ID忘れ"による機会損失/幽霊会員が減る 流石に自分のメアドは忘れ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
みんなの仕事場 - みんなで作るオフィス仕事場サイト
The Grid System
UIパターンいろいろ - DesignWalker
iconlook.com
MaluAka.com is for sale | HugeDomains
