HTML5 × CSS3 × jQuery – #20 文字をランダムでカシャカシャ動かしながらテキストを表示させるプラグインを作る

ブログに関して技術的なことはかっらきしわからない（からっきしなんて言葉はじめて使った） 私ですが、ちょっと Webフォント なるものに挑戦してみました。 ここ最近ずっと、日本語のフォントに中国語風の『Heiti SC』というのを使っていたんですが、ちょくちょく「文字化けですか？」「見辛い」「気持ち悪い」「調子に乗っている」などなど言われていたので、フォントの変更に踏み切ってみました…(,,-_-) ただ、Mac は ともかく、iOS で表示できる日本語フォントってほとんどないんですよね…。たぶん… おそらく、『ヒラギノ角ゴシック』か、前述の『Heiti SC』しかないような気がします。他にもあるのかな…｡:ﾟ(;´∩`;)ﾟ:｡ 『Heiti SC』は漢字が中華風になっちゃいますしね… 実際は『ヒラギノ角ゴシック』のみと言っても過言ではないですよね…。 『Heiti SC』の ひらがな部分

Introduction In the ever-evolving landscape of web browsing, staying abreast of the latest technologies is crucial. HTML5, the fifth and current version of the Hypertext Markup Language, has revolutionized the way we experience the web. With its advanced features and enhanced capabilities, HTML5 has become the cornerstone of modern web development, offering a more seamless and interactive user exp

This is my roundup post of online information sources, such as technical blogs and trend websites, that helped me a lot as a web designer through out this year. Massive thanks to those pages, and you all! さて、僕の年末感謝祭（？）もいよいよ大詰めです！前回は2012年を振り返って 僕にとって無くては成らないアプリやWEBサービスの数々を大感謝の思いでご紹介させて頂きました。 今回は2012年の僕にとって知識や情報の宝庫となってくれたサイトの数々を今回は英語圏に絞って超感謝の意を込めて全部一気にご紹介させて頂ければと思います！ この一年、僕の Facebookや Twitterで何度も何度

2014年7月23日 便利ツール 以前、元お隣さんが「非WEB屋でもサイトが作れる驚異的サービス／『サイトを作る』という敷居がどんどん低くなっていると実感する物色々」という記事でWeb制作の知識がなくても簡単にWebサイトを作れるサービスを紹介してくれていました。HTMLやデザインの知識がなくても、テーマを選んでコンテンツを入力すればサイトが作れるサービスがどんどん増えていますね。今回は同様のサービスですが、より多機能な「Edicy」を紹介しようと思います。 ↑私が10年以上利用している会計ソフト！ Edicyの特徴 動画を見てもわかる通り、Edicyは簡単にブラウザー上でWebサイトが作れるサービスです。 とにかく試してみましょう！ホームの「Try for Free」ボタンからアカウントを作成します。「.edicy.co」のドメインが取得できます。

無料ブログからWordPress(ワードプレス)に移行したいと思っている人は多いと思います。 WordPressを使うにはレンタルサーバーを借りる必要があります。ただし、どこのレンタルサーバーでも良いというわけではありません。最低でもPHPとMysql等のデータベースが動く必要があります。 そして最も注意すべきは、PHPのセーフモードです。WordPressを利用する上でかなりやっかいものです。本記事では、セーフモードが「オフ」になっているレンタルサーバーをご紹介します。 PHPセーフモードは避ける WordPressはPHPで動いていて、PHPがセーフモードで動くレンタルサーバーだと、上手く動かない場合があります。PHPセーフモードは新規ディレクトリを生成できないので、新規ディレクトリを生成する動作に支障が起きます。 例えば、WordPress本体の自動アップデート、プラグインの自動アッ

Introduction In the ever-evolving landscape of web browsing, staying abreast of the latest technologies is crucial. HTML5, the fifth and current version of the Hypertext Markup Language, has revolutionized the way we experience the web. With its advanced features and enhanced capabilities, HTML5 has become the cornerstone of modern web development, offering a more seamless and interactive user exp

2014年8月17日 Webサイト制作 8回に渡り連載した「実践で学ぶWebサイト制作ガイド」がついに終わったので、ここで簡単にまとめておきます。この記事では基本的な流れを説明していますが、リンクをクリックでより詳しい説明記事を読むことができます。これからWebサイトを作ってみたい！という人のお役に立てればいいなあと思います :) サンプルファイルもあるので、ご自由にダウンロードしてくださいね！ ↑私が10年以上利用している会計ソフト！ サンプルファイル 今回作成したファイルをサンプルとして配布します。参考になれば幸いです。説明するために制作したものなので、学習目的以外でのご利用はご遠慮ください。Google Chrome, Safari, Firefox, IE8・9で動作確認済み。 デモ ダウンロード 1. プランニング 誰のため？何のため？Webサイトを作り始める前に。 突然Phot

HOME>jQuery>7つのサンプルでjQueryを学ぼう！「jQueryが全く分からない人のため」の超初級者向け入門講座 約半年前まで、興味はあれども全くもって触れたことのなかった「jQuery」。それどころか、「Javascript」を「Javasprict」と何度となく書き間違える癖のあった私。 結局、「スク水すいすいスクリプト」と語呂を合わせることによりようやく正しい綴りをマスターしたわけなんですが、仕事で扱うと言うこともあり多少はjQueryの仕組みが分かってきた今日この頃です。 そんなわけで、今回は「jQueryが全く分からない人のため」の超初級者向け入門講座と銘打ちまして、jQueryの基礎の基礎を学ぶための記事を書いてみました。 とは言っても「jQueryとはなんたるか」などといった難しい理論を記すつもりは一切ございません。（っていうかそんな偉そうなこと言える程修めてない

1. 文系デザイナーでも大丈夫！ レスポンシブWebサイトを          で作ってみよう November 3,2012 WordCamp Osaka 額賀 順子 12年11月3日土曜日 3. 自己紹介 額賀 順子 | ヌカガジュンコ フリーランスのWebディレクター／デザイナー。 つまり１人で大概の事はやっちゃう人。 Webデザインを中心に、企画・色彩設計、スマートフォンサイト作成など幅広く 制作を手がけています。 綺麗めのデザインが得意です。聞き取りを大切にします。何を望んでいて、どん な効果が欲しいのか。プランニングを重要視します。 制作を続けながら、厚生労働省緊急人材育成事業基金訓練のWebデザイン/カ ラーコーディネーター養成講師をつとめ、Adobeアプリケーションのインストラ クター、セミナー講師も兼務。 Webの仕事は人と人を繋ぐ仕事と考え、制作だけではなく講演や教育事

2013/01/24：解説に一部誤りがありましたので、修正致しました。 こんにちは。古いブラウザを気にせずにセレクタを使い放題できると、すごく幸せになれるKanaです。 今日は、スマートフォンサイトのコーディングで私が必ずといっていいほど、よく使う簡単便利なCSSセレクタを厳選してご紹介したいと思います。 いつも忘れがちなので備忘録もかねていますXD それではどうぞ！ セレクタとはセレクタとは、スタイルシートを適応させる対象を指し示す部分のことです。 CSSの書式は、以下の図のようになっています。 例えば、pタグに対し、文字色を黒とする場合のCSSは以下のようになります。 p{color:#000;} pがセレクタ、colorがプロパティ、#000が値になります。 セレクタは上記のように単一のものにを指定するだけではなく、複数の指定ができたり、条件を指定することができます。 (1):fir