web

Chromeでスマホ表示を確認する方法~User Agentの操作がまた変わった~

web

こんばんは! 凄く・・・お久しぶりです。。 さて、久々にブログを書くにあたり、出だしをどう書こうかずっと悩んでおりました。 ホームページやブログをPCからでもちょっとすぐに確認したい! そんな時に便利なのが、Chromeブラウザ! 標準で装備されている…

iPhoneのaタグの中にimgが複数あってタップハイライトが邪魔!でもこれで解決☆~img要素のタップハイライトを消す!~

web

こんばんは! インターネットって素敵ですね。何でも解決してくれますね。 ワタクシ、スマホのマークアップのお仕事をしていまして、3日ほどずっと悩んでたことがありました。 それは・・iPhone。そう、iPhone。 iPhoneとアンドロイドのwebサイトをコーディ…

Aptana Studioの背景の色を変える!

web

こんばんは! ここ一年ほど前からDreamweaverを使うのをやめて、Aptana Studioを使うようになりました。 会社ではDreamweaverを支給してくれるのですが家では持ってないし勿体ないかなと思いまして、Dreamweaverに負けず劣らず高機能なフリーソフトウェアのA…

サイト制作が捗る、よく使うcommon.cssメモ

web

こんばんはー! 今回はcssのメモを残していきたいと思います。 サイトを作るときに毎回コピペして使ってるcommon.css。←主に全ページ共通の指定を記載してるやつですね マージンの幅とかフロートとかなどを記載してます。 では早速↓ /* --▼float------------…

はてなブログにjQueryのスクロールでtopへ戻るボタンを導入するソース

web

こんばんは。 そのうち勉強しようとか随分前から思ってたのですがここに来てやっと勉強する気になりました。jQuery。 とりあえず一番簡単そう(数行で完結)で、サイトを作るにあたってよく使うであろうスクロールでtopへスルスルッと戻るボタンを作りました…

ココから始めるhtml5のシンプルなコードテンプレート

web

こんばんは! 自分用に作っておこうと思ってhtml5のベースとなるテンプレートを作りました。 ココから素敵なサイトが生まれますようにw <html lang="ja"> <head> <meta charset="UTF-8"> <link rel="stylesheet" type="text/css" href="css/reset.css" /> <script type="text/javascript" src="jquery/jquery-2.0.0.min.js"></script> </link></meta></head></html>

SyntaxHighlighterを使ってるのにhtml文が表示されない\これで解決しました/

web

こんにちは SyntaxHighlighterをやっと導入できて、さて何か試しにhtmlでもメモしておこうかと<pre>タグを使ってhtmlを書いてみたのに↓このザマ・・。 04 NAKED こんな感じで何も出ない、ちゃんとでない。クラス名をbrush:htmlにしてるのに!! SyntaxHigh…

SyntaxHighlighterを導入しました~参考になったサイトまとめ~

web

こんにちは! そういえば今年の目標はアウトプットだ!とか言いながら全然webコードを残していないことに気付き、年も暮れようかとしているこの時期に重い腰を上げることになりました。 Evernoteにコードをメモってるんですがブログのアクセスアップも兼ねて…

syntaxhighlighter 表示テスト

web

.syntaxhighlighter { width: 100% !important; margin: 1em 0 1em 0 !important; position: relative !important; overflow: auto !important; font-size: 1em !important; overflow-y: hidden !important; // 追加 } <li><p>04 NAKED</p></li> <li><p>05 Sit! Stay! Wait! Down!</p></li> <li><p>0</p></li>…

はてなブログ[Hatena Blog]をカスタマイズしました!その3

web

こんばんは! さて、前回「はてなブログ[Hatena Blog]のカスタマイズに成功しました^^」という記事からさらに「はてなブログ[Hatena Blog]のカスタマイズに成功しました^^その2」という記事を書いて、しばらくデザインに納得してたのですが、すっかり飽…

DOT BOXのサイトを更新しました!~キャラクター更新~

web

こんばんは! 久々にワタクシのサイト『DOT BOX-ドットボックス-』を更新しました。昔書いたドット絵キャラを載せました^^ ムーミン一家のドット絵とか、そういえば作ったなぁとかアニメの再放送を欠かさず見てたなぁとかちょっと懐かしかった。 しかしコ…

DOT BOXのサイトを更新しました!②

web

こんばんは! DOT BOXのサイトを更新しました。 前回はドット絵のコンテンツを追加したのですが今回はIEでも閲覧できるように修正しました! やーちょっと大変でしたね^^; ワタクシのサイト、スマホでもPCでも閲覧できるようにレスポンシブデザインを採用…

DOT BOXのサイトを更新しました!

web

こんばんは! 私のドット絵の展示サイト『DOT BOX-ドットボックス-』のサイト、ようやく中身のコンテンツ部分がそろってまいりました! 今回の更新はドット絵のキャラクターページを新たに設けました。 みんな大好きPinterest(ピンタレスト)風の、白地に画像…

はてなブログ[Hatena Blog]のカスタマイズに成功しました^^その2

web

こんばんは!ようこそお越し^^ さて、前回「はてなブログ[Hatena Blog]のカスタマイズに成功しました^^」という記事を書いて、ブログデザインはOKかなと思ってたのですが どうも青々しくて見てて疲れるなと思ったのでまたまた改変しました! 前回はデザ…

はてなブログ[Hatena Blog]のカスタマイズに成功しました^^

web

こんばんは ずっとダサいままのデザインで放置していたのですが 色々他のはてなブログのデザインを見て回ってましたところ やっと、やっとデザインの意欲が沸きましたのでつくりかえることにしました^^; ■■■■■■というわけでデザイン変更の方法■■■■■■ ■管…

IEめ!!

web

こんばんは!(IEからキャンセルで来た方もこんばんは!) さっきできた私のサイト・・・ もしやと思ってIEで見たらMedia Queriesが効いてなくて 表示がおかしなことになってました^^;; 取り急ぎIEでアクセスした人は“クロームをダウンロードせよ”の ア…

DOT BOXのサイト!②

web

こんばんは~ようこそお越し^^ 出来ましたね。できました! 「DOT BOX-ドットボックス-」のサイトが☆ galleryのページはjQueryの「lightbox2」を使用しました 閲覧時はキーボードの“→”キーを押した方が楽に見れるかなと思います。 スマホの方は…頑張って左…

DOT BOXのサイト!

web

こんばんは~!ようこそお越し^^ ワタクシのドット絵を載せるだけのサイト、 『DOT BOX -ドットボックス-』だいぶ出来てきました!! あとはgallery部分のjQueryをちょっと調整しないといけませんね。 ドット絵もまだ全部出しきってないので整理がてら 載…