Initiating the Hack (Pure CSS Sombra)
About HTML Preprocessors HTML preprocessors can make writing HTML more powerful or convenient. For instance, Markdown is designed to be easier to write and read for text documents and you could write a loop in Pug. Learn more · Versions Adding Classes In CodePen, whatever you write in the HTML editor is what goes within the <body> tags in a basic HTML5 template. So you don't have access to higher-
Web制作にすごい役立つ！無料で使える便利なオンラインツールのまとめ -Tiny Helpers
CSSやHTMLやJavaScriptをはじめ、カラーやフォントやアクセシビリティなど、Web制作時に役立つオンラインツールをまとめたTiny Helpersを紹介します。 無料で利用できるツールがまとめてあるので、非常に便利です。
【CSS】ズームしながら、ふわっと表示が切り替わるスライドショーを作ってみよう｜（株）くふうしずおか
最近は動くヒーローイメージが当たり前になってきましたね。 今回はjQuery、JavaScriptを使わずに、CSSだけでズームしながらふわっと表示が切り替わるスライドショーを作ってみたいと思います。 デモの確認 background-imageで表示するパターンと、imgタグで表示するパターンを用意してみました。 フェードイン・フェードアウトの動きは共通です。 スライドアニメーションに関してはどちらもCSSのanimationで実装しています。 HTML／スライドの中身を囲む<div class="main_imgBox"> <div class="main_img" style="background-image: url(###)"></div> <div class="main_img" style="background-image: url(###)"></div> <div
【初心者向け】HTML+CSS練習用のサンプルコード | KROWL MAGAZINE - Web業界への転職に役立つメディア
誰が書いたコード？ 実はこのコード、弊社フロントエンドエンジニア（未経験で入社）が、入社前の自主制作で作成していたサイトの一部を抜粋させてもらったものです。 サンプル用に調整・修正している箇所もありますが、なるべく原型を残してあります。うまくいっている箇所も、そうでないところ・苦戦した痕跡も、残しました。 未経験だった彼が感じていた新鮮さ、面白さ、そして難しさも、このコードから読み取っていただけると嬉しいな、と思います。 また、こちらのサンプルサイトを1から作り直し、解説した記事も公開されていますので コーディングの途中で手が止まってしまった…進め方がわからない…という方、ぜひこちらもご覧ください。 想定しているディレクトリ構造 ディレクトリって何？ フォルダのことです！ここではどのフォルダにどんなファイルが入っているのかを表わしています。 このプロジェクトフォルダをSublime Tex
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
