[B! CSS3] kazrooのブックマーク

Webのフロントエンド技術を学び始めるのに最適な1冊『HTML5＆CSS3しっかり入門教室』発売

翔泳社から、HTML5とCSS3、そしてライブラリのjQueryの基礎を学べる『HTML5＆CSS3しっかり入門教室』を7月20日に発売しました。Webのフロントエンド技術はなんとなく理解してコピペで使えているという方もいるかもしれませんが、きちんとした知識を身につけるきっかけにいかがでしょうか。『HTML5＆CSS3しっかり入門教室ゼロからよくわかる、使える力が身につく。』は、Webのフロントエンド技術に馴染みがない方がまったく初めてから学ぶための入門書です。また、きちんと基礎を学び直したい方にもお勧めです。フロントエンドの開発に携わる場合、いまではHTML5とCSS3だけでなく、より動的なページを作成するためのJavaScriptやそのライブラリであるjQuery、さらにPHPの知識なども必要です。ユーザーにとってわかりやすく使いやすいUIにするためのデザイン力も強い味方となりま

kazroo 2018/07/20

リンク

CSSのみで実装するボタンデザインやホバーエフェクト 20＋α - NxWorld

実際に使用したものやいつか使うかもと思ったものをJSFiddleやEvernoteなんかでバラバラにメモしていたのですが、それらの中でよく使いそうなものを一覧化したものが欲しかったのでまとめました。今となっては様々なところで用いられていますし、もっと凄くて面白い動きを実装しているチュートリアルなんかも沢山見かけますが、個人的に汎用性高いと思うもの中心です。対象ブラウザに古いIEなどが含まれている場合はもちろん使えませんが、いずれもjQueryや画像などを一切使用せずにデザインやアニメーションも全てCSSのみで実装しているものです。また、同様にCSSのみでクリエイティブなボタンデザインやエフェクトを実装できるエントリーや便利なジェネレータツールなども備忘録兼ねて併せて紹介します。 CSS3を多用しているため、ブラウザ（特にIE7・IE8など）によっては動きや見栄えが説明と異なる場合があ

kazroo 2016/06/09

リンク

今日から使える！HTML5,CSS3のコーディングメモ7個 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作

こんにちは、LIGフィリピン支社代表のせいと(@seito_horiguchi)です。ちょっと前からHTML5.1やCSS4が話題になっていますね。とはいえ、まだHTML5やCSS3の内容さえ把握できてないよ！という方も多いのではないでしょうか。(´ω｀) そこで今回は、あえてHTML5,CSS3の小ネタを紹介してみたいと思います。すぐに実務で使えるものばかりなので、ぜひお試しあれ！ HTML5、CSS3のコーディングメモ7個 1. どんなサイズの画像でも固定サイズの枠にいい感じに表示させる方法 imgタグではなく、divなどのタグにインラインでbackground-imageに画像のパスを指定し、background-size: coverを用いることでいい感じの見栄えにすることができます。メディアサイトやブログサイト、複数人で運用していてルールを統一しづらいプロジェクトなどで有

kazroo 2015/11/07

リンク

3/3 レスポンシブWebデザインの簡単な作り方 [ホームページ作成] All About

レスポンシブWebデザインの簡単な作り方(3ページ目)レスポンシブWebデザインとは、ユーザの画面サイズやブラウザのウインドウサイズに応じて適用CSSを分けることで、閲覧環境に合ったデザイン・レイアウトでウェブページを表示するデザイン方法のことです。レスポンシブWebデザインのメリットやデメリットなどの基本から、CSSソースのサンプル、簡単に作れるフレームワークやテンプレートを紹介。フレームワークやテンプレートを使ってレスポンシブWebデザインを作るレスポンシブWebデザインは、自力でCSSソースを書かなくても各種フレームワークを活用したりテンプレートを流用したりすることで簡単に作れます。以下に、レスポンシブWebデザインを簡単に作成できるフレームワークやテンプレートを3種類ほど紹介しておきます。 ■Bootstrap： Bootstrapは、Twitterの開発者によって作られたオー

kazroo 2015/06/25

リンク

HTML5やCSS3、JavaScriptなどのドキュメントを高速検索できるサイト「DevDocs」 | ライフハッカー・ジャパン

ヘッドライトの黄ばみがサッとキレイに! メッキ・ホイール・シートにも使えるマルチ過ぎなお手軽クリーナー「ウルトライト」

kazroo 2014/09/27

リンク

CSS3からSassまで ─ これから学ぶ人のためのCSS全体像ーー「非エンジニアの起業家が知っておくべきプログラミングの知識 #04」【ゲスト寄稿】 - BRIDGE（ブリッジ）テクノロジー＆スタートアップ情報

編集部注：本稿は初心者向けにプログラミングやWebデザインの講座を開催している TechAcademy（テックアカデミー）による連載企画。「非エンジニアの起業家が知っておくべきプログラミングの知識」というテーマで数回に分けて極めて基礎的なプログラミングの基礎知識をお伝えする。全連載はこちらから「非エンジニアが知っておくべきプログラミングの知識」というテーマで、10回に分けてお届けする連載企画。第4回目のテーマは「CSS」です。前回は「HTMLの設計思想と、2014年に最適な学び方」というテーマでお送りしました。今回は「CSS3からSassまで ─ これから学ぶ人のためのCSS全体像」という記事テーマで、考察・ご紹介します。本連載は、インターネット業界で、これまで技術的なバックグラウンドを持たないまま起業した方や、これから独立・起業しようと思い立った方をサポートするための、連載記事です。

kazroo 2014/05/29

リンク

はてなブックマーク

タグ

関連タグで絞り込む (19)

CSS3に関するkazrooのブックマーク (6)

お知らせ

今週のはてなブックマーク数ランキング（2024年8月第2週）

今週のはてなブックマーク数ランキング（2024年8月第1週）

月間はてなブックマーク数ランキング（2024年7月）

公式Twitter

キーボードショートカット一覧

はてなブックマーク

公式Twitter

はてなのサービス