DraggabillyとTweenMaxを使用したコンテンツプレビューを備えたドラッグ可能な画像ストリップレイアウト。 ※古いブラウザーではサポートされていない可能性のある最新のCSSプロパティを使用していることに注意してください。 github.com 参照 tympanus.net

HTML <div id="fixedTableArea"> <div id="topLeftArea"> <table id="topLeftTable" class="fixedTable"> <tbody> <tr> <td>column0</td> <td>column1</td> </tr> </tbody> </table> </div> <div id="topRightArea"> <table id="topRightTable" class="fixedTable"> <tbody><tr><td>column2</td><td>column3</td><td>column…</td></tr></tbody></table></div></div>

csv2table_spg JQueryを使ってCSVファイルをHTMLで呼び出して表示するスクリプトのサンプルパッケージ コード <script> $(function(){ $('#table_disp').csv2table('list.csv'); }); </script> <div id="table_disp"></div> ※IDを変更して使ってください。※ファイル名を変更するとほかのファイルを指定で…

使い勝手がなかなか良いHTML5のテンプレート 参考になったのはこちらの記事「WEBデザインラボ」さんが公開してくれているテンプレートです。 これの３カラムバージョンをお借りしました。 表示サンプル

SuuupeToolsにオンラインHTMLエディターを実装しました。 類似サービスは色々ありますけど、こうしたWEB制作系のツールは一通り実装していくつもりです。 （理由としては自分専用で自分が使うために作ろうとしている部分が大きいです） 前回の記事で書いたダ…

今使っているドメインで「suuupe.com」の直下に入れてるのがHTMLで作ってるページをフロントに設けてるんですけど、その配下にディレクトリ型で色々付け足していってる形でサイトを構成しているんですが、どうやらSSLの設定が上手く出来てなかったみたいで、…

サイトのダッシュボードや管理ページなどで使えるbootstrapのレスポンシブHTMLテンプレート「Free Matrix Admin」。このテンプレートは無料テンプレートです。 デモサイト Matrix Template - The Ultimate Multipurpose admin template ダウンロード matrixa…

オープンソースのサーバーインストール型のオンラインエディタを基に導入してみました。今後カスタマイズしていきながら玄人仕様にしていく予定です （たぶんｗ気が向いたらカスタマイズしていきますｗｗｗ） これがあればHTMLが解らない方でもブロックをは…

文字数チェックが出来るサイトを作りました。 文字数チェックツール もじッくん 既存のJavaScriptを参考にしてサイトはテンプレのヘッダーとフッターだけ使いました。はめ込んだだけでリンクは修正してないのでどこにも飛びません。 色々やってるうちに朝に…

クオリティの高いシンプルな無料HTMLテンプレート ホームページのテンプレートはすでにホームページとして出来上がってしまっていていざ使おうとすると使いたい部分を細切れにしていくのが結構めんどくさかったりするんですが、このHTMLテンプレートはパッと…

はてなブログのダッシュボードもそうですだけど、左カラムでレスポンシブな無料テンプレートってなかなか無いんですね。 はてなブログのダッシュボード WordPressのダッシュボード 上段は細めのヘッダーが来て左カラムがサイドバーになっててメインコンテン…

サイトにアクセスしたときに処理待ちの間にアニメーションを流す処理「ローディングアニメーションを追加しました。 時々サイト読み込み中にこんなのが出るやつです。 自作したローディングアニメーションは簡単なGIF画像です。 参考にしたサイト こちらのサ…

とりあえず、やってみないことには何も始まらないので作り始めることにしました。 製作しようとしている物 自分用のワークステーションを作成しようと思っています。例えばこの「はてなブログ」や他のブログの管理だったり、ワークステーションから複数のブ…