タグ

Webとweb制作に関するlion_7326のブックマーク (7)

  • 汗と涙と成長の新卒デザイナー研修 -Webサイトデザイン編 | CyberAgent Developers Blog

    みなさまはじめまして!2018年度新卒入社デザイナーの清水です。 サイバーエージェントの新卒デザイナーは、入社後に約1ヶ月半に渡る新卒デザイナー研修を受けます。今回は新卒デザイナー研修2つ目の課題であったWebサイトのデザインについてご紹介します! 課題の内容は 「サイバーエージェントの全サービスを紹介するサイト(PC・スマートフォン)を制作する」 でした。 昨今ではWebサイト制作においてスマホへの表示対応は必須になります。今回の課題でも、PC版とスマホ版、両方のデザインを約1週間で制作しました。 新卒の中には学校の課題や自主制作などでWebデザインの経験がある人もいれば、これまで一切触れたこともない人もいるので、制作前にまずはしっかり講義で基礎知識の足並みを揃えてスタートしました。 今回は、研修に参加した11名のうち上位5名に選ばれたメンバーの作品をご紹介をしていきます! このサ

    汗と涙と成長の新卒デザイナー研修 -Webサイトデザイン編 | CyberAgent Developers Blog
  • 簡単ホームページサービスと次へ導く難しさ

    ダンプカーを押し売りしていないか 社会学者エベレット・M・ロジャーズ(Everett M. Rogers)のイノーベーター理論に当てはめると、今ホームページを作りたいと考える人たちは「レイトマジョリティー」もしくは保守的な「ラガード」に入ると思います。Web サイトを作るだけで多くの方が訪れる、ネットワーク効果でどんどん広がるというのは 10 年以上前の話。あらゆる専門家が思いつくことをやり尽くしている現在。「さぁ ホームページでも作ってみるか」と立ち上がってはみたものの、見渡す限り戦後の焼け野原といっても大袈裟ではありません。 日ではほぼ普及しきったと言える web。そういう状態だからこそ安心して参入できると考えるのがレイトマジョリティーですが、競争も激しく小手先の手段では変化は生まれません。Web プロフェッショナル達が「ただ、作っただけでは意味がない」と語るのはそのためで、飽和状態

    簡単ホームページサービスと次へ導く難しさ
  • http://www.smaroomch.net/web-design-dokugaku-site/

  • レスポンシブ対応のWebページを制作する時に役立つスクリプトのまとめ

    bodyやページ上の各要素にレスポンシブ用のclassを付与、HTML, CSS, JavaScriptで利用できるブレイクポイントを一元管理、設定したブレイクポイントに応じて最適なサイズの画像を表示・レイアウトの変更など、レスポンシブ対応のWebページを制作する際に役立つスクリプトを紹介します。 Restive.JS Restive.JS -GitHub 表示しているデバイスを自動検出し、bodyや各要素に任意に定義したブレイクポイントごとのclassを付与します。ブレイクポイントはピクセルと解像度、プラットフォームやデバイスの種類や向きの判別にも対応。

    レスポンシブ対応のWebページを制作する時に役立つスクリプトのまとめ
  • Guide to HTML Semantic Markup

    2014年8月17日 HTML, Webサイト制作 連載企画「実践で学ぶWebサイト制作ガイド」も佳境を迎え、今回いよいよHTMLマークアップの段階に突入します!「デザインは好きだけど、コーディングは苦手…」という人も、焦らず少しずつ記述していけばちゃんと形になります!お手持ちの「TextEdit」や「メモ帳」などのテキストエディタツールを開いて、さっそく始めましょう! ↑私が10年以上利用している会計ソフト! 実践で学ぶWebサイト制作ガイド:その6 目標:正しいページ構造のHTMLが書ける 必要なもの:Windows メモ帳 や、Mac OS Text Editなどの文章エディタツール。もちろんAdobe DreamweaverなどのWeb系オーサリングソフトがあるならそれでOK 対象レベル:HTMLの基礎知識がある・基的なHTMLタグが手打ちで書ける 目次 誰のため?何のため?We

    Guide to HTML Semantic Markup
  • HTML5 開発者向け iPhone 5 / iOS 6 での変更点等まとめ

    iPhone 5 / iOS 6 における変更点などを、開発者向けにまとめた海外記事がありましたので、簡単にですが日語にしてご紹介。対訳ではなくて、内容だけ伝わるようにかなり変更していたり、省略もしていますので、詳しくは原文をご確認ください。 iOS 6 がリリースされましたがアップデートされましたか?私はマップアプリをよく使うのですが、早速アップデートした方々の、マップがぁぁという叫びにびびってまだアップデートできておりません… で、まだ私の手元の iPhone 4S では iOS 5 が元気に動いている今日この頃ですが、iPhone 5 / iOS 6 における変更点などを、開発者向けにまとめた海外記事がありましたので、簡単にですが日語にしてご紹介。対訳ではなくて、内容だけ伝わるようにかなり変更していたり、省略もしていますので、詳しくは原文をご確認ください。 原文 iPhone 5

    HTML5 開発者向け iPhone 5 / iOS 6 での変更点等まとめ
  • JavaScriptで読み込むCSSファイルをまるっと[7korobi8oki.com]

    代表中山陽平 ブログ「苦手意識を無くせばWeb活用はうまくいく」弊社では「がんばる中小企業」のWeb活用をサポートしています。今の時代、第3者である、制作会社や代理店におまかせでは勝てません。同じような商品・サービスが溢れる中、選んでもらうためのコンセプトを立て、それを実現するためにネットもリアルも総動員しながら戦う必要があります。 みなさんが世の中に・自社の従業員に実現したい幸せや提供価値を、しっかりと実現していくためには、みなさん自身が主役になり、私達のような専門会社が側面支援するのがベストです。 このブログでは御社が中心となってウェブ活用できるヒントを配信しています。お悩みの方はお気軽に問い合わせフォームからご相談ください。 最新の記事一覧

    JavaScriptで読み込むCSSファイルをまるっと[7korobi8oki.com]
  • 1