59. ベースのHTMLを作成 <body> ! <dl> ! ! <dt>Step.1</dt> ! ! <dd><p>Lorem ipsum ! ! (中略) ! ! venenatis.</p></dd> ! ! <dt>Step.2</dt> ! ! <dd><p>Integer rhoncus ! ! (中略) ! ! ultricies accumsan. </p></dd> ! ! <dt>Step.3</dt> ! ! <dd><p>Integer pretium ! ! (中略) ! ! imperdiet. </p></dd> ! </dl> </body> 60. CSSでベースを整形 body{ ! background:#252422; } dl{ ! width:800px; ! margin:50px auto; } dt{ ! line-height:35p
kanazawa.js v1.0 〜JavaScriptコトハジメ〜(2011年2月5日開催)で使用したスライドです。Read less
初めてWordPressオリジナルテーマの作成にトライしたい、という方向けの基本のマニュアルです。マニュアルというほど大袈裟なものではありませんけど、ある程度敷居が低くなると嬉しいなぁという思いを込めて記事にします。 この記事の内容はあくまで基本中の基本で、初心者・ノンプログラマー向けとなっていますので応用的な情報は殆どありません。また、説明の仕方も分かりやすさ重視で、厳密的にはちょっと違う点もあります。 初心者さん向けに、もう少し情報があってもいいかなと思って、書いてみることにしました。僕もまだまだ初級レベルなので一緒に学んでいきましょう。初級者レベルでこんな記事書くなって話ですけども。 目次 目次です。各セクションで必要と思う場所から見るようにしてください。 はじめに 作成するWebサイトの目的と構造 テーマ作成前に用意するものと環境 テーマの構造を(触り程度だけでも)理解する HTM
初めて WordPress でオリジナルテーマを作ろうと思ったとき、真っ先に参考にしたいのが公式のデフォルトテーマだと思います。でも最近のデフォルトテーマは、ちょっといろいろな機能もついていて複雑な構造をしています...。今回は初めて WordPress でオリジナルテーマを作りたい!っていう人向けに、シンプルなテーマをもとに制作フローをまとめてみました。サンプルはダウンロードしてご活用ください。 WordPress もバージョンアップを重ねて、最近では 3.5 になりました。それに伴ってデフォルトのテーマも、新しい TwentyTwelve になりました(2013年 1月現在)。WordPress で初めて自分だけのオリジナルテーマを作ろうと思うと、まず最初に参考にしたいのがデフォルトテーマ …。でも最近のデフォルトテーマは、ちょっと難しい構造になってる … と思ったりしませんか? 私が
す、すいません… ベタなタイトルで…。 Jekyll Version 1.0 2013年5月5日にJekyllのVersion 1.0がリリースされました。 Jekyll • Simple, blog-aware, static sites Jekyll 1.0 Released - Musings of Parker J. Moore 2011年12月のVersion0.11.2以降、Jekyllの開発は停滞気味でした。しかし、parkr (Parker Moore)氏がJekyllのcontributorとして参加したことを機に、昨年12月15日頃から新たな胎動が始まり、同22日に大きな問題を解決したVersion0.12.0がリリースされました。その後も怒涛の勢いでコミットが投げられ、遂に、5月5日にVersion 1.0がリリースされたのでした。GithubにおけるCommit A
A brief guide for web developers, describing how to customize Twitter Bootstrap for their web designs Download source code - 204.4 KB Introduction The process of converting the graphical design of a web page to HTML and CSS have always been a big challenge when every single Web Browser out there, renders your design the way it understands and that's not the way you designed it. Fortunately, recent
jQuery: The Write Less, Do More, JavaScript LibraryIntroduction So you want to unlock the power of jQuery to make the web a better place? Awesome, but there are a few things you should know about JavaScript first. Introduced at the dawn of the web, JavaScript is a powerful and expressive language that runs inside the browser in conjunction with HTML and CSS. Based on an open standard called ECMASc
The Best Free Books, Videos, Tutorials and More for Learning jQuery jQuery is undoubtedly the most popular JavaScript library on the web today. It is used by 70% of the top websites and is becoming a defacto standard in web development. If you are looking for a programming job, knowing the library is a big plus. Things have progressed as well in terms of the quality and availability of teaching ma
画像スライドショーでjQueryプラグインの基本を学ぶ:jQuery×HTML5×CSS3を真面目に勉強(2)(1/4 ページ) はじめに この連載で取り扱っているjQueryはJavaScriptのライブラリエンジンです。 世の中には実にさまざまなプログラミング言語があります。昨今主流となっているものの大半は、オブジェクト指向プログラミング言語と呼ばれているものです。 代表的な例を挙げると、Java、C#、Ruby、Python、Objective-Cといったところでしょう。これらの言語はクラスベースというカテゴリに属しています。クラスベースはアプリケーションにおけるさまざまな機能をクラスと呼ばれる単位でキッチリと分割することで、プログラム全体をキレイに整理整頓できるという特徴を持っています。大規模な開発になるほど、この特徴が威力を発揮するため、先に挙げたプログラミング言語が積極的に採用
これはなかなかいいかも? jQueryの基本をタイピングゲーム感覚で学習することができるという「jqTyping」なるサービスがありました。 実際にキーを叩けば覚えも早くなりそうですよね。 シンプルなデザインですね。 まぁ学習するのに過剰なデザインは必要ないから当然といえば当然ですけど。 まずは、ステージと問題数の選択を行います。 現在用意されているステージは以下の3ステージ。 ステージ1 基本構文 ステージ2 特殊セレクタとメソッドチェーン ステージ3 アニメーション処理 [問題数]でいくつの構文を連続でタイピングするか選びます。最少1問から最大10問まで。 問題はランダムに出題されます。 問題の構文が表示されたら、まったく同じ構文を下の入力エリアに入れていくだけ。 入力を間違えると、上のように赤く表示され、正しい文字を打たない限り進むことができません。 設定した問題数をこなすと、スコア
Welcome to day 7, the last installment of tutorial week on Designrfix. Today we have assembled an awesome collection of some wicked jQuery tutorials from around the Web. I am confident that these web design and development tutorials will arm you with all the necessary techniques in-order to achieve those latest web design trends. Lastly, it’s been an amazing 7 days and we are confident that these
HTML5 Tutorials: 30+ Useful Tips And Tricks To Get You Started Welcome to day 6 of tutorial week on Designrfix. Today we have assembled a great collection of some very useful HTML and HTML5 tutorials from around the Web. I am confident that these web design and development tutorials will arm you with all the necessary techniques in-order to achieve those latest web design trends. Hope you like the
We have a new and comprehensive Learning Guide to help you learn CSS online, whether you're just getting started with the basics or you want to explore more advanced CSS. Check out Learn CSS: The Complete Guide. CSS works hand in hand with HTML; HTML sorts out the page structure, CSS makes it look pretty and adds subtle levels of interaction. As a web designer you should really get to grips with b
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く