タグ

WEB制作とあとでに関するAkira_0w0のブックマーク (22)

  • 僕がユーザーとして本当に感動したWebサービスまとめ(2013年版) : けんすう日記

    業界人としてではなくて個人として 僕はいわゆるインターネット業界で働いていて、Webサービスを作っていたりするので、どうしてもWebサービスを見る時に、業界人目線で見てしまったりします。 つまり「この仕組みは素晴らしい」とか、「これはビジネス的にいけてるねえ」とかそういう感じで見ちゃうのですね。 そして、業界人として言及したいサービスなどをFacebookやTwitterで紹介してしまうということも多々ありました。すでに知られているサービスよりも新しいサービスを紹介しがちだったり、応援している人がやっているサービスなどを紹介しがちだったりします。 しかし、そんな業界目線をすっとばして、当にユーザーとして素晴らしいと思ったサービスこそ紹介する価値があるんじゃないかなあ、という気持ちもあります。そこで、今回は、完全にユーザー目線として、ここ最近感動したサービスなどを紹介したいと思います。 コ

    僕がユーザーとして本当に感動したWebサービスまとめ(2013年版) : けんすう日記
  • JavaScript アニメーションのデザインパターン

    JavaScript でアニメーションを作る アニメーションとは何? ビューを少しずつ回転、拡大縮小、移動、変色などを行い、連続的な動きを作る こんな感じ <div id="view">hoge</div> <script> var el = document.getElementById('view'); el.style.opacity = 1; setInterval(function() { el.style.opacity -= 0.01; }, 10); </script> なんで、あんな感じの書き方になるの? setInterval の意味が分からない こんな感じで書けないの? <div id="view">hoge</div> <script> var el = document.getElementById('view'); el.style.opacity = 1; w

  • はじめてのスマートフォンサイト制作「基礎知識や開発環境の準備編」

    今までスマホサイトを制作したことが無いので、サイト設計から基礎知識、デザインの知識など一から全て勉強していきますので、その点についてまとめて行きます。 用語整理 まず初めてに新しい用語などについて整理していきます。用語については自信ある方はこの項目は飛ばして下さい。 「スマホ」と「スマフォ」どっちが一般的なのか 今まで「スマホ」だと思っていたのですが、最近「スマフォ」と呼称する人を見かけるようになりました。確かに「スマートフォン」を略すなら「スマフォ」の方が正しそうな気がしますが、Google で調べた所検索ボリュームの数が「スマホ」の方が圧倒的に多いので、私は略す場合は「スマホ」で通していくことにします。 フィーチャーフォン (ガラパゴスケータイ) 日独自の進化を遂げた携帯をガラパゴス携帯、略してガラケーと呼びます。個人的にはガラケーという言葉を使っていたのですが、ガラケーではなく「フ

  • 新卒Webデザイナーにとりあえず読ませておきたいデザインの原理原則が学べるエントリー

    「素人っぽいデザイン」から抜け出すために、デザイ... / デザインを勉強したことがない人でもデザインできる... / 非デザイナーのためのデザイン基テクニック その...他...全10件

    新卒Webデザイナーにとりあえず読ませておきたいデザインの原理原則が学べるエントリー
  • 10分くらいで分かるXHTML+CSS

    このブログをお読みの方には既に不必要かもしれませんが、XHTML 1.0 と CSS 2.1 の入門記事です。 社会人のためのWebデザインスクール 用に作成したプレゼン資料をもとに記事にしています。 授業の時は、先にこの話をしてから XHTML を書いてもらうのではなく、先に HTML/XHTML&スタイルシートレッスンブック―ステップバイステップ形式でマスターできる を読みながら XHTMLCSS で簡単なページを作成してからこの話をしています。 その理由としては、HTML や XHTML を1度も書いたことがない方に「ブロックレベル要素」や「インライン要素」、CSS の「セレクタ」等の話をしても何のことか分かりにくいだろうと考えているからです。 ※この記事は2012年に執筆したものです。現在の 社会人のためのWebデザインスクール では、HTMLCSS コーディングについては

    10分くらいで分かるXHTML+CSS
  • カヤック内定者が本気で作った!面接に効く「おいしいポートフォリオ」

    おいしいポートフォリオを作ろう! どうも、はじめまして!! 縁あって面白法人カヤックで働くことになりました、デザイナー内定者のハットリです。 ところでみなさん!ポートフォリオ、作ってますか? ポートフォリオって作るの難しいですよね…。 今回はそんなポートフォリオのことを ちょっとでも楽しく、料理に例えつつ紹介したいと思います。 自己流レシピですが、皆さんの参考になれば嬉しいです! ちなみにカヤックにはこんなポートフォリオを送りました。 1.下ごしらえ: 素材を準備しよう! 作品リストをつくろう! まずは、ポートフォリオの下ごしらえです。 今までの作品をリスト化してみましょう! 「どの作品なら使えそうか?」が分かるように書くといい感じです。 こうしてチェックしておけば、いざ作り始めて 「クオリティはOKでも、写真データがない!」とあたふたしなくてすみます。 キーワードを探そう! さて、これで

  • JavaScriptをやり始めた人が理解したほうが良いJSONパーサのコード - sifue's blog

    そろそろ4月も近いということもあって、新たにWeb業界やSIer業界に入るぞという方がプログラミングの勉強をし始めているころでしょうか。最近は、エンタープライズでもWebクライアントが主流になりつつあるのでJavaScriptの習得は避けては通れない道だと思います。また、Node.js等サーバーサイドのJavaScriptも出てきたこともあって、非常に有用な言語になりつつあります。 そんなJavaScriptを学び始めている人の中でも、ある程度プログラミングをやったことがある人がJavaScriptの綺麗な書き方を学ぶのに絶対理解しておいた方が良い300行程度のソースコードがあります。 それは、JavaScript: The Good Partsに載っているJSONパーサのコードです。 JavaScript: The Good Parts ―「良いパーツ」によるベストプラクティス 作者:

    JavaScriptをやり始めた人が理解したほうが良いJSONパーサのコード - sifue's blog
  • SEOのスキルセット/あるいはSEO業界へのお誘い - web > SEO

    先日、SEOのスキルセットについてのツイートをしました。 私は、他の職種からSEOになる場合、アクセス解析の方かWeb制作全般を幅広く行われてきた方が一番と思っています。幅広い範囲が求められるSEOのスキルセットに一番近いのはアクセス解析と思いますし、小さなWeb制作会社などで営業から制作まで大量にやってきたような人も適正が高いと思うのですよね。 この件を掘り下げて書いてみようと思います。 SEOのスキルセット SEOの専門家(人工リンク中心ではない)、特に高いレベルのお客様にSEOを提供する側になるには、検索と検索行動、検索エンジン周りの知識は当然の事として、WebデザインHTMLコーディング、ユーザビリティ等のWeb制作に関わる広い知識が必要になります。 Web制作上の知識が無くてSEO観点でのサイト改善を提案できるはずがありません。 SEOは、Web制作の方が作られたWebサイトを

    SEOのスキルセット/あるいはSEO業界へのお誘い - web > SEO
  • 全てのデザイナーが見るべきIllsutratorのチュートリアルビデオ30 | WEB WORLD BLOG

    海外の有名デザインブログ「Blog.Sppon Graphics」でIllustratorのチュートリアルビデオを紹介したエントリー「30 Illustrator Video Tutorials Every Designer Should See」がありましたのでご紹介します。 新しいアプリケーションを習得しようとしている場合、様々なメニューやツールを通して、その道のエキスパートがガイドしてくれるものほど良いものはありません。この記事は最も詳しく解説された30のAdobe Illsutratorのビデオチュートリアルとスクリーンキャストを集めた記事です。それぞれの特徴を生かした明快な解説と役立つテクニックは、あなたのIllsutratorのプロへの道の手助けとなるでしょう。 Digital Inking Demonstration & Tutorial How To Setup and D

  • ひとりでWebサイトを作れるまでに必要な本や記事集めました  〜①デザイン編〜

    「Webサイトを作れるようになりたいけど何から始めればいいかわからない」そんな人のために完全な素人の人がひとりでWebサイトを作れるまでに必要なや記事集めました。 この記事テーマは3つの記事に分かれています。 一つ目は今回の、 完全素人がひとりでWebサイトを作れるまでに必要なや記事集めました  〜①デザイン編〜 後日公開予定の、 〃 〜②コーディング編(HTML&CSS)〜 〃 〜③集客・Webマーケティング編〜 以上の3つです。 Webサイトの制作手順 初めての方は「Webサイトをどういう順番で作るか?」について知らないと思いますので、説明します。Webサイトを作成し、公開してたくさんの人に見てもらうまでには大きく7つのステップがあります。 ①どんなWebサイトにするか考える(企画) Webサイトを作るためにまずはどんな目的で、誰に、どんな情報やサービスを届けたいのかを考え

  • nutstown

    北海道にある田舎町。そこで出会った友人。 学生の頃から海外に憧れ、常にえもいわれぬ劣等感に苛まれ それでも「なんか、かっこいい雰囲気だよね」と言われたくて。 田舎に住んでいるからダサい、ではなく、ここだから見せられるかっこよさを自慢したい。 誰に向けるわけでもなく 自分たちの乗っている車や、スケート・BMX・僕らの聞いているいい感じの音楽を発信したい そんな欲求で当時サイトを立ち上げていました。 ここはそんな僕らのアーカイブです。

  • デザイン  |  Android Developers

    Get started Start by creating your first app. Go deeper with our training courses or explore app development on your own.

    デザイン  |  Android Developers
    Akira_0w0
    Akira_0w0 2012/01/13
    Google、Androidアプリのデザインガイドライン
  • IDEA * IDEA

    ドットインストール代表のライフハックブログ

    IDEA * IDEA
  • Loading...

    Loading...
  • チームでWebサイトを制作する際に気をつけたい10のマナー

    2013年9月26日 Webサイト制作, フリーランス Webサイトの制作会社で働いている人はもちろん、普段一人で活動しているフリーランサーの方も、フリーランサー同士が手を組んでWebサイト制作を行ったり、制作会社がフリーランサーに受注するなどで、複数の人でひとつのサイトを制作することもあると思います。そんな時に起こりやすいトラブルと、それを防ぐ方法を考えてみます。ちなみに今回はデザイナー目線での気づいた事です。プログラマーさん目線での気をつけたい事などあればお聞かせください :) ↑私が10年以上利用している会計ソフト! デザイン時 1. レイヤーに名前をつける 「もらったPhotoshopファイルを開いたら、どれがどのレイヤーなのかさっぱりわからない!」なんて体験、ありませんでしたか?デザインファイルを共有する場合はレイヤーの管理がとても大切です。「レイヤー0」「レイヤー1」「レイヤー

    チームでWebサイトを制作する際に気をつけたい10のマナー
  • 非デザイナーも知っておきたいデザインにある葛藤とホンネ

    去年から恒例イベントになっているWebSig 1日学校。古い学校の校舎を使って正に学校で学んでいるような気分で参加できるこのイベント。今年は「デザイン視点のコミュニケーション術」というタイトルで講師をさせていただきました。主催者からの依頼が非常に難易度が高く、扱うトピックからスライドの完成まで悩みながら作りましたが、そのプロセスで見えたところもたくさんあり、イベントも含めて学びと出会いがたくさんありました。 なぜ『作る』以外について語ったのか デザイナーの仕事はレイアウト、UI、ルック&フィールなどを作る人。コンセプトや潜在的にあるものを視覚化出来る人と捉える方が多いと思います。作り出すことがデザイナーの能力ではありますが、語られる部分が「作る」という部分に集約してしまいがちです。しかし、実際のところ「作る」部分というのはデザイナーの能力のほんの一部でしかなく、それ以外が重要だったりします

    非デザイナーも知っておきたいデザインにある葛藤とホンネ
  • やたらと重い「Firefox」を、馬鹿みたいに高速化する方法まとめ。

    結構Firefoxが好きなので、ちょこちょこ改造していたんですが、管理するPCごとに新しいこと試したり前やってたことをやめたりしてるうちに何が何だかわからなくなってきてしまったので、そろそろまとめようかなー?ってことでまとめてみました。 ちなみに、ここに書いてある改造は完全に自宅マシン用です。 会社のマシンでここまでやると・・・ちょっと動作とかアドオンの不都合とか色々検証してないことも多いので、出来るだけご自身の責任でお願いいたします。 とりあえず手始めに入れるアドオン SQLiteOptimizerアドオンを入れる Firefoxの重たくなる一番の原因となる、SQLiteの計量最適化を図ってくれるアドオン。 Faster Fox Liteアドオンを入れる 設定は「ターボチャージャー」に。 かつ、アドバンス設定で「Disable IPv6 DNS lookup」にチェック。 MemoryF

    やたらと重い「Firefox」を、馬鹿みたいに高速化する方法まとめ。
  • マークアップ言語HTML5の特徴 | Web担当者Forum

    ※この記事は読者によって投稿されたユーザー投稿です:編集部の見解や意向と異なる内容の場合があります編集部は内容について正確性を保証できません画像が表示されない場合、編集部では対応できません内容の追加・修正も編集部では対応できません HTML言語の最新バージョンとして、Web標準化団体であるW3Cによって現在標準化作業が進められている"HTML5"。Web業界においてスマートフォン対応が進む中、これに合わせて"HTML5"という言葉もよく耳にするようになってきました。コラムではこのHTML5について、技術者ではない方でもその特徴を理解しやすいようにご紹介します。 HTMLの概要・歴史まず、HTMLについて簡単な復習になりますが、正式名称はHyperText Markup Language(ハイパーテキスト マークアップ ランゲージ)。Web上のドキュメントを記述するためのマークアップ言語に

    マークアップ言語HTML5の特徴 | Web担当者Forum
  • 最近よく使ってる、Web制作に役立つWebサービス的なやつ

    少し前に聞いてくれた方がいたのでついで にシェアしてみます。個人的に最近よく好ん で使っている、Web制作に役立つWebサー ビスみたいなものをご紹介。全部既出で 珍しいものは無いんですけど、一覧にする のもたまにはいいかもですね。 というわけで、場合によっては誰得な記事ですけどご了承下さい。僕がここ最近でよく使ってるWebツールを古いのから新しいのまで、順不同でご紹介していきます。 web計。 → 黄金比・白銀比をサクサク計算 計算が面倒な黄金比や白銀比を、数値を入力するだけでサクサク出してくれます。動作も軽くてストレス無しです。 web計。 simplelib → よく使うjQueryコードをパッケージで配布 めっちゃ楽です。jQueryで作りたい機能だけを選択して、1つのjsファイルにパッケージにしてくれますよ。ページスクロールとかタブとか需要の高いものが揃っています。ちょっと機能を

    最近よく使ってる、Web制作に役立つWebサービス的なやつ
  • WEBデザインをとにかくたくさん見たい人の為のまとめ - NAVER まとめ

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

    WEBデザインをとにかくたくさん見たい人の為のまとめ - NAVER まとめ