2013年1月29日発売のweb creators特別号「いますぐ悩みが解決する! Webデザイン 仕事で役立つ54のアイデア」から、毎週記事をピックアップしてご紹介! 近年さかんに目にするパララックス効果やMasonryを利用したレイアウトをはじめ、見やすくて使いやすいナビゲーション、フォームや製品紹介ページのユーザビリティを向上するインタラクション、表現の可能性を広げるHTML5+CSS3の機能、制作効率を向上するフレームワークの紹介、スマートフォンサイト制作のポイントとTipsなど、Web制作の仕事に役立つ54のアイデアが満載です。 ※本記事はweb creators特別号『いますぐ悩みが解決する! Webデザイン 仕事で役立つ54のアイデア』からの転載です。この記事は誌面でも読むことができます。
2014年7月31日 CSS, 便利ツール 「Sass」って聞いたことありますか?すっごく簡単に言うと、CSSをもっと便利に・効率良く記述するためのものです。とは言え基本的な書き方はCSSと同じなので、「新しいプログラミング言語」というより「CSSの新しい装備品」といったところでしょうか。一見難しく思えるかもしれませんが、慣れると「これなしではいられない!」とまで思えるSassの魅力と、Macでの設定方法はあまり見ないなーという事でMac+Codaでの設定方法も紹介します。 ↑私が10年以上利用している会計ソフト! Sassとは 日本語では「サス」と読まれるようです。拡張子は「.scss」。今までのCSSに変数や計算式を使ったプログラミング風の書き方を加えた .scss ファイルを、変換(コンパイル)してCSSファイルを作成します。例えば「style.scss」のSassファイルを変換する
問題・現象 WindowsXP + IE v6.0.x で確認できる現象。ブラウザの「エンコード」設定を下記のように「自動選択」にしておくことで、通常ならば、表示しようとしているHTMLのエンコードを自動で判定してくれるのですが、 下記のような、エンコードが Unicode (UTF-8) のHTMLを表示しようとすると、なぜかエンコードを 日本語 (シフト JIS) と誤認識してしまい、結果、表示が真っ白 (blank) になってしまいます。 <html> <head> <title>百人百答!</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> </head> <body> <img src="image.jpg"><br>ネムの木 </body> </html> [ サンプルHTMLを
5 Ways to Make Money as a Teenager If you're a teenager looking for ways to make some extra cash, you're in luck. There are a number of ways that you can make money without having to get a job. From... The 3 Highest Paying Survey Sites If you're looking to make a quick buck, taking online surveys might be the way to go. You won't get rich doing it, but you can earn a decent amount of pocket money.
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
リストを横並びにした時の空白 リストをdisplay:inline;などで横並びにすると、リストとリストの間に空白ができちゃうんですよね。これを知らないと、paddingを0にしたりとかmarginを0にしたりとか、そういうのでがんばろうとしてしまうんだけど、実はそうじゃなくてHTMLの書き方によって(改行)空白できちゃうんですよね。 これをdisplayプロパティで横に並べる時、どの方法なら隙間なく並べられるか!他の方法とかを含めて検証してみましょう。 いろいろ検証してみる ネタ元の方法が実際にどうなのか、そして、他の対処法も含めて検証してみます。 尚、今回の検証では、IE6、IE7、IE8、Firefox2、Firefox3.0、Opera9.6、Safari、Chromeで検証しました。 1、単純に改行した場合 ■HTML <ul> <li>サンプル</li> <li>サンプル</l
Come creare il miglior gioco da casinò Quando si progetta un gioco da casinò, la prima cosa che devi considerare è che tipo di gioco sarà. Ci sono molti diversi tipi di giochi da casinò, dalle slot e video poker ai giochi da tavolo e giochi di carte. Dovrai decidere quale tipo di gioco si adatta meglio alle tue esigenze. Ogni tipo di gioco ha il proprio set di regole e regolamenti, quindi dovrai a
Long Paragraph <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, commodo vit
Select Art はメンテナンスモードに移行しました。過去の作品の参照は出来ますが、今後の新しい作品の追加は出来ません。 申し訳ありませんが、ご理解いただきますようお願いいたします。
「Free HTML to PDF Converter」はウェブページをPDFにできるサイトです。 PDF化したいウェブページのURLを指定すると自動的にPDF化され、ダウンロードされます。 当ブログのTOPページですと、約10秒くらいでPDF化できました。 以下に使ってみた様子を載せておきます。 まず「Free HTML to PDF Converter」にアクセスします。 そして、PDF化したいウェブページのURLを入力します。 「Make PDF」すればOK! PDF化が完了しましたら、自動的にダウンロードされます。 ダウンロード後、ファイルを開いてみました。 日本語もバッチリ! ちゃんと表示されます。 拡大してみました。 多少デザインがおかしくなってるところがありますが、まあこれくらいならって感じですね。 (本記事で紹介したサイト:Free HTML to PDF Converte
印刷可能ASCII文字、すべてのスペース、句読点、改行コード、水平タブ、アクセント記号付き文字、およびその他の非ASCII文字を&#nn;または&#xnn;というHTMLユニコード(Unicode)形式に変換します。
HTML文字コード表 HTML内では例えば"<"や"> を使いたくても、タグと見なされて思ったように表示されないばかりか、グチャグチャな表示となってしまう場合もあります。 こんな場合は"&#"と";"で対応する数字を書いておくと、その対応する文字が表示されます。 "<"、">"以外はあまり使うことも有りませんが、後半を見ると変わった記号も有りますので、何かに使えるかも知れません。 気付いた人は気付いたと思いますが、このコード自体を表記するには&と#の間にampと入れています。ソースを見るとそれ以外にも見えてくると思います。
はじめに ご使用上の注意 (1) 主な更新履歴 (24) 管理者へのメール (1) 自己紹介 (1) 基本編 用語集 (82) Webページ作成入門 (7) 逆引きリファレンス (32) フォーマット HTML (400) HTML5 (7) XHTML (1) MathML (1) DTD (1) JSON (1) SVG (1) VML (1) GIF (1) CSV (1) セマンティック・ウェブ (1) CSS CSS (ABC順)(719) Bootstrap (61) Less (1) Sass (1) Tailwind CSS (1) CSSフレームワーク (1) リセットCSS (1) プログラミング言語 JavaScript (39) TypeScript (1) Java (25) Perl (4) PHP (14) Ruby (11) Python (13) Go (
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く