並び順

ブックマーク数

期間指定

  • から
  • まで

321 - 360 件 / 1402件

新着順 人気順

"HTML, CSS"の検索結果321 - 360 件 / 1402件

  • 20+ Best Tutorials to Convert Psd to Html/CSS - DzineBlog.com

    you’ve designed your site but you’re having a little trouble turning your design PSD into a coded layout. Here i’ve listed 20+ Best Tutorials to convert Psd to Html/CSS.These tutorial should help you learn how to find the best way to code it. 1.  The Design Lab: PSD Conversion 2. From PSD to HTML, Building a Set of Website Designs Step by Step 3.  Coding: Design Lab TV Styled Layout 4. PSD to CSS/

    • HTML Living StandardとモダンCSSに完全対応! 使いやすくて見やすい、期待以上のリファレンス本 -HTML&CSS全事典改訂4版

      ※本ページは、アフィリエイト広告を利用しています。 本書の改訂版がでるのを待っていた人も多いと思います。私もその一人です。 前書から2年が経ち、その間にも多くのHTMLの要素やCSSのプロパティが増え、この改訂4版では100種類以上の項目が追加されています。 本書はHTMLとCSSのリファレンス本としてだけでなく、補足情報やテクニックの解説もかなり充実しており、Web制作者なら必ず持っておきたい一冊です。手元にあるリファレンス本が古いなと思った人には、特にお勧めします。 HTMLとCSSが好きな人なら本書でご飯3杯は軽くいけます!! 本書は2015年に刊行されて以来、ベストセラーを続けている「HTML&CSS全事典」の最新版、改訂4版です。2024年11月現在の仕様にあわせて全面改定されており、HTMLとCSSのリファレンスだけでなく、新機能の解説、今時の記述方法、@ルールのさまざまな使い

        HTML Living StandardとモダンCSSに完全対応! 使いやすくて見やすい、期待以上のリファレンス本 -HTML&CSS全事典改訂4版
      • FirebugにHTML&CSSリファレンスを追加できるアドオン「FireScope」*二十歳街道まっしぐら(FC2ブログ時代)

        Firefox上でウェブページの編集ができるアドオン「Firebug」の拡張アドオンです。 Firebugはとても便利なアドオンですが、「FireScope」がさらに便利にしてくれます。 「FireScope」はFirebugにHTML,CSSのリファレンスを追加できるアドオンです。 Firebug上にリファレンスが表示されます。 W3Cに対応しているかなどの詳細も表示されますので、Firebugを愛用している方は導入してみてはいかがでしょう。 以下に、使い方を載せておきます。

        • ハイクオリティなフリーHTML/CSSテンプレート集「99 High-Quality Free (X)HTML/CSS Templates」 | DesignDevelop

          TOP  >  WebDesign  >  ハイクオリティなフリーHTML/CSSテンプレート集「99 High-Quality Free (X)HTML/CSS Templates」 WEBサイトの制作をより簡単にそして精度の高いものにしてくれるテンプレート。現在様々なフリーで使えるテンプレートがリリースされており、かなりクオリティの高いもの存在します。今日はそんなハイクオリティなフリーHTML/CSSテンプレートを集めたエントリー「99 High-Quality Free (X)HTML/CSS Templates」を紹介したいと思います。 Download - Live Demo 様々なタイプの高品質なHTML/CSSが収録されていますが、今日はその中からいくつか気になったものをピックアップして紹介したいと思います。 詳しくは以下 ■O’No! Typography – Downlo

            ハイクオリティなフリーHTML/CSSテンプレート集「99 High-Quality Free (X)HTML/CSS Templates」 | DesignDevelop
          • HTMLを一気に書き上げよう | Zen Coding 3-5 | HTML+CSSコーディングが10倍速くなるZen Coding

            Zen Codingの構文を組み合わせよう3-3ではよく使うHTMLタグの省略形を紹介し、続いて3-4では、HTMLをより効率的に入力するために、Zen Codingの構文の書式を紹介しました。 ここまで紹介した書式を組み合わせれば、次のようなHTMLを、「Zen Codingの記述」のように記述して、展開・生成することができます。 まず短めのコードから始めて、できるだけ一気に書けるように、記述のしかたを考えてみましょう。 <body> <div id="header"> <h1 id="site-id"></h1> <p class="site-copy"></p> </div> <ul id="nav"> <li class="list-items"></li> <li class="list-items"></li> <li class="list-items"></li> <li

              HTMLを一気に書き上げよう | Zen Coding 3-5 | HTML+CSSコーディングが10倍速くなるZen Coding
            • コードを書くと結果が即反映されるCodepenやjsfidleのようなHTML/CSS/JavaScripteコード実行ツール・「Codeist」

              Codeistはコードを書くと結果が即反映されるCodepenやjsfidleのようなHTML/CSS/JavaScripteコード実行ツールです。Ace.jsが使われています。書いたコードは自動で保存されます。 Codepenやjsfidleと同様の目的ですが、Codeistは書くと同時にすぐに結果が表示される点は割と大きなメリットかなと思いました。Codepenもjsfidleと割と重かったりするので・・ embedや複数保存などは出来ませんが動作が超軽量というだけでも使う価値を感じます。尚、ユーザー登録が必要なのですが、一応ライセンスの明記はありませんがGithubにてソースコードも公開されていますので気になるならローカル環境で使わせてもらうのもありですね。 CodeistGithub

                コードを書くと結果が即反映されるCodepenやjsfidleのようなHTML/CSS/JavaScripteコード実行ツール・「Codeist」
              • [コピペで使える!マテリアルデザインのモーションサンプル(HTML、CSS、jQuery)] 他 海外のWebデザイン情報 | WEBデザインすーぷ

                2015年2月28日 Webデザイン HTMLとCSSのマテリアルデザインのアクションの例 HTML & CSS Examples of Material Design in Action This is going to be the year of Material Design, and we love it マテリアルデザインの年が来ています。そして私たちは、まだあなたがマテリアルデザイン時流に飛び乗らなかったか、あるいは完全に確信に満ちていない時の価値が好きです。私たちはあなたを確信させるであろうCodepenからHTMLとCSS例の小さいコレクションを集めました。 動かないマテリアルデザインはフラットデザインの偽者のようなものです。ですが、大抵の人にとってマテリアルデザインほど動きのあるサイトを作ることに慣れていないかもしれません。まずは、いくつかの例を参考にすることからはじめ

                  [コピペで使える!マテリアルデザインのモーションサンプル(HTML、CSS、jQuery)] 他 海外のWebデザイン情報 | WEBデザインすーぷ
                • 手打ちコーディング初心者におくるメンテナンス性の高いHTML+CSSコーディングを行うための15のTips

                  • 2行で終わるclearfix | kzms2 – html,css,javascript

                    clearfixについて このエントリーでは僕が業務で使用しているclearfixについてちょろっと書いてみたいと思います。 色々見てみましたが他の方の記事にはなかったようなので・・・(近しいのはありましたが) CSSを始めて、誰もが困る表示を解決してくれるclearfix。 基本を知っている方でも、この方法は知らない方も居そうなので是非興味がある方はご覧下さい。 clearfixって何? と思う方は以下のリンクを読んで見てください。 clearfixでfloatを解除 | d-spica clearfixとは – webデザイナーのメモ – Yahoo!ブログ では詳細は続きから。 一般的なclearfix 一般的に知られているclearfixは2通りあるかと思います。 content:” “;型 Coliss様より引用/* new clearfix */ .clearfix:a

                    • GitHub - PixelsCommander/HTML-GL: Get as many FPS as you need and amazing effects by rendering HTML/CSS in WebGL

                      You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

                        GitHub - PixelsCommander/HTML-GL: Get as many FPS as you need and amazing effects by rendering HTML/CSS in WebGL
                      • HP作成講座 HTML CSS JavaScript タグ一覧

                        スポンサード リンク Home GaiaX系 HTML、CSS(スタイルシート)、JavaScriptなど ホームページ作成を徹底支援したHP作成講座。 タグリファレンス、タグ一覧。ホームページ作成の参考は SussiWebの「HP作成講座 HTML CSS JavaScript タグ一覧」にお任せ下さい。 ▼タグ一覧▼ 文字系 画像系 リンク系 ページ系 背景系 テーブル系 テキストエリア系 その他

                        • HTML + CSSでリアルな目玉焼きを作る - Qiita

                          前回、リアルなタピオカを作りましたが、今回は目玉焼きを作りました。コードはあまり整理されていませんが、そこはご了承ください。 完成品はこちら See the Pen sunny-side up by Nishihara (@Nishihara) on CodePen. 概要 基本的な作り方は前回と同様、円形グラデーション(background-image: radial-gradient())とフィルターのぼかし(filter: blur())を駆使して作っています。前回になかった要素としては、凹の字型でなめらかにつなぐ要素を追加しています。 本体を作る <div class="shiromi shiromi-body1"></div> <div class="shiromi shiromi-body2"></div> <div class="shiromi shiromi-body3">

                            HTML + CSSでリアルな目玉焼きを作る - Qiita
                          • HTML/CSS超初心者でも自分の目的に合わせて選べる、効率的な学習方法4つ -

                            Photo by dalcrose こんにちは、谷口です。 プログラミング学習に関するサービスを運営していますが、最近は現役のITエンジニアやWebデザイナーといった職種に限らず、「HTML/CSSを勉強したい!」という人が増えてきたなと感じます。 ただ、初心者にとって一番の悩みは「どうやってHTML/CSSを勉強していくか」ではないでしょうか。 また、一口にHTML/CSSを学びたいと言っても 未経験から勉強を始めてWebデザイナーになりたい 独学で勉強しているが、周囲に質問できる人がいなくてつまずいた時に解決できない 仕事でエンジニアやデザイナーと話すときにHTML/CSSのことがわからなくて困ったので基礎的なことだけでも知っておきたい そもそもどうやって勉強を始めたらいいのか・どんな勉強法があるのかがわからない などなど、その人によって求めるレベル感は様々ですし、学び方もその人の目的

                              HTML/CSS超初心者でも自分の目的に合わせて選べる、効率的な学習方法4つ -
                            • Guess CSS! HTML & CSS puzzler game

                              You are given a small frame, its HTML source and 3 CSS snippets. Guess which of them was used to style the frame, test your knowledge!

                              • HTML/CSS/JavaScriptを改善してWebサイトのパフォーマンスを向上しよう·DOM Monster MOONGIFT

                                DOM MonsterはDOMやテキストノードをチェックし、Webサイトのパフォーマンス改善を提示するブックマークレット。 [/s2If] DOM MonsterはJavaScript製のオープンソース・ソフトウェア。JavaScriptを活用したWebサイトが増えている。インタラクティブなWebサイト構築にあたって、JavaScriptを使っていくのは良いが、やたらと使うと重たくなってしまう。 実行した所 さらにdivやspanタグを使って細かなCSS設定を行っていると、多数のタグが使われることでレンダリングに影響を及ぼすようになる。そうしたWebサイトの問題点をJavaScriptを使って指摘してくれるのがDOM Monsterだ。 DOM Monsterはブックマークレット型のソフトウェアだ。公式サイトにあるブックマークレットをWebブラウザに登録するだけで利用できる。任意のWebサ

                                • PhoneGap Demo Application : HTML+CSS+JavaScriptでアプリを開発!Androidアプリ279 | オクトバ

                                  こんばんは、タマイ・ラマです! 今回はちょっと今までと趣向を変えて、Androidの開発環境に関するレビュー?をしたいと思います。 PhoneGapはHTML+CSS+JavaScriptからAPIを呼ぶことができるので、Java等にそんなに詳しくなくてもAndroidでアプリが開発できます! 現在iPhone、Android、Blackberryでアプリの開発が行えます! 今回はPhoneGapの開発者が作ったデモアプリを使いながらPhoneGapの機能を紹介していきます! 実際に開発を行うにはPhoneGapをパソコンにインストールする必要があるので注意してください。 このアプリは、2011年1月30日現在マーケットから削除されています 早速デモアプリを起動します。 加速度計です。 ちょっと写真では変化が分かり辛いですが、数字がしっかり表示されます。 GPSです。 現在の緯度と経度を測

                                    PhoneGap Demo Application : HTML+CSS+JavaScriptでアプリを開発!Androidアプリ279 | オクトバ
                                  • Adobeが公開したHTML/CSS/JavaScript専用の新エディタ「Brackets」 - builder by ZDNet Japan

                                    Bracketsの特徴 6月25日、Adobe SystemsがWebアプリケーション開発をターゲットとした新しいソースコードエディター「Brackets」を発表した。BracketsはHTMLやCSS、JavaScriptといったWebアプリケーションのためのコードの編集に特化したエディタであり、MITライセンスに基づいてオープンソースで開発が進められている。ソースコードは数カ月前からGitHub上にホストされて公開されていたが、今回公式サイトがオープンし、その詳細が明かされた形になる。とはいえ、依然として開発途上であることに変わりはなく、今後も引き続き機能を拡張していくとのこと。現在のところ、BracketはWindowsおよびMacOS X上で使用することができる。 Bracketsの特徴的な機能としては、次のようなものが挙げられる。 HTML/CSS/JavaScript用のシンタ

                                      Adobeが公開したHTML/CSS/JavaScript専用の新エディタ「Brackets」 - builder by ZDNet Japan
                                    • Google HTML/CSS Style Guide

                                      Revision 2.23 This style guide contains many details that are initially hidden from view. They are marked by the triangle icon, which you see here on your left. Click it now. You should see “Hooray” appear below. Hooray! Now you know you can expand points to get more details. Alternatively, there’s a “toggle all” at the top of this document. This document defines formatting and style rules for HTM

                                      • Google HTML/CSS Style Guide

                                        • [Think IT] HTML+CSSチャンネル

                                          ソフトウェア開発の第一線に携わるエンジニアの方々ために、最新の技術情報と現場で使えるノウハウ記事を毎日公開しています!

                                          • GitHub - google/material-design-lite: Material Design Components in HTML/CSS/JS

                                            You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

                                              GitHub - google/material-design-lite: Material Design Components in HTML/CSS/JS
                                            • 俺がHTML&CSSを覚えた方法 - Life goes on

                                              [web] CSSを「ちゃんと」書けるようになりたい - Greenbear Diary (2009-05-06) はてなブックマーク - Greenbear Diary - CSSを「ちゃんと」書けるようになりたい 今日こんな記事をブクマしたので、参考になるかどうか分からないけど俺のマークアップの勉強したての頃を思い出しながらエントリ。 俺はこの業界に入るまで、HTMLの構造さえ全く知らなかったんですが、独学+αで何とか今サイトのマークアップが普通に出来る位までは使えるようになりました。と、言っても別に特別な物は何も無いんですが。 Step1は、まあ基礎的な事が何もわからない文字通り「ずぶの素人」だったので、書籍で「1週間でHTML&CSSを覚える」系の目標が分かりやすい本を買って首っ引きで手を動かして、サイトを作りました。基本の基本(絶対リンクと相対リンクの違いとか、DOCTYPE宣言

                                                俺がHTML&CSSを覚えた方法 - Life goes on
                                              • あなたのHTML/CSSがダメな理由はこれだ『WTF, HTML and CSS?』 | 100SHIKI

                                                HTML/CSSのマークアップをする上で気をつけるべきことをまとめたサイトが「WTF, HTML and CSS?」だ。 コーディングをしていて「あれれ?」と思ったら見返すのもいいし、自分の知識レベルを確かめるためにざっと眺めておいてもいいだろう。 ただ、もちろん時代や状況によって、これらのアドバイスが適切でないこともある点には気をつけておこう。 どちらにしろスキルチェックリスト的に知っておくといいですな。

                                                  あなたのHTML/CSSがダメな理由はこれだ『WTF, HTML and CSS?』 | 100SHIKI
                                                • 便利なツールを使ってHTML&CSSコーディングの速度を上げる | Blog hamashun.com

                                                  Windows XPを使っていると様々な不便を感じます。 その一つ一つは小さな物ですが、一日中PCを使う僕たちからするとかなりのストレスとなってしまいます。 そんな時はツールを使って解決すると良いです。 注意:紹介しているツールは全てWindows用です。 CLCL かなり有名なクリップボード拡張ツールです。 「もう使ってるよ!」という人が多いと思います。 通常、Ctrl+Cなどでコピーしておける内容は一つのみです。 もう一度Ctrl+Cをすると、内容が上書きされてしまいますよね。 CLCLを使えば、その履歴を辿って呼び出す事ができます。 Alt-Tab Extender"Joe" このツールは超オススメです。 レジストリは使っていないので、一度試してみてください。 僕は、このツールが無いとWin XPを使う気にならない程に依存しています。 マークアッパーはウィンドウが増えがちです。 エデ

                                                  • GitHub - MacGapProject/MacGap1: Desktop WebKit wrapper for HTML/CSS/JS applications.

                                                    You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

                                                      GitHub - MacGapProject/MacGap1: Desktop WebKit wrapper for HTML/CSS/JS applications.
                                                    • 【コラム】攻略! ツール・ド・プログラミング (15) HTML/CSS/DOMを書かないWebアプリケーションフレームワーク「qooxdoo」 | エンタープライズ | マイコミジャーナル

                                                      qooxdooとは qooxdoo(クークスドゥー)はJavaScriptをベースとしたAjaxアプリケーションフレームワークである。通常のWebアプリケーションフレームワークとは趣向が異なり、HTMLやCSSをいっさい記述することなく、JavaScriptのコードのみでAjaxを利用したインタラクティブなWebアプリケーションを開発することができる。DOMなどの知識も必要なく、使うのはqooxdooで用意されたオブジェクト指向ベースのJavaScript APIのみ。 たとえばWebページ上に表示するボタンやリスト、テーブル、フォームなどのGUI部品もすべてqooxdooのAPIでラップされており、利用するためにHTMLやDOMを意識する必要はまったくない。それどころか、ウィジェットをさまざまな形で配置するためのコンテナや、レイアウトを自動で整えるレイアウトマネージャなども用意されており

                                                      • 表(table)の作り方と装飾の変え方【HTML&CSS】

                                                        今回はWebサイトやブログで表を作る方法を解説します。1ずつ丁寧に解説していくので、HTML/CSS初心者の方もご安心ください。 1. HTMLのtableの使い方 <table>はHTMLのタグの1つです。<tr>や<th>、<td>などのタグと合わせて使うことで表を作ります。タグの名前が似ていて分かりづらいんですよね…。 1-1. それぞれのタグの意味

                                                          表(table)の作り方と装飾の変え方【HTML&CSS】
                                                        • Webサイト配色のお悩み解決!制作で便利なHTML/CSSカラースニペット21個まとめ

                                                          配色はデザインにおいて欠かせない重要な要素です。しかし、配色がなかなか決まらずに悩んでしまったという経験は、誰しも一度はあるのではないでしょうか。 今回は、Webデザイン制作で便利な配色カラーパレットに関するHTML/CSSスニペットをまとめてご紹介します。 美しいグラデーションやクリックするだけで配色をコピーできたり、配色が苦手なひとでもボタンひとつで作成できる自動生成ツールなど、色に困ったときに使いたい便利なHTMLスニペットが揃います。 よ手軽な配色ツールをお探しのひとは、以下の記事も参考にしてみてはいかがでしょう。2020年の最新ツールも追加アップデートしています。 【2021年版】もう配色デザインには迷わない!すごい無料カラーパレットツール83個まとめ Webデザイン配色は怖くない!制作で便利なHTML/CSSカラースニペットまとめ Gradients Collection Pr

                                                            Webサイト配色のお悩み解決!制作で便利なHTML/CSSカラースニペット21個まとめ
                                                          • 【HTML/CSS】たかがフェードイン/フェードアウトするだけの挙動に全力で取り組んだ結果、最強のCSSができてしまった話【最強】

                                                            エウレカのPairsグローバル事業部エンジニアの山内です。 この記事は、eureka Advent Calendar 2017 13日目の記事です。 昨日は新卒エンジニア鈴木康文さんの「Goのフレームワーク“Revel”を触ってみた」でした。 これからGoをはじめてみようという方にはとても入っていきやすい内容です。是非。 # 前置き最近、HTML要素をフェードイン/フェードアウトする実装をしました。 たかがフェードインアウト、と侮るなかれ。 「CSSだけで表現」「JavaScriptは極力関与しない」「とにかく簡潔に」と決めて取り掛かるといくほどか難易度がアップします(しました)。 実装を終え、なるほどなぁと思うところがあったのでそのことを書くことにしました。 よろしければお付き合いください。 # 達成条件以下を満たす、フェードイン/フェードアウトを実装します。 アニメーションをスタートす

                                                            • WebはHTML/CSSから学びはじめるべきか|HTMLも知らない人にIonic本をしてもらった知見 - Qiita

                                                              Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 10年以上前からWebの勉強は「まずHTMLを覚えて、フォントサイズをかえて『すごーい』」という学習がメジャーですが、それって本当に正しいのかなという記事です。 前置き ー Ionic Frameworkとは 「Ionicで作る モバイルアプリ制作入門〈Web/iPhone/Android対応〉」が発売されます。 IonicはHTML5でモバイルアプリをつくるためのプラットフォームです。 1ソースでWeb/iOS/Androidアプリがつくれることから、ドワンゴ、pixiv、Exciteといった有名企業も採用しており、「Webアプリをつ

                                                                WebはHTML/CSSから学びはじめるべきか|HTMLも知らない人にIonic本をしてもらった知見 - Qiita
                                                              • Amazon.co.jp: インクルーシブHTML+CSS & JavaScript 多様なユーザーニーズに応えるフロントエンドデザインパターン: Heydon Pickering (著), 株式会社Bスプラウト (翻訳), 太田良典 (監修), 伊原力也 (監修): 本

                                                                  Amazon.co.jp: インクルーシブHTML+CSS & JavaScript 多様なユーザーニーズに応えるフロントエンドデザインパターン: Heydon Pickering (著), 株式会社Bスプラウト (翻訳), 太田良典 (監修), 伊原力也 (監修): 本
                                                                • プログラミング言語やHTML/CSSなどを学んだ後にやるべきことは写経とクローン作り|masuidrive

                                                                  Progateやドットインストールなど、プログラミング学習サイトが最近たくさん出てきていますが、「言語やツールを学んだあとどうすればいいのかわからない」という話も聞くようになりました。 せっかく言語を学んだのであれば、この状態を超えて自分の作りたいものを作ったり、依頼されたものを作れるようになると世界が広がります。 実は「言語やツールを知っていること」「コードが書けること」「サービスが作れること」と「ビジネスができること」のそれぞれのフェーズには大きな壁があります。多くのサイトで学べるのは「言語やツールを知ること」になります。 ここから「コードを書ける」というギャップを埋めるためには、他人の書いた色々なコードを読んで、それをコピーして覚えるのが一番です。これを「写経」と言います。 例えばMedium.comクローンのrealworld.io や、ちょっと古いですが TodoMVC というサ

                                                                    プログラミング言語やHTML/CSSなどを学んだ後にやるべきことは写経とクローン作り|masuidrive
                                                                  • クリーンなHTML、CSSとjQueryで作るFlickrみたいなメニュー « moto-mono

                                                                    This domain may be for sale!

                                                                    • WEB+DB Press Vol.81 イマドキHTML/CSS開発

                                                                      6月24日発売のWEB+DB Press Vol.81にて「イマドキHTML/CSS開発」というタイトルで特集を執筆した。特集では機器や周辺技術の変化と進化がもたらす多様性に、今までのような現状の機器への逐次対応という視点ではなく、未来のそれらを見据えた形で相対するにあたっての考え方や実装方法を解説している。具体的には検証可能な「コンポーネント」という単位をどう作り、それをどう扱うか、だ。 「マルチデバイス」というイマドキの事情 独立性を重視した設計 コンパクトな開発サイクル デバイスの特徴を活かしたUI 環境に左右されない画像 特集はこのような形で構成されている。現状の説明から始まり、コンポーネントの設計から、その実装をまず解説し、それらの自動化・最適化・効率化について、コンポーネントごとに実装から検証までを行う小さなサイクルを中心に据えたワークフローへの変革を絡めて触れていくという形に

                                                                        WEB+DB Press Vol.81 イマドキHTML/CSS開発
                                                                      • 初公開! HTML・CSS黒帯って何をやっているの!?

                                                                        ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog 黒帯活動について HTML、CSS 黒帯の橋本です。 黒帯ウィークということで、自分の取り組んでいる活動についての記事を投稿させていただきます。(黒帯については、ヤフー採用ページや、linotice の紹介記事を見てみてください) 黒帯には、技能発揮、社外貢献、技術伝承という役割があるのですが、今回は、技術伝承の活動についてお話しさせていただきます。 技術伝承 具体的にどのような活動で技術伝承を行うのか、実例を交えて活動内容をご紹介したいと思います。 今回ご紹介させていただくのは、「新卒デザイナー研修」と「黒帯インターン」のお話です。 実際にどのようなことを行ったのか。また、ヤフーでは、どのようなことを新卒研修やインターンで実施し

                                                                          初公開! HTML・CSS黒帯って何をやっているの!?
                                                                        • CSS Gridのしっかりとした知識とレイアウトやUIコンポーネントを実装するテクニックを学びたい人にお勧めの解説書 -作って学ぶ HTML+CSSグリッドレイアウト

                                                                          ※本ページは、アフィリエイト広告を利用しています。 CSS Gridをそろそろ真剣に覚えないと、思っている人にぴったりの解説書を紹介します。 Web制作系の解説書で評価が高いエビスコム様の最新刊で、本書もかなり充実した内容となっています。CSS Gridの基礎知識はもちろん、基本のグリッド、さまざまなレイアウトやUIコンポーネントの実装も豊富で、簡潔なコードでかなりしっかりと解説されています。 本書は、先週発売されたばかり! Web制作に携わる人すべてにお勧めの解説書。HTMLとCSSに携わるコーダーの人はもちろん、こういうレイアウトやコンポーネントができるというのがよく分かるのでデザイナーやディレクターの人にもお勧めです。

                                                                            CSS Gridのしっかりとした知識とレイアウトやUIコンポーネントを実装するテクニックを学びたい人にお勧めの解説書 -作って学ぶ HTML+CSSグリッドレイアウト
                                                                          • CSS Portal - Generators, Resources, Tools, HTML - CSS Portal

                                                                            Support Us If you would like to support CSSPortal, please consider making a small donation. ☕ Buy a Coffee CSS Portal Tools, Generators & Resources CSS Portal is home to many examples of CSS / HTML and how it can be used in website design. Here you'll find all CSS properties and many CSS generators to help with all your design needs. You will find hundreds of pages of tools, resources and generato

                                                                              CSS Portal - Generators, Resources, Tools, HTML - CSS Portal
                                                                            • ノーコードツール「STUDIO」がスゴイ! HTML・CSSが不要、FigmaからコピペでWebサイトが完成【1週間まとめ】 - 9/30~10/6のWeb担の記事まとめ | 先週のWeb担まとめ記事 | Web担当者Forum

                                                                                ノーコードツール「STUDIO」がスゴイ! HTML・CSSが不要、FigmaからコピペでWebサイトが完成【1週間まとめ】 - 9/30~10/6のWeb担の記事まとめ | 先週のWeb担まとめ記事 | Web担当者Forum
                                                                              • 2012年に書いたブロガー向けHTML,CSS関連記事まとめ | delaymania

                                                                                WEBデザイナーやってます@delaymaniaです。 HTML,CSSに疎いブロガーさん向けに書いた記事がいくつかあるんですが、ありがたいことに「あの記事良かったよ」と言ってもらえることが多いです。 2012年に書いたWEBデザイン寄りな記事をまとめましたので、見逃した記事がある方は是非この機会にチェックしてみてください。 ブロガー向けHTML,CSSの基礎知識記事 僕の周りにはHTMLやCSSに疎いブロガーさんが多くて、そういう方のために「HTML,CSSの書き方」ということについて書いた記事です。 どの記事もたくさんの方に読んでいただけました。 ブログの本文にhtml書くときにスタイルを直接書かない方がいい理由 hタグの中にstrongとか入れてる人は気をつけて!h1,h2,h3タグなどの正しい使い方 fontタグ使ってる人はもう使うのやめよう CSS初心者ブロガーに捧げる!超簡単な

                                                                                • Convert PSD to HTML & CSS - W3 Markup

                                                                                  HTML/CSS We take your design files and convert them into a neat, hand-coded, SEO optimized markup, thoroughly tested in all modern browsers. Starting at $192 website We will provide you with an easy-to-update and feature-rich website based on WordPress, Drupal, Magento, Shopify, Joomla! and others. Starting at $231 email We will convert your design to an HTML email template, compatible with all mo