うっかりミスをなくそう！デザイナーがデザイン提出前にチェックすべき5つのこと | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
1. マージンは整えられているか これは先輩に指摘されたランキングで堂々の1位を飾るほど、幾度となくミスを繰り返してきました。 特に焦っているときほど、「あとで調整すればいいや！」と後回しにしてしまい、結局忘れて提出してしまうことが多いです。非常に細かい部分ですが、ここをきちんと整えられるか否かでクオリティーに違いが出てくるので、自然と身につくまで繰り返しチェックしていきたい項目です＾＾ 特にボタンの中の文字は目立つので厳重注意です。 実践した改善方法 慣れないうちは、とりあえず測ってみましょう。 自分は「整列・分布」ツールで揃えたあとに、選択範囲ツールで測ってしまうことが多いですが、Photoshop CCからは配置のときにガイドが出てくれる便利な世の中になっています。 テキストの後ろの余分な箇所は、カーニングで削るとセンターに調整しやすいですよ＾＾ これは先輩デザイナーについ半年くらい
大阪でリノベーションならシンプルハウス
効率ありきの昨今ですが、現在も昔ながらの手間ひまかけた製法で家族や大切な人の幸せを祈って織られるアートな敷物。そんな実際の織り方をレクチャー...
CSS 画像やテキスト要素を縦横中央配置する6つの方法 – How to Center Elements Horizontally and Vertically. | Stronghold Archive
CSS 画像やテキスト要素を縦横中央配置する6つの方法 – How to Center Elements Horizontally and Vertically. どうもこんにちは。Toshikuraです。今回のTipsは【CSS 画像やテキスト要素を縦横中央配置する6つの方法】です。CSSの基礎的な記事ですが縦横中央配置には色々な方法がありますのでメモしておきます。うまく使い分けると便利な場面もあったりしますので備忘としてお役に立つかもしれません。 1. display:tableでの実装 CSSのdisplayプロパティによって要素をテーブル化し、vertical-alignで縦方向へ中央配置する方法でレスポンシブ化も容易です。もっとも安定した方法だと思いますがIE7では動作しません。 HTML <div class="table"> <p>p tag p tag p tag p ta
LiveReload から BrowserSync に乗り換えてる
LiveReload から BrowserSync に乗り換えてる 2014-06-24 この記事を書いて放置していたら、GoogleからWebアプリケーション開発用テンプレートのWeb Starter Kitに、BrowserSyncが利用されていました。 まだまだ把握しきれていませんが、需要がありそうなので、どんなことができるか簡単な導入方法を紹介します。 BrowserSyncの利点 BrowserSyncは、その名の通り「ブラウザを同期」してくれます。 LiveReloadのように、HTMLファイルなどを編集、保存するとブラウザをリアルタイムに更新を行い、さらにGoogle Chromeで行ったブラウザの「操作」が、Firefoxなどの他のブラウザにも、リアルタイムに反映されます。 BrowserSyncを利用すると、開発から確認までが、スムーズに行えます。 BrowserSync
参考にしたいレスポンシブのサイト
こんにちは、工藤です。 ただいまレスポンシブの勉強中・・というか効率的な進め方を模索中です。 それぞれ1つのファイルで済む分、ソースが汚くなってしまったりUIの面で悩んでしまったり、なかなか難しいです。 そんなこんなで今回は参考にしたいレスポンシブのサイトを集めさせていただきました。 日本語サイトのみのご紹介です。 ゆい動物病院 http://yui-ah.com/ ウィンドウを小さくしてもテイストが損なわれないのがすごいです。 項目もそれぞれ見やすいです。 LIFA http://lifa-motosu-nagara.jp/ 最初メインビジュアルの文字組みが変わっているなあと思ってウィンドウを小さくしたら・・ すごく考えてつくられているなあと思いました。 TEIBOW Cosmetics http://www.teibow.co.jp/cosmetics/top.html ビジュアル部分
Linuxの基本の基本。Linuxの基本的なディレクトリ構成
CentOSの引き出しに何があるか大まかに把握しよう やみくもにパッケージを追加すれば「動作に必要なファイルがどこだっけ？設定ファイルは？ログはどこ？」となりかねません。 といっても、大まかな把握だけなら別に難しいこともなく、タンスの引き出しに、どんな服が入っているか把握するようなものです。 目次 /〈ルート〉 /bin /boot /dev /etc /home /lib /lost+found /media /misc /mnt /opt /proc /root /sbin /selinux /srv /sys /tmp /usr ●/usr/bin ●/usr/etc ●/usr/games ●/usr/include ●/usr/lib ●/usr/libexec ●/usr/local ●/usr/sbin ●/usr/share ●/usr/src ●/usr/tmp /var
U-NOTE【ユーノート】- ビジネスマンのためのノウハウまとめを無料で
引っ越しなどに伴う銀行手続きを一括オンライン化 地銀協・TOPPANらが「生活基盤プラットフォーム（仮称）」の事業化へ 一般社団法人全国地方銀行協会（以下、地銀協）は、引っ越しなどのライフイベントに伴う銀行手続きなど手続きの一括化・オンライン化を実現するプラットフォームサービス「生活基盤プラットフォーム（仮称）」...
最近お世話になったWeb制作に関するお役立ちツール＆プラグイン | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。デザイナーの白浜です。春ですね。4月生まれなので春はなんだか気合が入ります。 さて、挨拶とは関係ありませんが、最近Web制作をする上で役に立ったツールやプラグインをご紹介したいと思います。 画像作成編 無料で半透過マルチアイコンやファビコン（favicon.ico）作成 http://ao-system.net/alphaicon/ アルファチャンネルを持った綺麗なマルチアイコンが一発で作れます。仕上がりが綺麗だったのでお気に入りです。favicon画像作成のお供に。 OGP画像シミュレータ | og:image Simulator http://ogimage.tsmallfield.com/ 画像をアップロードするだけでFacebookのタイムライン上にどのようにトリミングされて配置されるかを一発でシミュレートしてくれます。 「あっこのままだとロゴが欠ける…」とかぱっと見で
ウェブ制作者はチェックしておきたい、面白いアイデアを使った最近のウェブサイトのまとめ
デザインの細かいところまでこだわりが！ こんな発想はどこから生まれるの？ そんな次のプロジェクトのヒントになるような面白いアイデア満載のウェブサイトを紹介します。 時間のある時にじっくり楽しんでください！
デザイン時に気を付けたい目的と手段の取り違え
デザインする時、手段ばかり追ってしまい、「( ﾟдﾟ)ﾊｯ!そもそもの目的ってなんだっけ」ってなりがちなので、気を付けたいなと思いまとめてみました。 1. 目的をしっかりと認識する 例えば、上のようなボタンをデザインしたとき、「もっと目立つように大きく、色も赤とか目立つ色にしてください」という修正指示を受けたとします。 「目立たせる」という目的の解決策として、「大きくする」、「赤などの目立つ色を使う」という2つが考えられています。そしていつの間にか、これらの解決索が目的にすり替わっていることが無いでしょうか。 「大きくする」、「赤などの目立つ色を使う」ことを行えば目的を達成できるかのように錯覚するのですが、その解決策は本当に最適かを考える必要があります。そもそもの目的は「ボタンを目立たせること」で、その解決策は他にもあります。 2. 他の手段も考える 「目立たせる」ためには、差別化する、近
Webデザイナーが時間が無い制作時に使ってるとココロに余裕が生まれるWebサービス | ニシザワのブログ
どうも、毎年12月になると1年って早いと感じいつも時間の早さにアセっているアセリザワです。 この時期特に時間が無い中、Webデザイナーが業務でしんどいって感じることって大量の単純作業に追われてメインの業務、デザインやコーディングの時間が盗られてしまうことではないですか？ 今回は、少しでも時間が短縮になるWebサービスをまとめてみました。 ココロに余裕を持つこと 時間に追われてしまうと自分のメインの業務に影響でませんか？？ 自分は、ウソつけない性格なので顔にもアウトプットにも影響してしまう未熟者です。30過ぎても若輩者です。 自分はココロに余裕を持ち、より良いアウトプットが出るように時間を短縮できるWeb上のサービスを使っています。決してメインのサービスには成りきれないが、制作時の脇役を努めてくれるWebサービスを紹介！ もらったエクセルデータ量が大量すぎる！ エクセルシートをHTMLテーブ
デザインする上で大切にしていること - デザイナーのイラストノート
デザインしてますか？spicagraphです。ふだんツールに関する記事を書いたり、Twitterでつぶやいたりしていると「こいつ見た目のことばっかりやな」と思われそうで、めずらしくデザインするとき大切にしていることについて書きます。わたしの仕事は主にEC、LP、プロモーション、コーポレートサイトなので、UI/UXみたいなかっこいい話でないことは前置きしておきます（でもだいじなおしごとだよ！） デザインは誰のため？ 大前提として、わたしは誰に向かってデザインしているのか。 わたしはフリーランスで仕事をしているため「お客さん」がたくさんいます。仕事をくれた制作会社のディレクターさん、クライアント、ユーザーです。webサイトの「お客さん」はユーザーですが、ユーザーだけがいいと思うものだけが良いデザインだとは思いません。 webサイトは更新されていくものです、多くの場合はクライアントによって。とい
Web制作に関わる方のためEL-J（エル・ジェイ） [まぐまぐ！]
□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□ Web制作に関わる方のためのEL-J（エル・ジェイ） □□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□ 第225号 発行日：2016年4月27日 発行：鷹野雅弘（株式会社スイッチ） --------------------------------------------------------------- このメルマガでは、Web制作に関わる方のために、 書籍、セミナー、有用サイトなどをご紹介しています。 ┼────────────────────────── 目次 ──────────────────────────┼ ├ 今後のEL-Jは、FacebookとTwitterに移行します ├ 公開したスライド ├ セミナー情報 ├ 執筆関連：Adobe Creative Station 「ベテラ
![Web制作に関わる方のためEL-J（エル・ジェイ） [まぐまぐ！]](https://cdn-ak-scissors.b.st-hatena.com/image/square/d7df46c09aa57028d4bb9de100cabf5f153936a5/height=288;version=1;width=512/https%3A%2F%2Fimg.mag2.com%2Fogp%2Fbn%2Fogp.png)
WEBデザインが短期間で上達した方法
この記事は、Webデザインが短期間で上達した2つの方法として、新たに書き直しました。 WEBデザイナーとして10年ちょっと経過。 未だにデザイナーとして足りないものは多いですが、 どうにかクライアントにも満足してもらえる デザインが提供できるようになったと思います。 これは、自分が新米デザイナーだった頃にやっていた、デザインの上達方法です。 「上手くデザインができない！」「上手くなるにはどうすればいいの？」など、 どうすればデザインが上達するのかわかならい人の参考になれば幸いです。 新米デザイナーの頃、ダメなデザインをして先輩からよく叱られていました。 クライアントからデザイナーを交代してくれと言われ、 激しく落ち込んだこともあります。 いまになると恥ずかしいですが、 その頃の自分には、 プロのデザイナーとして最低限の能力がなかったのです。 クライアントの満足するクオリティのデザインを 期
ホームページの作り方 トップページの作り方１.ホームページの構成図を作る
１．ホームページの構成図を作る 最も重要な構成図づくり ホームページを作る際、最も重要になるのがこの構成図の作成という準備です。 手書きでももちろん構いませんし、エクセルやパワーポイントなどで構成図を作成するなど、 自分の管理しやすい方法で作成します。 下層のページの階層はなるべく浅くする ホームページにおいて最も重要なことは、エンドユーザーにとって「わかりやすい」という事です。 常にエンドユーザーの立場になってホームページ作りを考えます。 特にページの階層はトップページを最上位と考えると、２階層ですべて作れる事が理想です。 ページ数が２～３０ページ以上のボリュームがある場合は、３階層にするしかないですが、 分かりやすいホームページの階層の深さとしては３階層が限界です。 ページの優劣を考える ホームページを作る際、各ページでどのページが最も重要なのかをイメージしてください。 最も見せたい内
dfltweb1.onamae.com – このドメインはお名前.comで取得されています。
このドメインは お名前.com から取得されました。 お名前.com は GMOインターネット(株) が運営する国内シェアNo.1のドメイン登録サービスです。 ※1 「国内シェア」は、ICANN(インターネットのドメイン名などの資源を管理する非営利団体)の公表数値をもとに集計。gTLDが集計の対象。 ※1 日本のドメイン登録業者(レジストラ)（「ICANNがレジストラとして認定した企業」一覧（InterNIC提供）内に「Japan」の記載があるもの）を対象。 ※1 レジストラ「GMO Internet, Inc. d/b/a Onamae.com」のシェア値を集計。 ※1 2020年8月時点の調査。
Web系フリーランスをモンスタークライアントから守る契約書【テンプレートあり】
契約書なしの口約束でお仕事を受けてませんか？ 自分はまだ駆け出しのフリーランスだから…… クライアントへ契約の手間を与えてしまうから遠慮しちゃう…… 契約とか法律とかよくわからないから…… などなど、理由は様々あるのかもしれません。 でも、契約書なしで案件を受けていると必ずいつかトラブルが起きますよ。 例えば、代金以上の労働を求められたり、お金を払わず逃げられたり。 ボクも12年間、ウェブ制作業に関わってきてますが、残念なことにこうした契約に関わるトラブルをいろいろと経験しました。 確かに、契約書を自分で作るのは難しいです。行政書士へ契約書の作成を依頼するとかなりお金がかかります。 でも、契約書がたった１枚あるだけで、クライアントと友好的な関係を長く築けるのも事実です。 この記事のタイトルには「モンスタークライアントから守る」と書きました。 実際は、契約書は制作を受ける側のあなただけを守る
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Macy's| Introducing Denim & Supply - Ralph Lauren Stylish looks and perfect gifts for a night on the town or just kicking around.
CSSデザイン - Naifix
Slot88: Daftar Situs Judi Slot Online Terpercaya No 1 di Indonesia 2022