進化したCSSは「モダンCSS」と呼ばれています。Webサイトのデザイン変更には欠かせない言語ですが、Webブラウザの進化とともに、書き方も少しずつ変化しています。今回はモダンCSSの特徴をコードとともに解説。知らなかった便利な書き方があるかも？ Webブラウザの変化とCSSの複雑化 パソコンやスマートフォンで使われているWebブラウザにはさまざまな製品があります。WindowsではMicrosoft Edgeが、macOSやiOS、iPadOSではSafariが、AndroidではGoogle Chromeが標準でインストールされていますが、他にもMozilla FirefoxやOpera、などがあり、個人が使いやすいと感じるWebブラウザを導入している人もいるでしょう。 それぞれのWebブラウザによって使用できるHTMLのタグや属性、CSSに指定できる内容が異なっており、同じHTMLフ
WebデザイナーみたいなWebに関わる職業には独学で知識を身につけたという人が多くいて、 その影響なのか「私も独学すればなれるかな？」と思う初心者や 「独学ならお金掛からないから生活費の足しにちょっとやってみようかな」と言い出す主婦、 「スクールや講座に通うのと独学どっちがいいですか？」などと質問する就職希望者がいる。 Webに関わらずモノを作る職業で独学だという人は、好きが高じて仕事にしちゃった人だから、 多くの場合趣味＝仕事で、会社から家に帰ってもサイト弄ったりしてて 覚えたり学んだりということを空気を吸うに近いレベルで無意識にやってる。 だから上に挙げた人たちが考える独学とはちょっと違うと思うんだよね。 まあ中には「○○のプロに俺はなる！」と決意してから勉強しまくった結果なった人もいるかもしれないが、 そういう人もいつの間にか無意識で勉強している状態に陥ってるはず。 無意識で勉強って
There’s plenty of buzz around the web 3.0 and the sweeping changes it will bring to the industry, but few people actually know why it spawned and what it will bring. To understand this, it’s necessary to travel back in time and examine it predecessors, Web 1.0 & 2.0. Just like the Middle Ages, the Web 1.0 wasn’t given its name until it bit the dust. The ‘World Wide Web’ as it was known, was just a
Ttersへようこそ！ 「Tters(ッターズ)」は、自分に合った〇〇ッターを作成し、フォローして自由につぶやける匿名SNSです。 匿名だからこそ、人間関係のストレスやプレッシャーとは無縁で、自分らしく自然体でありながら自己表現が可能な空間を提供しています。 初めての方は、当サービスの代表的なタイムライン「みんなのッター」にて、思いの丈をつぶやいてみてください。ユーザー登録は必要ありません。 まずは挨拶してみよう この表示は一度つぶやくと消えます。
フロントエンドのパラダイムを参考にバックエンド開発を再考する / TypeScript による GraphQL バックエンド開発
Webアプリのデバッグやチューニングに役立つ、Chrome Developer Toolsの主要機能を、スクリーンキャプチャ中心で簡潔に紹介。2014年10月に最新情報に改訂。 モダンブラウザーの中でGoogle Chromeは最後発ながら、その機能の潤沢さ、便利さ、高速さからシェアを大きく伸ばしている。そして、今やほとんどのブラウザーではWindowsの場合F12キーを押すことで（Macの場合はCommand＋Option＋Iキーで）手軽に各ブラウザー搭載のデベロッパーツールを利用できるが、特にChromeのデベロッパーツールは、非常に機能が豊富なため、利用している人もかなり多い。 本稿では筆者がよく使う機能や、使うと便利な機能を中心に、Chromeのデベロッパーツールについて紹介していく。なお、本書は執筆時点で、最新のChrome 38を使用している。 機能ふかん 残念ながら、Chro
HTTPステータスコードとは、ウェブサイトにアクセスしたとき、正常な画面ではない場合に表示される3桁の数字のことです。 ウェブサイトにアクセスしたときに「404」や「503」といった数字が表示された経験はないでしょうか。HTTPステータスコードはたくさんの種類があり、それぞれ意味する内容が異なります。 そこで本記事では、それぞれのステータスコードが持つ意味や対処法、HTTPステータスコードの確認方法を解説します。 HTTPステータスコードについて知ることで、アクセスしたウェブサイトに何が起きているのかを理解できるようになるので、ぜひご参考にしてください。 この記事のポイント HTTPステータスコードは、特定の HTTP リクエストが正常に完了したかどうかを示す3桁の数値で表されるもの 大まかに200番台の成功レスポンス、300番台のリダイレクト、400番台のクライアントエラー、500番台の
こんにちは。デザイナーの山口陽一郎です。 去る2014年2月19日（水）に、株式会社パソナテック様主催のセミナー「クリエイターのためのトーン＆マナー設計」にて登壇させていただきました。 皆さんは「トーン＆マナー」という言葉を耳にしたことがありますか？「トンマナ」と略されることの方が多いかもしれません。その説明の前に、ちょっと寄り道をさせてください。 ■デザインのふたつの役割とトーン＆マナーの演出 デザインには大きく分けてふたつの役割があります。 1. 機能性を高める これはユーザーにとって製品をより使いやすくしたり、誤操作の危険をなくしたり、迷わないようにサポートするための役割です。 そしてもうひとつが今回のセミナーのテーマとしてとりあげた、 2. トーン＆マナーの演出 です。製品に、それが使われる場にふさわしい属性・キャラクターを付与する役割です。 たとえばレジャーグッズなら「楽しさを想
「『Webアプリエンジニア養成読本』(技術評論社)刊行記念 Webアプリエンジニアが出来るまで」 ジュンク堂書店 池袋本店 開催日時：2014年03月20日（木）19:30 ～ フェア・イベント一覧 開催店舗ページへ 和田裕介(「ボケて (bokete)」開発者) 石田絢一(uzulla)(フリーランスエンジニア) すがわらまさのり(Web男子/『パーフェクトRuby』共著者) 斎藤祐一郎(株式会社ハートビーツ 運用エンジニア) Webアプリをつくるのは楽しい!との思いで開発や運用を続けているエンジニア4人が書いた『Webアプリエンジニア養成読本』。その刊行を記念して、トークセッションを行います。実はこの執筆メンバー... 以前からオフラインミーティングで出会っていて仲が良い?かもしれません。だからこそ聴ける執筆時の裏話も含め、Webアプリのつくり方から、エンジニアとして活動す
ぼくは美術大学で4年間デザインを勉強してて、なかでも紙媒体のグラフィックデザインを専攻してた。所属研究室もプリントメディアを専門にやるところだったし、卒業制作も、なんか本みたいなの作ってた。だから、ぼくがWebデザインをやっていることについて、意外に思われたり、不思議がられたりすることがある。その研究室でわざわざWebデザインを志す人は殆どいないからだ。 しかし、紙で学んだことが無駄だと思ったことは一度もなくて、むしろWebデザインで非常に役立っている。ぼくが紙媒体を専攻してた理由は、紙は歴史のあるメディアだし、グラフィックデザインの基礎をちゃんと学ぶのに最適と思ったからだ。基礎というのは、タイポグラフィの扱い方とか、ジャンプ率とか、配色とか、そういうデザインの諸ルールのことで、そのルールはそのままWebデザインに通用する。今のWebデザインの流れを見ていると、フラットデザインとか、Web
どうも。 何か情報発信をするべきなんじゃないかとふと思って久し振りに記事を書こうと思います。 ところで、私は大学1年生だった2011年の6月からWebアプリとiPhoneアプリを開発してきて、今までに16個のアプリをリリースしてきました。 内訳ですがWebアプリが10個、iPhoneアプリ6個で合計16個です。個という単位があっているのかはわかりません。 開発を始めたのは2011年6月で、2011年の3月にとあるWeb系の会社でアルバイトしていた時に「あ、Web楽しい」って思ったのがきっかけで、Webアプリ、そしてiPhoneアプリを作ってきました。 それまではWebといえば、しょぼいHTMLとしょぼいCGIくらいしか書けませんでしたし、あまり興味がありませんでした、というより自分にはできないと思ってました。 ずっとそれまではネットワークとかセキュリティが好きでちまちまPythonでスクリ
大学のヌードデッサンの授業で描いた絵に「この絵はセクシーだねえ。君の雰囲気出てるよ」って総評をもらった@sakucchiです。しばらくあだ名は「セクシー和樹」になりました。 普段から広告の仕事をやってて、Webの広告に足りないのはセクシーさ、つまり「色気」なんじゃないかという思いが日に日に高まっております。 良し悪しは別にして、検索広告とかあれ全然色気がないよね。 注目のネイティブ広告やコンテンツマーケティングは実用性や笑いに軸足が強いし。色気ってのとはまた違う。 まあ、そもそも広告に色気が必要かって言われるとわかりませんが、本来必要のないものだからこそ、妙に惹きつけられる色気くらい見せて欲しいとは思います。 最近色気を感じたのはこのCM。 「女子じゃない、女や」 色気のある言葉というのは、その時代の空気を絡めとっている。女子会、女子力、こじらせ女子、大人女子…氾濫し続ける「○○女子」は、
・普段どんなサイトを見てますか？ 最近、ブログで、Gunosyなりvingowの話題をよくしてる。 でもこういうWebサービスって知らない人はまったく知らないよね。 それで１度まとめておくのもいいかなって思って今回の記事を書く。 有名なWebサービスばかりだから全部知ってる人は知ってると思うけど、 自分がブログを書く上でこういうWebサイトを使ってるって言うのは、 ブログを始めた初心者さんが見たときにもいいと思うからね。 それにタイトルに書いてあるとおりで、 紹介するサイトはすべて自分が使ってるサイト。 手の内を暴露する感じなので、 ブログをやってる人は参考になると思うよ。 ・ブログに役立つおすすめサイト ［No.１］ Gunosy（グノシー） ・Gunosy。 Gunosyは独自のアルゴリズムで自分に合ったサイトを毎日紹介してくれるよ。 使っていて情報が合わない日もあれば、 ほしかった情
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Tablet Infographics - About
