Photoshopの基本的な使い方が分かる入門記事9選 (1/3) - ＠IT
この春から新しく社会人になったり、転職したりして新しい環境にチャレンジしている方は、そろそろ1カ月がたとうとしていることだろう。新しい環境には慣れてきただろうか？ 新社会人はもちろん、転職して新しい業界に足を踏み入れた方も、今は覚えることがたくさんあり過ぎて大変かもしれない。できることなら、ちょっと楽して、さまざまな知識を手に入れたいのではないだろうか？ 例えば、Web制作現場に入社した人なら、Adobe Creative Cloudをインストールしてもらって「取りあえずDreamweaverだけ使えればいいから」なんて言われてDreamweaverだけやっていると、後でちょっと困ったことになるかもしれない。 なぜなら、Webサイト／サービスの元デザインはPhotoshop（よく「フォトショ」と略される）などで作られた一枚絵で渡されることが、ほとんどだからだ。Photoshopは、慣れてい
3日間で検索順位が200位上昇したSEO対策10項目
今回ご紹介するのは、検索順位が200位以上も大幅に改善された事例です。 そのサイトは12月末にSEO対策の見直しも含めてリニューアルを行いました。SEO対策の見直しと言っても、外部対策は一切行わず、内部対策の見直しだけ行いました。その結果、リニューアルの3日後には検索順位が200位以上上昇しました。1ヵ月半経った現在も順位は安定しています。 「検索順位が上がらない」「検索順位が極端に低い」という方のご参考になればと思い共有させて頂きます。 リニューアル前のサイトの状況 リニューアル前のサイトの状況は以下の通りです。 企業サイト（サイト内に社員ブログあり） スモールキーワードで1年以上240位前後に位置する ページランクは1（被リンクは殆どなし） ペナルティに該当するSEO対策はやってきてない 今回行ったSEOの方針 上記の通り、このサイトはペナルティに該当するようなSEO対策は行っていない
Web系フリーランスをモンスタークライアントから守る契約書【テンプレートあり】
契約書なしの口約束でお仕事を受けてませんか？ 自分はまだ駆け出しのフリーランスだから…… クライアントへ契約の手間を与えてしまうから遠慮しちゃう…… 契約とか法律とかよくわからないから…… などなど、理由は様々あるのかもしれません。 でも、契約書なしで案件を受けていると必ずいつかトラブルが起きますよ。 例えば、代金以上の労働を求められたり、お金を払わず逃げられたり。 ボクも12年間、ウェブ制作業に関わってきてますが、残念なことにこうした契約に関わるトラブルをいろいろと経験しました。 確かに、契約書を自分で作るのは難しいです。行政書士へ契約書の作成を依頼するとかなりお金がかかります。 でも、契約書がたった１枚あるだけで、クライアントと友好的な関係を長く築けるのも事実です。 この記事のタイトルには「モンスタークライアントから守る」と書きました。 実際は、契約書は制作を受ける側のあなただけを守る
H1一つでここまで出来るCSS見出しデザインのアイデア9個 / SQUEEZE - Web Design Studio -
HTMLはh1要素だけで、CSSの「border」や「box-shadow」「transform」「linear-gradient」、擬似要素の「:before」や「:after」を使った見出しデザインをご紹介します。まずはサンプルをご覧ください。 サンプルページ » 01.切り取り線 紙を切り取ったようなデザインです。 サンプルとソースを見る » ポイント垂直方向の影のオフセット距離を設定しただけでは、左右両脇にも影ができてしまうので、一旦5px下に影をオフセットしたうえで、広がり距離を負の値(-4px)にし縮小することで、上部の影のみを残しています。 border-top:1px dashed #aaa; border-bottom:1px dashed #aaa; background:#eee; text-shadow:1px 1px 0 rgba(255,255,255,1);
これなら分かる！WEB制作を無料で「学べる」サイトまとめ
作成：2013/02/4 更新：2014/11/01 Web制作 > 基本的なところを簡単に、楽しく覚えたい 自分でサービス作ったり、会社や違う職種でも 色々と「基本」はおさえておきたい 今回はサイト制作に必要な「基本的な知識・情報」を、分かりやすいサイトを中心にまとめました。必ずおさえておきたいスキル・知識です。 エンジニア速報は Twitter の@commteで配信しています。 もくじ １．HTML5 ２．CSS ３．レスポンシブ ４．配色 ５．視線誘導 / 心理学 ６．インターフェース / ユーザビリティ ７．SEO ８．ディレクション ９．アクセス解析 １０．WEBマーケティング １１．コピーライティング １２．ソーシャル １．HTML5 HTML5って何？ HTML5とは何かを簡単にまとめてみた - Yahoo! JAPAN Tech Blog Canvasについて知っておく
SEO対策TIPS
当サイトが公開され7年以上の月日が経ち、1部の内容は検索エンジンに全く影響を与えない物に変わっております。あくまで参考程度にご利用ください SEO対策TIPSについて すでにSEOは、ユーザービリティ、アクセシビリティなどと同じでサイト作成を行う上で配慮されてあたりまえです。 当サイトはWEBクリエイターのSEOに関する知識・技術の普及を目的に運営されるサイトです。 情報は常に正確なものを掲載するよう努力しておりますが、不正確な情報等ございましたらお問い合わせよりご連絡いただけたら幸いです。 SEOとは？ SEO(エスイーオー)とはSearch Engine Optimization(検索エンジン最適化)の略でyahooやgoogle、msnなどの検索エンジンのキーワード検索で上位に表示される技術のことです。 続き SEOの目的 SEOの目的は『検索エンジンで上位に表示すること』でしょうか
SEO基本技術のチートシート（トラの巻）を作ってみた | Web担当者Forum
9か月前、最初にSEOmozで働き始めたとき、僕はウェブ制作のインターンだった。それ以前の経験といえば、コードを書いたことがあるくらいだった。 SEOmozに参加してから、それこそ何百時間もかけて、いろいろな分野の知識を広げていった。特に、定番のSEO手法と中小企業向けの実務は力を入れて勉強した。この間投稿したSEO初心者のためのチェックリストは、僕が新しく手に入れた知識の結晶なんだ。 原点に立ち帰るために、SEO技術のトラの巻の母体となるべきものを丸1日かけてまとめてみた。このトラの巻は、ブログ記事として読むよりもPDFで印刷して読んだ方がいいよ（ブログ記事は印刷しにくいからね）。 ダウンロードする前に内容を確認できるように、簡単な説明をしておくよ。じゃあね！ SEO基本技術のチートシート（トラの巻）――表面
スマホ向けサイト制作3手法の基礎知識と課題、OS／機種依存のハマリどころ3選
スマホ向けサイト制作3手法の基礎知識と課題、OS／機種依存のハマリどころ3選：スマホ向けサイト制作で泣かないための秘伝ノウハウ（1）（1/2 ページ） スマートフォン向けWebサイト構築支援ツールを開発・販売するため、国内すべてのケータイ・スマートフォン・タブレットを所有している企業に勤める筆者が、サイト構築のハマリどころとも言えるノウハウを紹介する連載。第1回は、PCやケータイと比べて際立ったスマホの特徴2つや、スマホ向けサイト制作3手法の基礎知識と課題、iPhone／AndroidなどOS／機種依存でのハマリどころをサンプルを交えて3つ紹介 連載開始に当たって 初めまして。KSKの「フレックスファームビジネスユニット」でエバンジェリストをしている渡辺と申します。筆者の所属するフレックスファームでは、スマートフォン向けWebサイト構築支援ツールの開発・販売を行っています。国内で販売されて
Twitter 検索API メモ - 超自己満足プログラミング
【2010-02-28 追記】 いつの間にやら結構な数のブックマークをして頂いて、 情報が古いままでは心苦しいので、１年ぶりくらいになってしまいましたが、情報を更新しました。 思ったほど変更はなかったのでよかったです。 〜〜 ここから元々の本文 〜〜 http://apiwiki.twitter.com/Twitter-API-Documentation の「Search API Methods」について のメモですが、 英語がかなり苦手なので、間違ってるとこもあるかもしれません。 あと、大してtwitterを使ってなかったりするので、 twitterの機能面でよくわかってない部分もあります。 検索API : http://apiwiki.twitter.com/Twitter-Search-API-Method%3A-search 出力形式 AtomとJSONに対応。リクエストURLはそ
CSS3で表示する画面の色作成支援ツール：日立のユニバーサルデザイン
クリックするとご利用いただけます（別ウィンドウで開きます）。ただし、SVGフィルターなどの最新技術を活用しているため、想定通り動作することが確認できているFirefox12以降でなければ動作しないようにしています（2012年7月現在）。Firefox以外で本ページをご覧の方は、下記URLをFirefoxで開いてください。 http://www.hitachi.co.jp/universaldesign/products/business/assistance_for_color_generation/product.html 概要 無償でお試しいただくことが可能な、CSS3で開発するWeb画面の色と形の作成を支援するツールです。主な特徴は以下の通りです。利用前に、利用上の注意をお読みください。 作成した色と形を登録すると、次にブラウザを立ち上げたときも利用可能です（注意事項）。 作成した色
共通の「ヘッダ」と「フッタ」を読み込む::streetcar weblog 第二世紀
streetcar weblog 第二世紀 このブログからのお知らせです。 2010-10-04【障害のお知らせ】 Googleマップの仕様(Google Static Maps API)が変わった為、現在迄に貼り付けた地図の、大部分が表示されなくなりました。 2009-07-01【障害のお知らせ】 7月1日・朝7時頃、ドメイン同期(シンボリックリンク)設定の失敗により、サイトの大部分が消失しました。同日・夜20時頃までに、大部分をバックアップファイルから復旧しました。 ◎ 復旧できたサイト「ホームページ」「ブログ」 × 復旧出来なかったサイト「wiki」「試作・新ホームページ」 2008-11-17【保守のお知らせ】 サーバー内・フォームメールcgiの動作が不安定なため、外部無料フォームメールサービスを組込みました。 see more Lolcats and funny pictures
誰でも作れる！ “崩れない”HTMLメルマガ作成術（1/4）- ＠IT
誰でも作れる！ “崩れない”HTMLメルマガ作成術：一撃デザインの種明かし（12）（1/4 ページ） キレイなHTMLメールを作るコツ/Tips盛りだくさん！ ECサイトはもちろん、企業サイトのニュースなど、いまなおプッシュ型の情報配信として支持されるメールマガジン。一時のフィードリーダーの盛り上がりもあり、以前に比べると落ち着きましたが、まだまだメールマガジンの効果は侮れません。 今回は、そんなメールマガジンの中でも、表現力豊かなHTMLメルマガの作り方について、徹底解説します！ 「HTML」自体は、それほど難しくないが…… 「HTML」というマークアップ言語自体はプログラム言語に比べると手が出しやすいので、Webを仕事としていない方でも触れた経験をお持ちの方はいらっしゃるのではないでしょうか？ そういう人にとっては、HTML言語自体はそれほど難しくないと思います。 しかし、そのHTML
『SPピグで見るCSS3活用事例』
1 pixel｜サイバーエージェント公式クリエイターズブログ サイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。 こんにちは、森と申します。 スマートフォン版アメーバピグのWebアプリを担当しています。 「HTML5 Web Applicationのつくりかた」という記事が詳しいので、 この記事ではスマホ版ピグのCSSについてマイページを例にご紹介します。 とても長い記事になってしまいましたが、最後までご覧頂けると嬉しいです。 スクリーンショットで見るCSSプロパティやセレクタ2012年4月現在、SPピグ内のレイアウトはどのページも大体同じなので、マイページとフォーム要素を抜粋して使っているプロパティやセレクタの中から主要なものをざっと並べてみました。 HTML
The Shapes Of CSS | CSS-Tricks
DigitalOcean provides cloud products for every stage of your journey. Get started with $200 in free credit! CSS is capable of making all sorts of shapes. Squares and rectangles are easy, as they are the natural shapes of the web. Add a width and height and you have the exact size rectangle you need. Add border-radius and you can round that shape, and enough of it you can turn those rectangles into
Webデザイン入門 目次：ITpro
サイトを「使おう」という意思と「使えた」という結果の間には必ず「デザイン」という工夫があります。使いやすさを常に心に留めて，制作テクニックを習得していきましょう。 ・Googleのサービス群をコピペで使えるGoogle Web Elements ・Adobe Illustrator CS4の新機能（その1） ・ソフトウエアとサービスの魅力的な融合がカギ --- MIX essentials."Silverlight Day"より ・デジタルコンテンツに期待高まる --- CEATECパネルディスカッションより ・無償の写真管理・補正サービス「Adobe Photoshop Expressベータ版」を使ってみた ・担当者に聞く！ 「Google Developer Day 2008」の見どころ ・新ポータルサイトに見るWebページ・デザインのトレンド ・英文メールでKISSとあったら？ ――
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
csscomb.com
掲示板/HTML質問板［過去ログ］/一覧/HTMLヘッダを別ファイルで読み込みたい - TAG index Webサイト
Loading...