キーワード検索「CSS」
1925
「Webサイトを作れるようになりたいけど何から始めればいいかわからない」そんな人のために完全な素人の人がひとりでWebサイトを作れるまでに必要な本や記事集めました。 この記事テーマは３つの記事に分かれています。 一つ目は今回の、 完全素人がひとりでWebサイトを作れるまでに必要な本や記事集めました 〜①デザイン編〜 後日公開予定の、 〃 〜②コーディング編（HTML&CSS）〜 〃 〜③集客・W...
1703
1日でマスターできるHTML５まとめ。
1551
JUNPです。プログラミングってハードルが高いイメージです。今でこそ何となくわかったり使えるようになったHTMLやCSSも最初は意味不明な文字の羅列でした。そんなプログラミング言語を無料でしかもわかりやすく教えてくれる学習サイト「ドットインストール」の紹介です。 1コマのコンテンツが3分だから空いた時間に学習できる 3分動画でマスターする初心者向けプログラミング学習サイト｜ドットインストール ドッ...
1513
CSSセレクタって意外と分かっていなかったりするので勉強ついでにまとめてみました。比較的実用的かなと思うものを20個紹介していきます。いい復習になればと思います。 そもそもCSSセレクタが何かというと、スタイルを適用する対象を選択するものです。普段何気なく使っているclassやidなどもセレクタの１つです。 ieが対応しきれていないCSS3のセレクタもありますが、IE6〜8でもCSS3セレクタが利...
1451
土曜日の朝ですが、これはテンションがあがる！！！ Twitter社から開発者むけに素敵なプレゼントですよ・・・これはすごい。今風のインターフェースがさくっと作れるCSSフレームワークですな。これだけでかなり高品質なデザインが実現できちゃうのではないでしょうか。 ↑ ここ最近で一番テンションあがった！Twitter△！ すんごくたくさんの機能があるのですが、いくつかご紹介。 ↑ まずはグリッド。部品...
1385
Webデザインに欠かせない？jQuery。HTML と CSS はわかるけど、 jQuery っていまいちよく分からない ... っていう人が、jQuery に少しでも親しんでもらえたらいいなーと思って、知ってる事をまとめてみました。なので jQuery 初心者さん向けの記事です。Webデザインをしていると、HTML と CSS だけではできない表現ってありますよね。そんな時によく使うのが jQu...
1202
Web制作を少しでも効率化しよう と思って（今更）いろいろ便利そう な情報を探しました。既に使って いる情報の方が多かったのです が、折角調べたのでシェアしたい と思ってエントリーです。 コーディングをもっと円滑に、という旨の情報です。順不同。あんまり多いと逆効果なので量は絞りました。一応これでも絞りました。絞ったつもり。zen-coding話題になったzen-coding。だいぶ慣れて来た方もい...
935
先日、ドコモのAndroid端末である「GALAXY S」を予約したわけですが、そうなると気になるのが、ずーっと前から気になってたHTML5について。これからスマートフォンが普及するにつれて、無視出来ない技術であるのは誰の目にも明らかなのではないでしょうか。 てことで、HTML5について調べてみたメモです。 HTML5の概要まずは難しいことは抜きにして、概要を読んでみると分かりやすいです。 HTM...
918
「Webサイト勉強するのにおすすめのサイトを教えてください！」との声が多いのですが、日本のWeb関連チュートリアルサイトをあまり見たことがなかったので、今までおすすめできませんでした…。ということでちょっとググって初心者さんによさそうなサイトをいくつか紹介します。小難しい単語が並んであるようなサイトは避けているつもりですが、わかりにくかったらすみません。他にもおすすめサイトがあればぜひコメント欄に...
909
CSS3がいくらパワフルとはいえ、さすがにここまで凝ったものが作れるとは思いませんでした。 まずはChromeでこちらを遊んでみてください。 CSS3 OF THE DEAD - jsdo.it - share JavaScript, HTML5 and CSS まるでJSをバリバリ使ったゲーム、のように見えますが、実は「Only CSS」。上のSTOPボタンを押すとコードを確認することができます...
886
スマートフォンサイトを本格的に作るようになってきたので、いろいろ基本的なことから調べてみました。 自分はコーディングがメインなので、HTML/CSS/JSが主になっています。 制作する前に仕様の確認 スマートフォンの仕様が載っています。一通り目を通すと、製作してる時に「これができない！」などの問題が回避できるかもしれません。 ASCII.jp：サイト制作の前に知りたいiPhone/Androidの...
809
こんにちは@sayobsです。今日紹介するのはAdobeから発売されているドリームウィーバーを使って誰でもHTML/CSSでウェブサイト(ホームページ)を制作する動画チュートリアルを紹介します。 僕も最初はこの動画を見てDreamweaverの使い方を覚えました。英語ですが、凄く分かりやすいですよ。WordPressで自作テーマを作りたい人にもおすすめのチュートリアルです。 1時間で覚えよう Pa...
964
上記デモのスタイルシート ※クリックで拡大「CSS3 PIE」の使い方は簡単で、既存のCSS3に一行を追加するだけです。適用前のCSS#myElement {background: #EEE;padding: 2em;-moz-border-radius: 1em;-webkit-border-radius: 1em;border-radius: 1em;}「CSS3 PIE」を適用#myElem...
778
CSSセレクタについての基礎知識 このブログで何回も説明していますが、念のために説明します。 CSSセレクタはスタイルを適用する対象を指定するものです。普段何気なく使っているclassやidなどもセレクタの１つです。 セレクタ表の説明には属性や要素といった堅苦しい用語が出てきますので簡単に説明します。 私のように基礎から勉強していないと、要素や属性と聞いてもピンときませんが、知ってみるとなんてこと...
809
![[JS]ソーシャルメディアの不揃いなボタンを統一した美しいデザインでブログに設置するスクリプト -Koottam | コリス](http://capture.heartrails.com/200x130?http://coliss.com/articles/build-websites/operation/javascript/jquery-plugin-koottam.html)
Twitter, Facebook, Google+, RSSなど、ソーシャルメディアの不揃いなデザインのボタンを統一した美しいデザインにしてブログやサイトに設置するjQueryのプラグインを紹介します。 Koottamの主な特徴 Koottamのデモ Koottamの使い方 Koottamの主な特徴 Twitter, Facebook, Google+などのアカウントを設定するだけで設置できます...
778
ついにウェブでも有名書体が使える！ウェブフォントサービス Fonts.com Web Fonts β版が運用開始TypekitやFontspringなどに続き、オンラインフォントショップFonts.comが、ウェブフォントサービス Fonts.com Web Fonts を開始しました。現在はβ版となっており、登録制でサービスを利用することができます。他のサービスに比べて、とにかくすごいのが有名書...
718
Webツール , その他 ウェブサイトのレイアウトを簡単に作成できるジェネレータ「PageBlox」 2012.04.24 12:00 コメント数：[ 0 ] Tweet 「PageBlox」はウェブサイトのレイアウトを作成できるジェネレータです。ウェブサイトを作るときの大枠を簡単に作成できますよ。ドラッグ＆ドロップでカラムを移動できたり、大きさの調整ができます。作ったレイアウトを構成するHTML...
806
GoogleからいろいろなAPIが出てきましたね…。位置情報やStorageもすごいですが、Font APIなるものが特に話題のようですね。このAPI、Google経由でいろいろなフォントが使えちゃう、という優れものです。まだフォントの数は少ないですが、近い将来日本語のフォントも出てくるのではないでしょうかね…。で、このAPIで何ができるのか体感したいならFont Previewerがおすすめです...
843
続・ハイパフォーマンスWebサイトを呼んでCSSセレクタの高速化の話しが面白かった（というか全然知らなくてちょっとびびった）ので紹介します。セレクタは右から左に解釈されるこれは正直知らなくて、結構衝撃でした。#foo .bar {}これはなんとなく#fooを探して、その中の.barを探している気がしてたんですけど、実は.barを探して、その親要素に#fooがあるかを探すそうです。なので特に#foo...
686
Twitterなどを見てると、 「IE6がー！」とか 「IE6,7,8,9、Firefox、webkit系、Operaで同じレイアウトにするの大変」などのツイートをたまに見るので、クロスブラウザでも差が出にくく、効率の良くなるコーディングの基礎を紹介します。 気をつけるHTMLの記述方法 HTMLの記述方法を間違えていると、ブラウザCSSの解釈が変わってきます。 以下のようなことは基本的なことです...
