[B! webdesign] junta1999のブックマーク

Online CSS Code Quality Analyzer - Project Wallace

The best way to analyze your CSS is to use the CSS analyzer, but if you’re in a hurry or if you want an opinionated tool, then you can use this CSS Code Quality analyzer. It will use the output of the CSS analyzer to run a couple of checks and turn that into a set of recommendations for your CSS. It will focus on Performance, Maintainability and Complexity and score each one of them between 0 and

junta1999 2022/11/28

リンク

HP作成の初心者でワイヤーフレームの作り方をよく知らない人へ

本気でweb制作を仕事にしたいなら現場で通用する実践的なスキルを身につけましょう。︻独学vsスクール︼メリットとデメリットを比べて、おすすめの学習方法もお伝えします。続きはこちら今回は、web制作時によくある悩み﹁ワイヤーフレームの作り方がわからない﹂を解決します。意外に、ワイヤーフレームの作成方法を詳しく教えてもらう機会は少ないですよね。そのため、以下のような悩みを抱える人が多くいます。ワイヤーフレームが何かを知っているけど、いまいちうまくまとめられない。ワイヤーフレームを作るときの手順が合っているかどうか自信がない。 webサイトの制作過程において、ワイヤーフレームの時点で失敗していると次の工程のデザインも絶対うまくまとまりません。ワイヤーフレームは、家を建てるときの設計図と同じ役割をします。適当に作った設計図をもとに家を建てたら、当然、住みにくく崩れやすいもの

junta1999 2015/03/05

webdesign

リンク

フリーランスWebデザイナーという職業も無くなる4つの理由デザイン会社ビートラックス: ブログ

全ての事柄のデジタル化が進む中で、Webやインターネットの重要性が年々高まっている事は間違いないだろう。それに伴い、関連する業種や職業に対する需要が高まるのは必然と考えられる。例えばWebやアプリを製作する為のデザイナーやエンジニアは、紙媒体や組み込み型ソフトウェア向けのそれに比べても必要性が格段に高いとされ、キャリアアップをする場合は新しい技術の習得が求められる。その一方で、以前に﹁アメリカでWeb制作会社が存在出来ない5つの理由﹂で説明させて頂いたとおり、実はこちらサンフランシスコ、シリコンバレー地域では、”Web制作” をメインのビジネスとしている会社はかなり少ない。むしろ、数年前からビジネスのコアを変換させなければ生き残れない時代に入って来たと言っても間違いないだろう。絶滅するフリーランスWebデザイナーという職業それでは、フリーランスのWebデザイナーはどうだろうか？We

junta1999 2015/02/23

リンク

Jリーグはスマホで見づらいサイトが多いなという日頃の印象を確認するため、淡々とスクショを撮ってみた件。 : スポーツ見るもの語る者〜フモフモコラム

Jリーグはスマホで見づらいサイトが多いなという日頃の印象を確認するため、淡々とスクショを撮ってみた件。 Tweet Share on Tumblrカテゴリ:サッカー 2014年09月02日12:57 字が小さくて読めぬというジジイへの入り口！今日は前々から気になっていたことについてです。僕は最近スマホをいじることしか出来ない人間となっています。朝起きれば枕元のスマホをいじり、会社に行けばトイレでコソコソとスマホをいじり、歩いているときもスマホをいじり、家に帰ったらテレビを見ながらスマホをいじる。せがれをいじるかスマホをいじるか、その二択の生活です。そんなスマホ生活の中で、時折感じていたことがあります。それは﹁Jリーグ情報はスマホで読みづらい﹂ということ。別にJリーグの話だけを調べているわけではないのですが、バズっている話題についてウェブサイトを見に行ったとき、﹁読みづら！﹂﹁小っさ！

junta1999 2014/09/03

webdesign

リンク

IllustratorでのWebデザインがいい感じ！おすすめポイントや設定いろいろ

