JavaScriptのライブラリ探すのって面倒ですよね。 そんな時にはこのサイト JavaScripting.com まぁJavaScriptやってたら知らない人はいないと思いますが、他の言語の人とかは参考になるかなぁと […]
カテゴリー: Web制作
DreamweaverCCをアップデートしたらフォルダ検索・置換できなくなったと思ったら出来た
Dreamweaverのフォルダ検索・置換機能、便利ですよね。 しかし、先日DreamweaverCCをアップデートしたら、検索の仕様が変わっていて、いつものやり方でフォルダ検索・置換できなくなっていました。 いつものC […]
iTunesアルバムの視聴のソースコード
久しぶりのソースコード公開。 [ブログで音楽を紹介したい!]iTunesアルバムの視聴を超簡単に貼り付け・埋め込みできるツールを作ったのソースコード。 以下の感じに作っています。 [crayon-60dcf532d824 […]
コピペでOK!紙がくるんとなっているような見出しデザインが作れるHTML・CSS
イメージ HTML
1 2 3 4 5 6 |
<div> <section> <h1>タイトル</h1> <p>テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト</p> </section> </div> |
CSS
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 |
div{ padding:10px 0; background-color:#ccc; } section{ margin:0 10px; padding:50px 0 10px; background-color:#fff; position:relative; } h1{ width:90%; margin:auto; padding:10px 0; position:absolute; top:-8px; left:0; right:0; background-color:#f55; color:#fff; text-align:center; } h1::before{ position:absolute; top:0; left:-8px; width:0; height:0; content:""; border:4px solid transparent; border-bottom:4px solid #800; border-right:4px solid #800; } p{ margin:0 20px; } |
beforeの疑似要素で直角三角形を作っています。 そして、 […]
[jQyery]高さが可変する要素に対して●px以上ならスタイルを変える
例えば、高さが可変する要素に対して、 50px以上なら特定のスタイルを追加したいという事がありました。 対処法としては、jQueryで対象の高さが50px以上であれば、特定のクラスを付けるという方歩をとりました。 [cr […]
iTunesの試聴プレイヤー貼り付けツールのソースコード2
[ブログで音楽を紹介したい!]iTunesの試聴プレイヤーを超簡単に貼り付け・埋め込みできるツールを作ったのソースコード解説第2弾。 今回はいくつか変更、追加しました。 アーティスト名とアルバム名検索を追加しました。 曲 […]
iTunesの試聴プレイヤー貼り付けツールのソースコード
iTunesの試聴プレイヤーについてはこちら。 今回のツールは色々考えて作りました。 もともといくつかiTunes musicの試聴プレイヤーを貼り付けるツールはあったのですが、色々設定しなくても曲名だけ入れたらすぐに試 […]
SNSButton.jsのソースコード
解説のようなもの 今回は一つも外部のライブラリを使用しませんでした。 jQueryがあればもっと簡単にできると思います。 どのブログでも対応できるようにライブラリを使っていません。 (jQuery入れてないブログとかあま […]
[WebSocket]ws://とwss://とは
ひま缶では全ページ共通チャットを導入しています。 この全ページ共通チャットはいっちょまえに WebSocket を使ってニアリアルタイムなチャットになっています。 その WebSocket で使用されている「ws://」 […]
レバテックプラットフォーム作業報告一括編集ツールのソースコード
作業報告いちいち面倒だなーと思ってガッと作ったので汚いです。 リファクタリングしていこうかと思っているv1.0です。 それか誰かリファクタリングしてください。 レバテックプラットフォーム作業報告一括編集ツールはこちらです […]