現在のWeb制作だと、既存のReset.cssやNormalize.cssには不足を感じると思います。それらの代替手段として制作された新しいCSSリセットを紹介します。 Reseter.cssは各ブラウザの最後から5つ前までのバージョンをサポートし、アクセシビリティにも配慮されており、CSSのテクニックや学びも満載です。 Reseter.css Reseter.css -GitHub Reseter.cssの特徴 Reseter.cssの使い方 Reseter.cssの中身 Reseter.cssの特徴 Reseter.cssは現在のWeb制作に合わせて制作された新しいCSSリセットで、ブラウザによって事前に作成されたすべてのスタイルをリセットします。クロスブラウザのエクスペリエンスを向上させるために、ブラウザのスタイルシートを正規化します。 Reseter.css バグやブラウザの不整合
コードやテンプレートに縛られずに、 誰でも自由自在にデザイン可能。 作成したサイトは、1クリックで世界に公開。 そう、必要なのはStudioだけです。
HTMLやCSSのコーディング作業は無しで、デスクトップ・スマホ向けのさまざまな種類のテンプレートをすぐ簡単に構築できるフレームワークを紹介します。 ランディングページはもちろんのこと、CMSにも使用できるように設計されており、オープンソースとして利用できます。 普通のページビルダーのように見えますが、実際にはより多くの機能を備えています。 CMSもサポート テンプレートを簡単に作成できる Webサイト、スマホアプリ、HTMLメールなど、HTMLベースのテンプレートを素早く簡単に作成できます。 レスポンシブ対応 レイアウトのベースはFlexboxで、デスクトップ、タブレット、スマホに完全対応。 CMSをサポート 動的テンプレートの作成をスピードアップするためにCMS内部で使用できるように設計されています。 HTML, CSSのコーディング作業は無し コーディング作業は一切無しで、テンプレー
「Project Bloks」は、プログラミングに取り組む際に必要な基礎的なコンピューティングスキルを子供たちに教えるための、触れて学ぶ新しいGoogleのプラットフォームだ。 ブロック（積み木）を使用して子供たちにコーディングを教えるというシンプルなコンセプトに基づいており、これまでにもプログラミング言語の概念を学ぶMITの「Scratch Blocks」などのプログラムで試行されている手法だ。子供たちがコンピュータの前に座ることが必要なScratchとは異なり、Bloksは実際にブロックを使用する。Googleはこれを「Pucks」や「Board」と呼んでいる。 Google以外にも、AmazonやAppleといった大手テクノロジ企業が、次世代のコンピュータプログラマーを育成する教育用プログラムを開発している。他のプログラムとBloksの大きな違いは、従来のコンピュータインターフェース
自分が普段からどちらかといえばデザインよりもコーディングなどの作業が多いので、中にはただのコーダー側の意見や愚痴っぽいのもあるかもしれませんが、Photoshopでデザインする際に見やすく綺麗なPSDにすることができると思うポイントや知っておくと便利だと思う機能をいくつかあげてみました。 最近だと特にレスポンシブが関連してIllustratorやSketchを使ってるという人も多いとは思いますが、デザイン制作時にPhotoshopを愛用しているという方は参考にしてみてください :) あくまで個人的に思ったことなので、バリバリのデザイナーさんとかで「もっとこうしたら良くなるよ！」とか「それはしない方が良いのに...」みたいな意見があればアドバイスやツッコミ大歓迎です。 ここで紹介している内容やキャプチャは「Adobe Photoshop CC 2017」を使用した想定のものになり、バージョン
フォントスタイルのリセットとベースサイズのセット（YUI font.cssの検証 jfonts.css、）ver.20081204 @itami.info 只今修正中 トピックに戻る ブログのトップ フォントの大きさを思ったサイズに指定することはデザインにおいては非常に重要なことである。 YUI(http://developer.yahoo.com/yui/)ではフォントのサイズを指定するためのCSSとしてFonts CSSを配布している。 このCSSファイルの考え方は、フォントの基本サイズを規定し、そのサイズを基準に相対的に指定するものだ。 実際には13pxのサイズを基本(100%)とし、14pxの文字指定ならば108%を指定するといった考え方だ。 これはこれで良いのだが、日本語環境で利用した場合色々と問題が見られる。 先ず全体的に文字が大きい。また、IEとFirefoxなどで行送りに
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