2014年3月19日 Illustrator, Webサイト制作これまでは﹁WebデザインといえばPhotoshop﹂というのが通例でした。しかしIllustratorもWeb制作の環境に適応されてきた今、フラットデザインやイラストを多く扱うWebサイトでは断然Illustratorをおすすめします！今回はあまり知られていないIllustratorとWebデザインの相性や、Webデザイン用の設定方法等をご紹介します。 ↑私が10年以上利用している会計ソフト！ Illustrator初心者さんへ Illustratorはベクター形式の画像を作成できるAdobe社のアプリです。ロゴやイラストを作る時にはかかせません。Adobeの公式チュートリアルサイト、Adobe TVではIllustratorの概要やチュートリアルをはじめ、新しい機能の紹介も随時追加されています。 Illustratorは

junta1999 2014/03/19

リンク

ポートフォリオサイトの作り方

就活に使うポートフォリオサイトってどんな手順でどんなものを作っていいかよくわからず、制作した当時はとても悩んでいました。今回は、そんな実体験を元にしたポートフォリオサイトの作り方のポイントをご紹介します。なぜwebデザイナーの就活にポートフォリオサイトが必要なのかポートフォリオは自分自身のデザインスキルや技術スキルの作品集。自分がどんな制作者で何が得意なのか、何が出来るのか、制作したサイトを見れば大体分かります。 webデザイナーにとってのポートフォリオは自分のちからを相手に知ってもらう大事な武器ですので、時間がないからといって片手間で作ったりせず、綿密に計画してフルパワーで作り上げる必要があります。ポートフォリオを作る前の下準備作品の構成要素ポートフォリオに制作実績を掲載する時、下記の6つは載せておきましょう。サイトのタイトルサイトのURL サイトのスクリーンショット制

junta1999 2014/02/19

webdesign

リンク

Webデザイナー検索・登録／フリーランスWebデザイナーHP集

北海道 (7) 青森 (4) 秋田 (3) 岩手 (1) 山形 (5) 宮城 (4) 福島 (5) 茨城 (1) 群馬 (4) 栃木 (2) 埼玉 (8) 東京 (52) 千葉 (10) 神奈川 (27) 山梨 (3) 長野 (3) 静岡 (6) 新潟 (1) 富山 (3) 石川 (5) 福井 (4) 愛知 (9) 岐阜 (5) 三重 (4) 滋賀 (4) 京都 (12) 大阪 (25) 奈良 (2) 和歌山 (3) 兵庫 (14) 徳島 (3) 香川 (2) 愛媛 (7) 高知 (1) 岡山 (3) 広島 (4) 鳥取 (1) 島根 (1) 山口 (2) 福岡 (21) 長崎 (5) 佐賀 (1) 大分 (2) 熊本 (2) 宮崎 (1) 鹿児島 (3) 沖縄 (5) 海外 (1)

junta1999 2013/05/09

webdesign

リンク

WEBデザインが短期間で上達した方法

この記事は、Webデザインが短期間で上達した2つの方法として、新たに書き直しました。 WEBデザイナーとして10年ちょっと経過。未だにデザイナーとして足りないものは多いですが、どうにかクライアントにも満足してもらえるデザインが提供できるようになったと思います。これは、自分が新米デザイナーだった頃にやっていた、デザインの上達方法です。「上手くデザインができない！」「上手くなるにはどうすればいいの？」など、どうすればデザインが上達するのかわかならい人の参考になれば幸いです。新米デザイナーの頃、ダメなデザインをして先輩からよく叱られていました。クライアントからデザイナーを交代してくれと言われ、激しく落ち込んだこともあります。いまになると恥ずかしいですが、その頃の自分には、プロのデザイナーとして最低限の能力がなかったのです。クライアントの満足するクオリティのデザインを期

junta1999 2013/02/19

webdesign

リンク

売れるサイト作成に必須！たった４つのWEBデザインの基本法則

