とあるweb屋の仕事術

とあるweb屋の仕事術

10年以上現役のweb製作屋さん。web製作雑務全部やる。

時短

固有名詞は辞書ツールで単語登録すべし。細かい所まで気を配る&入力間違いもナシで効率化、一石二鳥。

先日こんなツイートを見かけました。 そう言えば、文書やメッセージのやり取り時に固有名詞を適切に表現してる人は、仕事において細かい所まで気を配れる人という評価をするんだけど、この判断方法結構当たる例・macbook pro -> MacBook Pro・airpods -> Air…

【時短ツール】favicon(ファビコン)やWebクリップアイコン、PC・モバイル各種アイコンジェネレーターで一発作成

Webサイト製作時には 設定が欠かせないアイコン類。 favicon(ファビコン)やWebクリップアイコン作成も Webデザイナーのタスクのひとつです。 まじめに一つ一つ作成すると結構な数になるため 各種のアイコン類を作成するのは 面倒ですし、手間も工数も意外…

tableコーディングするのめんどくさい。ジェネレーターでサクッとHTML化してしまおう

tableのコーディング・実装に役立つツール のご紹介。 tableのコーディングは面倒なので、 ジェネレーターでサクッと HTML化してしまいましょう。 表のレイアウトをwebサイトに 掲載する際にtableをコーディング する場面はそこそこ多いです。 簡単な表をtab…

Bootstrapの無料のテーマギャラリーサイト Bootswatch が便利&参考になる

Bootstrapとは ウェブサイトやWebアプリケーションを作成するフロントエンドWebアプリケーションフレームワークである。タイポグラフィ、フォーム、ボタン、ナビゲーション、その他構成要素やJavaScript用拡張などが、HTMLおよびCSSベースのデザインテンプレ…

Googleフォントを探すのに超絶便利。俯瞰性の高さがハンパないFontCDN

Google Fontsのwebサイトってフォント探すのだるいですよね。 絞り込み検索の機能とか充実しているのはいいのだけど、 一覧性、俯瞰性としてはあまりよくないUIになっています。 見づらいな、使いづらいなと思っていたら、 Googleフォントを一覧でざーっと表…

デザインカンプやプロトタイプはリアルにつくれ。ダミーテキストダミー画像は意味ないぞ

デザインカンプやプロトタイプ、 モックアップの作成時に、 ダミー画像やダミーテキストをいれる場合が ありますが、意味がないのでおすすめしません。 意味がない、というのは 結局リアルなコンテンツや 具体的なイメージでないとクライアントが 想像できな…

仕様書はいらない。Webサイト製作前の要件定義書/仕様書は幻想である。

Webサイト制作フローのひとつ、 要件定義。 制作前には要件定義書や仕様書を作成し、 その仕様どおりに、実装し製作を進行していく。 「仕様書」これはもうファンタジーです。 妄想も大概にしろと言いたい。 仕様書どおりに進むことは100%ないです。 完璧な…

メール技「1メールひとつの要件」伝える・伝わるメールの書き方

Web制作で 重要なスキルのひとつ「メール」。 クライアントとのやりとりや、 社内でのやりとりはいろいろな コミュニケーションツールがありますが、 絶対に使用するのは「メール」ですよね。 メールをうまく使いこなせば、 日々の業務や案件をスムーズに 進…

スキマ時間やながら作業に聞ける「しゃべるニュース」でweb屋は時事ネタ、ニュースを把握しておけ

web屋は情報のインプットの量で 提案力や営業力、 間接的にデザイン力にもつながります。 いま世の中で流行っているものや 話題になっているものは 把握しておきたいところです。 webデザイナー新人の情報収集はTwitterのみで十分 - とあるweb屋の仕事術 で…

誰でも簡単にできる時短テク!爆速作業でデキるwebデザイナーになる

作業が遅い原因はいろいろとあります。 ・集中できる環境がない ・物理的に手が遅い ・考えるのに時間がかかってしまっている ・作業が遅いという認識がそもそもない ・ツールやソフト、アプリを使っていない ・作業効率を意識していない ...などなど。 作業…