I/O 3000I/O 3000は、Webデザインに関わる人のためのWebデザインギャラリーサイトです。国内外を問わず、Web制作の参考となるサイトをセレクトしています。
S5-Style
宇都宮勝晃、尾花大輔、菅野友香、久野遥子、中村勇吾がウェブデザインに寄せる思いとは？発想の源も いまやウェブサイトは、私たちの暮らしに欠かせない存在になっています。インターネットの広大な海には無数のサイトが存在し、それらは、ウェブデザイナーやフォトグラファー、イラストレーターたちの手によって構築されています。そういったクリエイターたちの活動を俯瞰し、20年にわたってキュレーションしてきた「S5-Style」。ウェブデザイナーの田渕将吾さんが自身の学習の一貫として始めたそのサイトは、「すべてのクリエイティブに光を当てること」をコンセプトにリニューアルオープンしました。田渕さんは、素晴らしいデザインの集約はもちろん、それらをつくりだすデザイナーやクリエイターが交流できる場を生み出し、デザインの未来に貢献したいと語ります。さまざまなかたちでウェブサイトに携わるクリエイターたちは、何をインスピレー
[連載]Webデザイン入門（1日目） | Stocker.jp / diary
本日から新たに、「Webデザイン入門」というタイトルで連載を始めます。 9月からWebスクールの講師をさせていただいているのですが、そこでカリキュラムとして渡されたテキストには「Photoshop や Dreamweaver 等のソフトの操作説明」しかされておらず、ソフトの操作方法を習得しただけではWebデザイナーとして就職し、仕事していくのは少々厳しいのではないかと思いました。 そこで、ソフトの操作方法と平行して「Webデザインそのもの」について考える時間を設けたいと思い、オリジナルのカリキュラムを作ることにしました。 ここでは、そのカリキュラムの一部をブログ形式にして掲載しています。 既にWebデザインの仕事をされている方はご存知のことばかりかもしれませんが、これからWebデザイナーになりたい方や、今はプログラミングなどデザイン以外の仕事をされていて、これからデザインも手がけてみたいと
![[連載]Webデザイン入門（1日目） | Stocker.jp / diary](https://cdn-ak-scissors.b.st-hatena.com/image/square/8aeba51f4329633993f3f50c3007e124fe9a30ab/height=288;version=1;width=512/https%3A%2F%2Fi0.wp.com%2Fstocker.jp%2Fdiary%2Fwp-content%2Fuploads%2Fb433d63ba5e7a465dbac23082f36bb7f-500x375-1.png%3Ffit%3D500%252C375%26ssl%3D1)
今更聞けない？！WEBデザイナーなら最低限知っておきたい有名フォントの数々 | バンクーバーのうぇぶ屋
最近、フォント名を知らないデザイナーが増えてきていると思うんですよね。 実は使ってるんだけど、どのフォントを使っているか意識していなくて、「これ何のフォント？」と聞くと、「ちょっと待ってくださいね。調べます。」という会話を良く耳にするようになったような気がします。「会社のPCに入ってたー」みたいなノリでしょうか。 というわけで、今日は僕がWEB屋をやってきた中で、「最低限、これは知っておいた方がいいんだろうな」と思ったフォントを幾つかご紹介。 英文フォントを中心に、色々有名どころを総当りしていきます。主に僕が仕事で使ったことがある物を中心に紹介していきますね。（順不同、のつもりで僕の好きな順） Helvetica 世界中のデザイナーに愛されるデザイナーフォントと言えばやっぱりHelveticaですよね。 元はスイスのデザイナーによって作られたフォントでMacだと標準フォントのひとつになって
レスポンシブwebデザインで制作する時のポイント
先日、CSS Nite in Ginza, Vol.59「DreamweaverによるレスポンシブWebデザインの実装」に出席してきました。 とても勉強になったので復習も兼ねてレスポンシブwebデザインに関して、セミナーで学んだ内容に自分の調べた点を加えてまとめます。 （一部の図はセミナーの資料を元に作成してます。） 始めに：スマートフォンサイト制作の選択肢 スマートフォンサイトを制作するには幾つかの方法があります。 アプリ 独自系 スクラッチ（0からスマートフォンサイト用に構築） jQuely mobileを使用 流用系 現在のデザインをほぼ流用、調整のみ レスポンシブ・デザイン どの方法にもメリットデメリットはあり、どれが最適かは サイトのコンセプトや規模、予算など複合的に考えて選択する必要があります。 今回のエントリーではレスポンシブ・デザインのみにふれます。 レスポンシブwebデザ
Webでいろんな言語を体験できるrepl.it | TRIVIAL TECHNOLOGIES 4 @ats のイクメン日記
みんなのIoT/みんなのPythonの著者。二子玉近く160平米の庭付き一戸建てに嫁/息子/娘/わんこと暮らしてます。月間1000万PV/150万UUのWebサービス運営中。 免責事項 プライバシーポリシー repl.itはWebブラウザでいろいろなプログラミング言語を体験できるサービス。PythonやRuby，JavaScriptといった最近の言語だけでなく，ForthやBrainfuckのような言語も使える。PCのブラウザだけでなく，iPhoneやAndroidなどスマートフォンなどにも対応している。 利用できる言語のリストは以下。 古い言語 QBasic Forth 最近の言語 Ruby (beta) Python Lua Scheme 難解な言語 Emoticon Brainfuck LOLCODE Unlambda Bloop Webで利用する言語 JavaScript Java
Twitter公式のアクセス解析「Twitter Web Analytics」新登場、ツイートボタンの効果測定が可能に
「自分のサイトがどれぐらいTwitterで共有されているか」「Twitterからどれぐらいのユーザーがサイトに流入しているか」「ページに埋め込んだツイートボタンの効果はどれぐらいあるのか」というような、Twitter関連のアクセス解析が可能になる「Twitter Web Analytics」という新機能がTechCrunch Disruptにて発表されました。 Twitter公式の機能であるというのがポイントで、これは2011年7月にTwitterが買収した「BackType」というTwitterのアクセス解析サービスを利用したもの。 Introducing Twitter Web Analytics | Twitter Developers https://dev.twitter.com/blog/introducing-twitter-web-analytics 発表会の様子 ツイート
停滞するSI業界と伸びるWeb業界の“分かれ目”はどこにあった？
停滞するSI業界と伸びるWeb業界の“分かれ目”はどこにあった？：ヘッドハンターのIT業界・転職動向メモ（1） IT・Web業界専門のヘッドハンターは、日々の情報収集を欠かさない。本連載では、ヘッドハンターならではの視点でIT業界の転職動向を眺め、気になったネタを紹介していく。 リーマンショック以降、同じ「IT」でもシステム・インテグレータ（SI）業界とWeb業界のたどる道は大きく変わった。SI業界はシュリンクする一方だが、Web業界は成長している。 両者の違いはどこにあったのか。「売上」「ビジネスモデル」「採用動向」という3つの視点から、SI業界とWeb業界の“分かれ目”を考察する。 売上：受けた打撃と回復のスピードが違う まず、SI業界から見ていこう。リーマンショック以降、金融業界をはじめ、日本国内の基幹産業である製造業など、各企業の業績が一気に悪化した。これらの企業をメインクライアン
Closure Tools - Google Code
Web applications have evolved from simple HTML pages into rich, interactive applications that provide a great user experience. Today's web apps pose a challenge for developers, however: how do you create and maintain efficient JavaScript code that downloads quickly and works across different browsers? The Closure tools help developers to build rich web applications with JavaScript that is both pow
【コラム】そろそろきっちりJavaScript (1) "Firebug"の導入〜関数リテラルとは? | エンタープライズ | マイコミジャーナル
多彩な演出効果をカンタンに導入できる事で脚光を浴びたprototype.jsの登場を皮切りに、インターネットで公開されているJavaScriptライブラリの数は、この一年で急激に増加した。何かやりたいことがあったときはWebで検索すれば、大抵、どこかにライブラリが転がっている。便利な世の中になったものだ。 一方、Webを通じて提供されるサービスは多様化の一途を辿っている。JavaScriptライブラリは整ってきたが、当然、置くだけでは機能しない。ライブラリのサポートページには簡単なサンプルが載っているものの、サンプルがそのまま適用できるケースはごくわずかだ。しかたなく、他の誰かが似たような事をやっていないかとWeb検索するはめになる。 思えば、これまでJavaScriptを言語としてとらえ、きっちり向き合う機会は少なかったのではないだろうか。 1995年の終わり、Netscape Navi
新しいサービスを考えるためのヒント(温故知新編) : LINE Corporation ディレクターブログ
こんにちは。新規開発グループのtakejuneです。 新規開発グループは、その名のとおり新規サービスの開発を担当するグループです。次世代のライブドアを担う「具体的に、人を幸せにするサービス」を生み出すべく日々奮闘しています。 そういうサービスを考えるためのヒントは、古き良きWebサイトの中にも転がっている。今回はそんな話です。 『Craiglist』というサービスを知っていますか？ Craiglistは1995年より運営されている、アメリカ最大の"クラシファイド"サービスです。超有名サービスなので、知っている方も多いと思います。 Creiglistは簡単に言うと"地域情報掲示板"のようなサービスです。 このサイトでは、不動産・求人・チケット・家具・洋服・ペット・教育など様々な種類のサービスが募集・応募・売買・交換されており、”売りたい人と買いたい人”のマッチングが膨大なカテゴリで実現されて
なぜソーシャルゲームはクラウドなのか？ ～AWSの成功事例を紐解く～
CEDEC 2011で、Amazon Web Servicesエバンジェリストの玉川が利用した資料です。Read less
セキュそば
長野県内各地で開催されている情報セキュリティを主なテーマとした勉強会です。参加者の皆さんが喋る場所…それが、セキュそば勉強会です。 内容は情報セキュリティに限らず、情報産業や情報教育など話題は多岐に渡ります。 4ヶ月に一度のペースで開催されるこの勉強会も、第47回を迎えます。 参加者の属性も様々です。 そんなセキュそば勉強会の特徴は・・・ ・参加者と講師が限りなくイコール 一般の勉強会では、講師数名に対して他の参加者は受講者と言う形態をとりますが、セキュそば勉強会に関してはあらかじめ特定の講師を決めず、参加者が持ち寄ったプレゼンテーションをもとにディスカッションを行います。多くの方に意見発表の場を与えたいと言うことから、このような形態をとっています。 セキュそば勉強会は皆さんが「喋る」場所です。 ・1泊2日の合宿形式で実施 より多くの方に発表していただき参加された方々との親睦を深めていただ
『HTML5 Web Applicationのつくりかた』
1 pixel｜サイバーエージェント公式クリエイターズブログ サイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。 はじめまして。 サイバーエージェントでフロントエンドの開発をしております 原(@herablog) です。 スマートフォン版 アメーバピグ新規作成で使用した技術について触れたいと思います。 #ちなみにこの記事ではHTML5を「最新ブラウザ向けのwebアプリケーション作成技術」というかなり広い解釈で使用していますので予めご理解ください。 今までDesktop・Android向けはFlashで作成されていたのですが、今回はiOS, Androidともに対応したいということで、HTML5でできるところまでやってみることにしました。 No Lag作るにあたり
MacでWebデザイン、あると便利なアプリ48＋2 | gaspanik weblog
最近Webデザイン系のいろいろなセミナーやイベントに出ると、MacBookなんとかを持ってる方を多く見かけます。で、これからWebデザイナーになりたいなとか、これからMacに変えちゃおうかな？と思ってる皆さんに向けて、Macを使ってWeb制作とかする時にあると便利なアプリをまとめてみました。 「Web制作といえば、AdobeのCreative Suite」みたいな人も多いでしょうが、サブスクリプションプランが始まったとはいえ、いきなりウン十万もソフト含め投資できないこともありますからね（会社が買ってくれるならいいですｗ）。別にそれがなくても、他で代用すれば仕事はできるから大丈夫です。 いま現在MacでWeb制作をしている皆さんには定番なのも多く含まれますが、ちょうどこないだLionデビューして環境整備がてらまとめたので、最後まで流し読むと「え？何それ」みたいなのがあるかもです。 今回は各種
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ikesai.com
Vimのユーザーと開発者を結ぶコミュニティサイト
eightbit.jp
YouTube XL
クレイグズリスト