ユーザーに届ける価値を徹底的に追求するマーケティングを提供します © Copyright 2022 バズ部. All rights reserved. インターネットをビジネスに活用することが当たり前になり、競合他社がひしめく現在のWEB市場において、WEBデザインは以前よりも遥かに重要性を増している。なぜなら、WEBデザインそのものが、コンバージョンを大きく左右する要素の1つとなっているからだ。しかし、デザイン的に素晴らしいスキルを持っているデザイナーは数多くいるが、デザインとコンバージョンの双方にフォーカスしているデザイナーはまだまだ少ないように思う。そこで、本日は、私自身の経験から、WEBデザイナーの方にも身につけておいて欲しい、コンバージョンを生むためのWEBデザインの考え方をシェアさせて頂こうと思う。それでは、早速始めよう。また、私たちバズ部は12年で400社以上のメ

junta1999 2012/12/21

webdesign

リンク

Web屋さんやブロガーさん御用達な画像素材サービスまとめ34サイト（2012年冬版）｜男子ハック

@JUNP_Nです。毎年恒例になりつつある画像素材サービスのまとめ記事です。昨年は7つのサービスしか紹介しませんでしたが、今年は大幅に増えて34サイトです。

junta1999 2012/12/12

リンク

少ない手間と知識でそれなりに見せる、ズルいデザインテクニック

少ない手間と知識でそれなりに見せる、ズルいデザインテクニック‥ズルいデザイン︵1︶︵1/2 ページ︶デザインが自分でイイ感じに作れたらいいなあというプログラマのみなさん。少ない手間で簡単に、ちょっといい感じのデザインに見せるための、ちょっとした小ズルいTipsを紹介します Webプログラマ、Webエンジニアの皆さんが、個人で作るWebサービスやハッカソンなどで、短期間に集中してサービス開発してローンチしたいときに、もうちょっと自分でイイ感じにデザインできるといいなあという声をよく聞きます。この企画は、そんなプログラマが、少ない手間で簡単に、ちょっといい感じのデザインに見せるための、ちょっとした小ズルいTipsを紹介します。︵注︶このページでは、個々のデザイン要素を分かりやすく説明するために、実寸サイズより画像を拡大して使用しています。ズルいデザインはSassとCompassを利用し

junta1999 2012/12/06

リンク

Photoshopでウェブページのインターフェイスを作成するチュートリアルのまとめ

ブログやポートフォリオ、Eコマース、コーポレートサイトなどに、レトロ風、スタイリッシュ、クリーン、スリーク、背景に写真、イラストを使うなど、ウェブページのユーザーインターフェイスをPhotoshopで作成するチュートリアルを紹介します。

junta1999 2012/12/04

リンク

サービス終了のお知らせ - NAVER まとめ

サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。

junta1999 2012/11/14

webdesign

リンク

Webデザイナーによるカラーコードを使った便利なテクニックあれこれ

By OliBac コンピュータが色に名前を付ける時、数字やアルファベットを6つ並べた1677万7216通りの組み合わせで表される16進数カラーコードが使われます。カラーコードは他のコンピュータ言語と同じく論理的なシステムに基づいて作られるため、Webデザインを行う人間にとって16進数カラーコードを知っておくことは非常に助けになるとして、WebデザイナーのBen Gremillionさんがカラーコードの仕組みや便利なテクニックをまとめているのが﹁The Code Side Of Color﹂です。 The Code Side Of Color | Smashing Coding http://coding.smashingmagazine.com/2012/10/04/the-code-side-of-color/ そもそもスクリーン上のカラーは指定がない場合は黒いままで、16進数カラーコ

junta1999 2012/11/12

リンク

Slicing Images for Your Website with Photoshop

2014年8月17日 Photoshop, Webサイト制作印刷物のデザインではそのまま印刷すればいいのですが、Webサイトの場合は出来上がったデザインをパーツごとに画像をスライス（分割）し、HTMLとCSSで組立ててWebサイト上に表示します。「実践で学ぶWebサイト制作ガイド」5回目ではそのスライス作業に注目！私は普段Fireworksを使ってスライスしていますが、ここでは前回と同様Photoshopを使ったスライス方法を紹介します。実践に入る前に、いくつかのポイントもおさえておきましょう。 ↑私が10年以上利用している会計ソフト！実践で学ぶWebサイト制作ガイド：その5 目標：コーディングしやすいパーツ画像を用意できる必要なもの：Adobe Photoshop 対象レベル：Photoshopの基本的なツールの使い方がわかる目次誰のため？何のため？Webサイトを作り始める前に

