HTML、CSS、Javascript、デザイン、絵を描いたり。
![IE8リストマーク(list-style-type)の■と●がおかしいのを直す方法 - develo.org](https://cdn-ak-scissors.b.st-hatena.com/image/square/fd0dbd2b439f50b0a8cc90f9907f73a0d8c341e6/height=288;version=1;width=512/http%3A%2F%2Fdevelo.org%2Fimg%2Fog.gif)
スマートフォンの普及を背景に、「レスポンシブWebデザイン」(Responsive Web Design)という制作手法が海外で注目を集めている。レスポンシブWebデザインとはどのようなアプローチなのか? 実例で解説する。 ウィンドウサイズを基準にデザインを調整 レスポンシブWebデザインとは、デバイスごとに複数のデザインを用意するのではなく、ブラウザーのウィンドウサイズに合わせてデザインをフレキシブルに調整する制作手法だ。モバイルサイトの制作では、デバイスやスクリーンサイズごとにページを振り分ける方法が一般的だが、レスポンシブWebデザインではHTMLはそのままに、CSS3のメディアクエリーを利用してスタイルシートだけでデザインを変更する。 レスポンシブWebデザインは、2010年5月、米国のイーサン・マルコッテ氏によって提唱され、海外では企業サイトを含む多くのWebサイトで採用されてい
フォントのサイズの単位に何を使ってますか? px? em? それら2つのよく利用されるテクニックをおさらいし、さらに第3のテクニックも紹介します。 Font sizing with rem [ad#ad-2] 下記は各ポイントを意訳したものです。 はじめに pxを使ったサイズ指定 emを使ったサイズ指定 remを使ったサイズ指定 はじめに フォントのサイズの単位に何を使用するかは、未だに激しい議論の的となっています。それらのテクニックにはそれぞれ長所と短所があるのも現実です。 それらの中で短所が少なく、よく利用されるテクニックは2つあります。 pxを使ったサイズ指定 emを使ったサイズ指定 これら2つのテクニックを再検討し、さらにもう3つ目のテクニックを紹介します。 pxを使ったサイズ指定 ウェブの初期に、私たちはテキストのサイズを定めるために「px」を使用していました。これは一貫しており
CSS、スタイルシート。初心者のころには CSS のスタイルがうまくいかなくて、半日や丸一日悩んだこともいっぱいありました。最近では、やっとひと通り覚えて、思うようにできるようになったかなーという感じです。今回は初心者だったころ、ちょっと悩んだことなどをいくつかまとめてみました。 Webサイトの見た目をデザインしていくのに欠かせない CSS。度々これってどうやるんだろうとか、どうしてこうなっちゃうの?というものに遭遇します。また、今までは IE6 をターゲットに含めてましたけど、そろそろ IE7 からをターゲットにすればいいのかなーと思うこともあって、過去のスタイルシートの書き方の習慣を変えようかなとも思っています。 スタイルシートを書いていて、今まで遭遇した不具合やその回避方法、また今まではこうしてたけど、これからは変わるかもしれないなーといものをまとめてみました。もうそんなことしてない
Welcome to HTML5 Labs The HTML5 Labs site is the place where Microsoft prototypes early and unstable web standard specifications from standards bodies such as the W3C. Sharing these prototypes helps us have informed discussions with developer communities, and contributes to a better implementation experience with draft specifications. To find out more about the thinking behind this new HTML5 Labs
ハイブリッドクラウド時代の救世主 企業ITを素早く進化させるためのAVS サービス開始から1年で大幅に機能がアップ 仮想デスクトップサービスの最新事情 複数の選択肢のあるMSのVDIサービス どう違うのかをわかりやすく解説 膨大なアクセスを支える屋台骨 高い安定性とパフォーマンスを両立 ZOZOTOWNが選んだストレージ基盤を解説 50年の経験を持つアイネットが提供 ユーザー企業の使いやすさを第一に考えた ワンストップで使えるマネージドクラウド Kubernetes活用の最適解とは? 今、注目のコンテナを活用した柔軟なIT基盤 運用、管理の課題を解決しメリットを最大化 年間5,000件の問い合わせに対応 疑問を解消したいユーザーも答える情シスも みんな幸せになるヘルプデスクの最適解 サービスを止めない! サイバーエージェントに聞く高可用性の実現 そこにピュア・ストレージが選ばれた理由 大事
IT人材問題をアウトソーシングで解決し、給与業務から本格的なDXを前に進めませんか? ~1000名までのお客様 給与DX 未来の課題解決は給与から! 詳細はこちら 100~300名までのお客様 給与DX for 奉行 給与DXの前にご確認。こんなことになってませんか・・・ 詳細はこちら 給与アウトソーシング IT活用×業務プロセスアウトソーシングで 定型業務のお悩みをまるごと解決! 詳細はこちら DXサポーター 給与とITを本業として20年のエムザスが御社のデジタル化(DX)をサポート致します。 詳細はこちら 20年以上にわたる給与BPOのノウハウから、ミスしないサービスをご提供します。(4000名まで対応) 社会保険 各種手続きデータ管理はもちろん社員様問合せ対応等もお任せください。 詳細はこちら 住民税 テレワーク稼働中の住民税更新業務、エムザスにお任せください。 詳細はこちら 年末調
This page is used to test the proper operation of the Apache HTTP server after it has been installed. If you can read this page it means that the Apache HTTP server installed at this site is working properly. If you are a member of the general public: The fact that you are seeing this page indicates that the website you just visited is either experiencing problems or is undergoing routine maintena
開発者にとって大変なこととは開発をすることよりも大変だと思うことがあります。それはデザインに関する部分です。 たとえば、私にとって3段組みのモックのHTMLを主要ブラウザできちんと表示されるCSSで奇麗に何の資料も見ずに作成することはとても至難です。 知識はありますが、全てを正しく記憶しているわけではないので時間が掛かります。 デザイナーさんに頼めば済むといえばそれまでですが、ちょっとしたアプリケーションを作ってみたいなど開発できる人がCSSを使えるメリットは大きいと思います。 というわけで、CSSを簡単に利用できるCSSフレームワークは数多くあるのですが、私が個人的に気に入っているCSSフレームワークである960 Grid System(960.gs)について紹介したいと思います。 960.gsとは 最小限のブロックとなる要素の幅を決めて、そのブロックの倍数でデザインしていくグリ
A modular CSS framework for truly flexible, accessible and responsive websites Features Bulletproof flexible grid system Flexible forms toolkit with theme-support Focussed on web standards & accessibility Optimized typography for all standard elements Matched building blocks for rapid prototyping Namespacing avoids conflicts with third-party CSS Well prepared for HTML5 and CSS3 Very slim framework
960 Grid System Download - CSS, sketch paper, and templates for: Acorn, Fireworks, Flash, InDesign, GIMP, Inkscape, Illustrator, OmniGraffle, Photoshop, QuarkXPress, Visio, Exp Design. Repository at GitHub. Essence The 960 Grid System is an effort to streamline web development workflow by providing commonly used dimensions, based on a width of 960 pixels. There are two variants: 12 and 16 columns,
June 6, 2024 in Career Advice Treehouse’s New Live Career-Building Workshops Are you ready to supercharge your career journey and unlock your full potential? We are excited to announce Treehouse’s new live career-building workshops, designed to help you launch your career. Hosted by Career Advisor and Community Manager Jenavieve Dance, these… Transitioning to a career in tech can seem daunting, bu
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く