チェックボックスやラジオボタンはチェック時にアニメーションした方が分かりやすい、と分かるデモ 2013年10月25日- Animated Checkboxes and Radio Buttons with SVG | Codrops チェックボックスやラジオボタンはチェック時にアニメーションした方が分かりやすい、と分かるデモ。 チェック、ラジオをチェックするときは瞬時にチェック状態に変わってしまうのが当たり前ですが、アニメーションした方がもっとオシャレで”ちゃんと”チェックした気になります。 デモ 分かりやすいのは実際に紙でチェックするときの感じに近いからでしょうか。 なんとなく、ひと味違う感をサイトに持たせたい方は参考にしてみてもよさそう 関連エントリ チェックボックス、ラジオボタンをクールにデザインできるjQueryプラグイン「iCheck.js」 好みのチェックボックスのデザインが簡
VIM (Vi) をターミナルで操作 / Mac OS Xdate2011.2.6(Sun.)tagsmacOSVim viで操作したりする機会がたまにあるので備忘録。「.bash_profile にパスを書いてー」とかいう話で困らないように。 ターミナルアプリで vi で、ターミナルないで Vim が立ち上がり、vi のコマンドモードに移行 (vi .bash_profile のように、 vi ファイル名 と入力すると指定したファイルを Vim で開く)a でインサートモードに入るテキストを編集後、 Esc キーでコマンドモードに戻り:wq すると保存・編集完了。:set number と :syntax on とか、コマンドモードで叩いておくと色々便利です。 ターミナルで、vi readme.txt とかで開く。コマンドモードで開始されます。 コマンドモード時基本コマンド意味
2011年11月18日00:10 カテゴリMySQLMac MacにMySQLを入れた後に 文字化けとutf8 各Webサイト等を参考にしてMacにMySQLを入れた後、実はまだやることがあります。文字コードです。デフォルトの状態ではlatin1になっていて、utf8が使えず、日本語をデータベースに入れると見事に文字化けします。これを直さなければなりません。 これはまあMacだけの話じゃなくてLinuxなどでも共通なのですが。ただし、ここに書いてあるのは現在で最新のMySQL(version 5.5.17)の話です。5.1以前は別の方法になるのでここは当てになりません! 文字化けを直すには、/etcの中の設定ファイルをMySQLが起動時に読もうとするので、それを利用するのですが、インストールしただけでは恐らく設定ファイルが/etcの中に無いので、まず設定ファイルを作る必要があります。
角丸を指定できるborder-radiusで、ボーダーを落書き風にすることもできます。 色によっては、蛍光ペンや絵筆みたいにもできますね。 デモページ ※リンク切れ 実装は、こんな感じです。 HTML 要素はdivだけ、入れ子もラッパーも必要ありません。 <body> <div> This is my paragraph. Like my border? This is my paragraph. Like my border?This is my paragraph. Like my border?This is my paragraph. Like my border?This is my paragraph. Like my border? </div> </body> CSS 落書き風のボーダーを実現しているのは、border-radiusです。 スラッシュで区切ることにより、水平
ちょっとのつもりでCSSサンプルコードチマチマ書いて記事化してたら10件以上たまってました。 基本的に私はWeb屋さんではないので結構いい加減なコーディングしてたりもしますが、WEBサイト制作ではよく使いそうなプロパティについて使い方を説明してますのでなにかと参考にしていただければ。 こういった記事は基本的に「知らない人向け」に書いて(だからこそ役に立つ)ますので、不必要な部分はあえて端折ったりしている一方で必要なところはやや冗長と思われても出来るだけ詳しく書いてるつもりです。あくまで初学者向け。 というわけで当ブログCSSネタまとめ2013年2月版ということで。 1.長文テキストを段組 CSSで文書の段組表現を行うcolumnプロパティの使い方 一連の長~い文章を1つのボックス内で段組するにはどうすればよいでしょうか?というお話。columnは地味というかあんまり知られてないプロパティっ
スマートフォン(ios、android)向けのウェブサイト・ウェブアプリを作る際に個人的によく使うhtml、css、javascriptの備忘録。 html関連 headタグ内での設定<!-- //デバイスサイズにあわせて表示領域を変更する --> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- //電話番号のリンクを無効化 --> <meta name="format-detection" content="telephone=no"> <!-- //ホーム画面用アイコン --> <link rel="apple-touch-icon" href="icon.png"> <!-- //ホーム画面用アイコンの光沢を無効化する --> <link rel="apple-touch-icon
本日は、CSS3を使ったグローバルナビの使い方について記事にします。画像を一切使わずに作ります。WEBデザインファクトリーのブログはgoogleChrome、firefoxにユーザーが多いので試しに作ってみました。本日は、CSS3を使ったグローバルナビの使い方について記事にします。画像を一切使わずに作ります。WEBデザインファクトリーのブログはgoogleChrome、firefoxにユーザーが多いので試しに作ってみました。 動作確認について 今回はCSS3グラデーション、WEBフォント、角丸、テキストシャドウを使用しています。サンプルを作成しましたが、googleChrome、firefoxについては動作確認が済んでいます。IEでご覧になっている方はgoogleChrome、firefoxで再確認していただければ幸いです。 CSS3を使ったグローバルナビのサンプル1 デモページはこちらで
このページで紹介しているサイトは、クリック課金型広告(クリック保障型広告)を配信しているサイトを紹介しています。クリック課金型広告とは、自分のホームページに設置した広告(テキストやバナー)をクリックされれば1回あたり数円の報酬が発生するアフィリエイトです。バナー広告型は、自分のホームページに広告枠を設置しておけば、そこに自動でクリック保証型広告を配信してもらえます。テキスト広告型は、多くが「コンテンツマッチ型」で、自分のホームページの内容に関連性の高い広告を自動で配信してもらえます。一度設置すれば、後は自動で広告を配信してくれるので広告のはりかえなどのメンテナンスの必要はありません。1クリック10円以上の高単価のものもあり、簡単に始められるのでぜひ挑戦してみて下さい。紹介しているサイトは、すべて無料で登録できます。 《テキスト型広告の設置のコツ》 テキスト広告型は、文字の色や枠の色などをカ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く