2013年11月21日Webデザイナーの仕事内容・働き方についての座談会です。はてなはWebサービスの会社なので、エンジニアだけでなく、デザイナーの仕事も重要です。はてなのデザイナー陣は、さまざまなチームの中で、どのように仕事をしているのか。チーフデザイナーのid:tanemuと、デザイナーのid:akawakami、id:ueday、id:swimy1113の4人に聞きました。 左からid:akawakami、id:swimy1113、id:ueday、id:tanemu はじめに─最初に、皆さんがはてなに入社するまでの経歴を教えてください。 swimy1113デザイナーインターンに参加して、そのあとアルバイトとしてはてなで働きました。そのまま社員として入社という流れですね。 ueday僕も同じデザイナーインターンに参加しています。アルバイトとしては働かないで、後に新卒で入社しました。
These lovely water-colorful dots will make your designs pop...
« Back to devoth.com Devoth‘s HEX 2 RGBA Color Calculator ver 1.3 Let‘s you convert color value in HEX to RGBA and RGB, prepared for inclusion in CSS styles. Like what I do? Check my other tools & scripts: calculate Temperature conversion Calculator for converting temperature between Celsius, Fahrenheit, Kelvin and other scales Check it out → PHP Dead Simple Gallery Create a gallery in less than 5
わたしは生理が始まる1週間ほど前になるとPMSの症状が現れます。人によってPMSの症状は違うと思いますが、わたしの場合、情緒不安定になり、感情の起伏が激しくなります。それで、ちょっとしたことでイライラしたり、ちょっとしたことで落ち込んだり悲しくなってしまいます。 最初はそれがPMSからくる症状だと気づかなくて、わたしっていったいどうしてしまったんだろうと悩んでいましたが、今はそれがPMSの症状だとわかっているので、どうにかして対処しなければという前向きな気持ちでこの症状につきあっていこうと思っています。 わたしがPMSの時に、イライラしたり、落ち込んだりするのですが、その時は、できるだけ気分転換ができるように外出するようにしています。友達や家族と一緒ではイライラをぶつけてしまう可能性があるので、一人で行くようにしています。もしくは、カラオケでストレス発散させるようにしています。そうすること
擬似要素はCSS1から存在するもので、ここで解説する「:before, :after擬似要素」はCSS2.1でリリースされたものです。 CSS1では「:first-letter, :first-line」です。 擬似クラス、擬似要素 擬似要素の記述は一つのコロンを使用し、「:before, :after」となります。 コロンを使用するものは他に、「:hover」などの擬似クラス、CSS3ではコロンを二つにした「::before, ::after」などがあります。 サポートブラウザブラウザ 「:before, :after擬似要素」をサポートするブラウザは下記の通りです。 IE8+ Firefox3.5+ Chrome Safari4+ Opera6+ IE8+とすべてのモダンブラウザと言ってよいでしょう。 非サポートブラウザへの対応 IE7にも「:before, :after擬似要素」を利
ウェブサイト高速化勉強会 : ATND 2012/09/29 ウェブサイト高速化勉強会 #tnmk0929 - Togetter さくらのVPSにてサーバ＆ドメイン取得を行った流れもあり、個人用鯖にも何らかのWebコンテンツを配備・公開して行く事になるだろう(てかそういう風にして行きたい)と言うのもあり、ちょうど目にしたこちらの勉強会に目が留まり、参加して来ました。 なので現状のWebサイトを高速化させるために、ってのではなくて今後のために、という意味合いが強いですね。 会場は横浜タネマキ。最近は個人的にはYokohama.groovy等で2週間に一遍は使ってる感じですね。 タネマキ 【コワーキング ＆ シェアオフィススペース】 開始間際、ディスプレイ接続で調整が上手く行かず10分程押した後スタート。 Web Site Optimization for Beginners こもり まさあき
こんにちは。最近、衣替えに失敗した紳さんです。 以前、当サイトで発表した社長を砂浜に埋めてウェブデザイナーを募集するという記事が様々なニュースサイトなどでも紹介されるなど、TwitterやFacebookなどのSNSを中心に注目を集め、話題になりました。 2012/9/24現在、伝説のウェブデザイナーの記事をツイートしてくれた回数がほぼ10000に！ というわけで、今回はこの「バズり」がもたらした様々な影響について6つ書き留めておきたいと思います。 1. ずっと前からあった代表挨拶がいきなり注目された 「ジャストアイディアですが。」 当サイト立ち上げ当初からずっとあるこちらの代表挨拶が、伝説ウェブデザイナーを発表したことから連鎖的に注目を集めました。立ち上げから8ヶ月ぐらい経つ当サイトですが、この少しユニークな代表挨拶が今まで注目を浴びたという事はありませんでした。 しかし今回、「社員に砂
[CSS]高性能すぎてビックリしました、レスポンシブデザイン用の超軽量フレームワーク -Kube Framework
220+ Beautiful High Resolution Wood Texture Collection by Sonny M. Day | Last updated Jan 21, 2017 | Design | 3 comments Wood texture finds its application to diverse types of web designs. This popularity of wood texture is rooted in the fact that since time immemorial, wood has been a primary construction material. It was only when man acquired the technology to mass produce concrete and steel th
伝説のウェブデザイナーを探して 西暦2012年 株式会社LIGは深刻なデザイナー不足に見舞われていた。 そんな中、過酷な労働を強いられるデザイナー達が限界を迎えようとしていた。 「もう15時か。あー、今日もよく働いた」 「おい、お前達、しっかり働けよ。俺はもう上がるからな」 「ヴぇっ！？」 「な、なにをする！」 「うっ…ぐ…」 「……………………」 ～～～～～～～～ 「……………………」 「えっ？」 「ふふふ、社長…ようやく目が覚めたみたいね」 「！？ なんのつもりだ！さっさとここから出せ！」 「社長。俺達の言う事さえ聞いてくれたらすぐにでも出しますよ。」 「お前達の言う事だと…一体何が望みだ？」 「新しくウェブデザイナーを雇うこと。それが望みよ」 「ウェブデザイナーを雇うだと？！…だからって、何故こんな事を…！！」 「………………」 「クズどもが！早くここから出せ！」 「黙って聞いていれ
僕はこれまで個人やスタートアップを通じて30近くのWebサービスを作ってきて、失敗したり、ちょこっとうまくいったりを繰り返してきました。最近では、Facebookページで600万人のファンを抱えるTokyoOtakuModeというメディアの立ち上げ＆運営を行ったり、自分の会社でスマートフォンアプリを開発したり、個人でスカイツリー観光のファンサイトを運営したりしています。 Webサービスを作る個人開発者やスタートアップは資金が潤沢にあるわけではないので、無料や低価格で提供されている様々なツールを駆使して、コストを削減していく必要があります。そこで今回はDropboxやGoogleカレンダーなどの定番サービスは除いて、僕個人が愛用しているおすすめの実用サービスを紹介してみようと思います。 1. Googleハングアウト / 音声通話＆ビデオチャット これまで無料音声通話といえばSkype一択だ
こんにちはこんにちは！！ 夏ですね！ 真夏ですね！！ ところで最近、ライブドアの一部の人気ブログで、サイドバーの挙動に「んん？」って思ったことありませんか！ …百聞は一見にしかずってことで、実際の例をみてみましょう！ ※PC版のみです ハムスター速報 (左のサイドバーを見ながら、下にスクロールしてください) 痛いニュース(ﾉ∀`) (右のサイドバーを見ながら、下にスクロールしてください) ある程度スクロールすると、サイドバーの広告がぴたっと固定されますね！ これって流行りなんでしょうか…！ そんなわけで、もしかしたら同じことをやりたい人が他にもいるのかも？と思って、 コピペで使えるJavaScriptにしてみました！ ↓ 動作サンプルです！ スクロールしたらサイドバーの広告を固定するスクリプトの動作サンプル ↓ コードはこれです！ 適当にコピペしてブログに貼り付けてね！ <script t
Getting Started Introduction A simple tutorial Language Reference Basic syntax Types Variables Constants Expressions Operators Control Structures Functions Classes and Objects Namespaces Enumerations Errors Exceptions Fibers Generators Attributes References Explained Predefined Variables Predefined Exceptions Predefined Interfaces and Classes Predefined Attributes Context options and parameters Su
ディスプレイサイズ（ブラウザサイズ）いっぱいに背景画像を表示する方法はいくつかありますが、最近見つけた jQuery のプラグインを使って、いろいろ試してみたりしたのでレビューをまとめてみました。 背景に画像を使った Webサイトってたくさんありますよね。大きくてキレイな画像は、見た目にもインパクトがあってとても印象的です。でも Webサイトを閲覧している人の環境は様々で、ディスプレイのサイズが違ったりするもの。ディスプレイ（ブラウザ）のサイズにあわせて、画像を拡大表示する方法はいくつかありますが、その中からいくつかをサンプル付きでご紹介します！ 画面いっぱいに背景画像 目次 CSSのみで画面いっぱいに背景画像 jQuery プラグイン fullscreenr を使ってみた Full Size Background Image jQuery Plugin を使ってみた jQuery max
Redactor is a powerful and streamlined text editor for the web Ultra-modern, AI-powered text editor with robust API capabilities, a wide range of settings, good documentation, and tons of integration examples. <h1>Exploring the Infinite 🙂</h1> <p>Space, the final frontier, stretches infinitely beyond the confines of Earth, a vast expanse of darkness speckled with stars, planets, and <b>galaxies</
すぐに利用できるJPEGのテクスチャ素材とPhotoshopで利用できるパターン素材が揃ったざらっとした感じのシームレスなテクスチャ素材を紹介します。 30 Free Seamless Background Textures [ad#ad-2] すぐに利用できるテクスチャ素材のフォーマットはJPEGで、2種類のサイズが揃っています。 JPEG素材のサイズ 500x500px 1200x1200px テクスチャは各サイズ30種類ずつあり、その中から少しだけ紹介。
blog移行しました。新しいblogで更新を続けています。 XMLェ… text ja 2012-07-08 http://www.yomotsu.net/wp/?p=603 XMLェ… 日々の出来事2012年7月8日日曜日 ブログ作りなおそうかなーと思って、この Webサイト をみなおしてたら、Web ページのメタ情報としてダブリンコア (RDF) を混在させていたことを思い出した。バリデーターにかければ、グラフも取り出せて みたいな感じになる。でも結局あまり意味なかったです多分。いまは OGP とかありますしね。 Web ページは XHTML にしてたけど、ブログのコメントで参照先のない数値参照とか混ぜられると XML パースエラーになるし、XML だから他の語彙混在できるけど、RDF くらいしか混ぜてなかったし、XHTML 意味なかったです多分。いまは HTML に SVG 混在でき
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
