タグ

web制作とあとで観るに関するsawarabi0130のブックマーク (10)

  • ウェブデザイナーの勉強にいい!デザインの基本原則からPhotoshopの実践的なテクニックまで学べる無料のeBook -Pixel Perfect Precision 3

    デザイナーさん・ディレクターさんをはじめ、ウェブデザインに携わる全ての人に必携です! デザインの基原則をはじめ、Photoshopを使った実践的なさまざまなテクニックが学べるeBookを紹介します。無料なのに市販の書籍に負けない、いや人によってはそれ以上の価値ある内容がぎっしり詰まってます。 Pixel Perfect Precision 当ブログでもお馴染みのPixel Perfect Precisionの第3版が、昨日リリースされました(パチパチパチパチ) 内容も大きくバージョンアップし、ページ数も165ページから214ページへと大増量。 デザインにおける、配置の基原則、可読性を考慮したテキスト、カラーマネジメントなどをはじめ、ファイルの効率的な管理方法、Photoshopでのウェブに最適な初期設定、レイヤー管理、Illustratorのウェブで使える実践的なテクニックなど、満載の

  • フロントエンド開発今昔物語 - Qiita

    フロントエンドと言っても、アプリやゲーム制作などではなく、いわゆるWebサイト制作のクライアントサイド側の話になります。 時代背景 おじいさんには、Photoshop、Illustrator、Dreamweaverという3種の神器がありました。当時のWebサイト制作は、これらのソフトを利用し、おじいさんが一人で行っていました。おじいさんのような仕事をする人は、Webデザイナーと呼ばれ、とても人気がありました。おじいさんは幸せでした。 いつしかWebデザインは分業化されるようになりました。おじいさんは久しくデザインをしていません。現在の彼の仕事は、デザイナから受け取ったPhotoshopデータを基にWebサイトを制作することです。それはHTML5サイトというとても都合の良いバズワードでまとめらてしまうこともあります。このことについて、おじいさんはやり場のない憤りを抱いています。 HTML/C

    フロントエンド開発今昔物語 - Qiita
  • [記事移転済]WordPressサイトを構築するといくらかかる? 見積り勉強会で価格を出してみた | WordBench

    はじめまして。このようなやり方の勉強会では以下の理由により意味がないと思います。 ・依頼主の予算感や運用に対する具体的な数字がでていない ・依頼主とのすり合わせができていない ・案件を段階的に進める事が想定されていない 見積は依頼の背景がクリアになって初めて価格の適正が評価可能になりますので、件のようなスタンスで”典型的なWordPressサイトの見積りでも現状はまだまだ標準的な見積手法が確立されていないことが分かります”とコメントしてしまうのは「無限に広がる土地に家を建てるならこんな設計」って提案を複数並べて「いやー予算と間取りがバラつきましたね。これはまだ建築設計に標準的な工法が無いことを示しています」とコメントしてしまうことと同意で、見積金額がばらつくのは自明です。 また、金額の多寡は状況に依存しますので普遍的に評価することは難しいと思います。逆説的に言えば平均的な価格よりも多少高

  • 「本当の基礎からのWebアプリケーション入門――Webサーバを作ってみよう」始めました - K.Maebashi's はてなブログ

    以前から「誰か書いてくれませんかね」とか言っていた「当の基礎からのWebアプリケーション入門――Webサーバを作ってみよう」ですが、誰も書いてくれないので自分で書きました。 当の基礎からのWebアプリケーション入門――Webサーバを作ってみよう http://kmaebashi.com/programmer/webserver/index.html 現状、合計で140行くらいのJavaプログラムで、普通に画像やCSSを含むWebページが表示できています。こちらのページの下のほうにも画像を貼っていますが、こんな感じで、ローカルのファイルシステムに置いてある私のWebサイトのトップページが表示できていますし、もちろんリンクをクリックして遷移することもできます。 「えっ? Webサーバってこんなに簡単に書けるの?」と思う人も多いのではないでしょうか。 もちろんこんなのは「わかっている人」から

    「本当の基礎からのWebアプリケーション入門――Webサーバを作ってみよう」始めました - K.Maebashi's はてなブログ
  • WEBデザインが短期間で上達した方法

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

    WEBデザインが短期間で上達した方法
  • WordPressカスタマイズの基礎が全て分かる初心者必読の記事10選

    ユーザーに届ける価値を徹底的に追求する マーケティングを提供します © Copyright 2022 バズ部. All rights reserved. Webサイトやブログを構築する際に使えるCMSやWebサービスは数多く存在するが、WordPressは近年、もはやCMSのデファクトスタンダードとしての地位を確立している。(※W3TECHの調査によると、世界のWebサイトの約33.9%がWordPress。CMS市場では60.7%がWordPress。) もちろん、私も、ほとんどのサイトやブログをWordPressで構築しているし、国内でもWordPressの導入例は増え続けている。 従って、WordPressのカスタマイズ方法を知っておくと、何かと有利な場合が多い。そこで、日は、WordPressをカスタマイズしたい初心者が絶対に読むべき10の記事をご紹介する。 1.WordPres

    WordPressカスタマイズの基礎が全て分かる初心者必読の記事10選
  • 初めてSassとCompassを使った際に参考にした記事まとめ

    しばらく前から気になっていたCSSを書く時に便利だという「Sass」と「Compass」を自分のサイトを作る時に使ってみました。 順番に導入の手順を追ってもいいのですが、検索すると多くのサイトが紹介していますので、私が見て参考にしたページをまとめておきたいと思います。 Sassとは まずSassとは何かと言うと、CSSを生成するためのメタ言語で、これを利用することでCSSを早く書けたり、記述が楽になったりします。 Sassの公式サイトは以下から。 Sass – Syntactically Awesome Stylesheets Compassとは Sassを拡張して、便利な機能を追加してくれるものです。ベンダープレフィックスを自動でつけてくれたり、リセットCSSを呼び出してくれたり、CSSスプライトを使えたりします。 Compassのドキュメントは以下から確認できます。 Compass H

    初めてSassとCompassを使った際に参考にした記事まとめ
  • 簡単なウェブページを無料で公開するならDropboxのPublicフォルダとbitlyで! - Gadget Girl

    Dropboxをバックアップだけに使っているという方、もったいないです! イベントの告知ページや自己紹介ページなど規模が小さいウェブページを公開したいとき、DropboxのPublicフォルダが便利ですよ。レンタルサーバーなどを使わずに無料で出来るというのも嬉しい♪ 自分の情報をまとめた簡単なウェブページ http://bit.ly/spring_mao を公開したので、その手順をまとめてみます! 今日のレシピをざっとまとめると以下の通り! 公開したいページのHTMLファイルを作成する DropboxのPublicフォルダに入れて公開URLを取得する bitlyで短縮URLに変換&カスタマイズして覚えやすくする 公開したいページのHTMLファイルを作成する テキストエディタでHTMLファイルを作ります。.htmlという拡張子で保存すればOK!下記のページを参考にしてみてください。 参考:W

    簡単なウェブページを無料で公開するならDropboxのPublicフォルダとbitlyで! - Gadget Girl
  • 【初心者向け】WEBクリエイターになるための入門7レッスン | DECONCEPTER

    無料で学べるドットインストール 無料でプログラミングの基礎を簡単に動画で学習できるドットインストールというサイトをご存知でしょうか。こちらのサイトではHTMLCSSといったWEBページを作るための基礎知識やWEBシステムやWEBページのデザインをするためのプログラミング言語の解説が幅広く網羅されているサイトだ。 初心者でなくても、新しい言語を気軽に学べるようになっており、WEB技術の学習に対する敷居を大きく下げてくれている。今日はこれからWEBページを作りたいという方やWEBディレクターをやっているが作り方を実はよく知らないという方が最低限押さえておきたいレッスンをピックアップする。 HTML これが書けなきゃ始まらない。HTMLは全く難しいものではありません。整形した文書をWordで作ったことがある方は多いと思うが、HTMLはインターネットに整形した文書を公開するための言語だ。 WEB

  • 新人WEBディレクターに教えたい。オリエンテーションとヒアリング

    以前WEBディレクターの仕事について簡単に記事にしましたが、今回からもう少し詳しく、1つ1つの仕事について紹介させていただこうと思います。 WEBディレクターの仕事というのは非常に多岐にわたっていて、一言でこんな仕事をしているよ!とは言えません。Webディレクターはプロジェクトの受注からサイト企画・進行管理・運用などさまざまな業務に関わり、案件を滞りなく進めていくことが主な役割です。そのため基的にサイト制作のすべてにWEBディレクターは顔を出します。だからこそ一言でWEBディレクターの仕事を表すのは難しいんですね。 オリエンテーション・ヒアリング クライアントからお問い合わせを受け、受注に至るまでには大きく分けて5つのフローが存在します。その中から今回はWEBディレクターの最初の仕事であるオリエンテーションとヒアリングのポイントを紹介させていただきます。オリエンテーションやヒアリングはW

    新人WEBディレクターに教えたい。オリエンテーションとヒアリング
  • 1