junta1999 2012/10/16

リンク

コーディングする時のスライス方法とか - CSS HappyLife

珍しく、Photoshopネタでも。コーディング関係だからこのブログの主題っぽい！今回は、PhotoshopCS6を利用したスライスに関するアレコレです。コーディング時にはスライスは必須ですし、一番面倒な部分なので少しでも効率良くスライス出来ると良い感じですよね。内容としては、スライスの基本からって訳じゃないので、最低限スライスツールが使えてる方を対象にしたような感じになってると思います。たぶん。ちなみに、面倒な説明しなくていいから分かりやすい様に動画ベースでやっていきます！ Photoshopを起動します何はともあれ、Photoshopを起動します。これはすごく重要な作業です。 Photoshopは重いので起動するのがダルいですね。ウチのVAIOZが頑張ってます。 CS3の頃はサクサクで良かったんですが。起動したら、psdファイルを開きましょう。普通のスライスまずは

junta1999 2012/10/15

リンク

必読！5分でわかるレスポンシブWebデザインまとめ制作編 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作

お久しぶりです。デザイナーの野田です。まず、今回の記事を見ていただく前に、前回と前々回に書かせていただきました。﹁必読！5分でわかるレスポンシブWebデザインまとめ﹂﹁必読！5分でわかるレスポンシブWebデザインまとめ Pt.2﹂を読んでいただけるとスムーズです。今回で、︻必読！5分でわかるレスポンシブWebデザインまとめ︼のシリーズも最後にさせていただきますので、少しコンテンツ量が多くなります。 100％5分では分らないので、タイトルはスルーしてやってください。様々なサイトでレスポンシブWebデザインについて紹介されていますが、制作方法が異なっていたり、内容が少し難しいと感じる部分がありました。この記事は、ディレクターの方やデザイナーの方、どちらにも理解しやすいように書かせていただいてます。また、これまでレスポンシブWebデザインについてやってきましたが、基本的な部分で

junta1999 2012/09/28

webdesign

リンク

CSS3で実装されたUIエレメントのオープンソースのまとめ -CSS3 Code Snippets | コリス

すぐに使えてデザインも素敵、CSS3で実装されたUIエレメントのオープンソースのまとめ -CSS3 Code Snippets

junta1999 2012/08/08

リンク

designmap.info

junta1999 2012/07/17

リンク

Wantedly 航海日誌 — 素人デザインのWantedlyが、一流デザイナーの手によって生まれ変わるまで

今日の航海日誌は仲がお送りします。本日、Wantedlyが新デザインによって生まれ変わりました。それまでのプロセスを振り返ってみたいと思います。まだ名は明かせないのですが、めちゃくちゃ優秀なデザイナーがWantedlyに参画してくれました。暫定的に、T君と呼びます。そもそもWantedlyのデザインの何が問題だったのか？ひとことでいうと、全体的に﹁筋が通っていなかった﹂というのが問題でした。旧デザインは、私が、﹁なんとなく、いいと思うから﹂という理由で、全体の整合性もとれないままにどんどん積み上げていったものでした。だから、ページごとにデザインの一貫性がなかったり、ところどころおかしいところも満載。そこで、いつもチーム内では﹁プロのしっかりしたデザイナーにチームに入って貰いたい﹂という声がありました。そんなときに、CTO@kawasyの紹介でやってきたのがT君。デザイナーT君の参画

junta1999 2012/07/13

リンク

はてなブックマーク

タグ

関連タグで絞り込む (75)

webdesignに関するjunta1999のブックマーク (97)

お知らせ

今週のはてなブックマーク数ランキング（2024年7月第2週）

はてなブックマーク透明性レポート（2024年 2月-2024年4月）

今週のはてなブックマーク数ランキング（2024年7月第1週）

公式Twitter

キーボードショートカット一覧

はてなブックマーク

公式Twitter

はてなのサービス