Kazuma Labolatory's

Nothing is Impossible. ✿

Menu

はてブロテーマ投稿完了!初体験で興奮しました!(*´ω`*)

つ、ついに!!投稿し終わりました!!!! 達成感と嬉しさで、画面キャプチャしてしまいましたw うれしすぎて、今夜は寝れません✨♪\(°∀° )/\(°ω° )/\(°Д° )/✨ とにかく投稿できてよかった~✨✨♪((´つヮ⊂)

後もうちょっと!!

テーマ投稿までもう少し::(っ`ω´c)::💦 コード書く以外に、案外やる事多かった(;´ρ`)💦w コード書けば終わりだと思ってた::(っ`ω´c)::💦 。。そこんところ全く考えてなかった…(;´ρ`)💦w😅 ↑Autodeskさんのapp「Graphic」大変重宝しております(*´ω`*)✨♪

すみません、テストブログ鍵開け忘れてました(;´ρ`)😅

失礼しました😅💦w 鍵開けましたので、宜しければどうぞですε==└(└ ⸝⸝⸝›ω‹)┘スィー ✨♪

サンプルエントリー

サンプルエントリーです。 基本的に改行はしていません。 「空白改行」の場合は… ----- ----- ----- ----- と表記しています。 それでは、確認の程をよろしくお願いしまする_(( _๑´ω`)_ h3( 大見出し )ダミーテキスト h4( 中見出し )ダミーテキスト h5( 小見…

テーマ「Color label (仮) 」を作ってみました

このブログのテーマも、今は「Color Label」にしてあります。 テストブログにサンプルエントリーも作ってみたので、宜しければどうぞです(* ˊ˘ˋ)*_ _)) 次のエントリーで、こちらにも「サンプルエントリー」を投稿しておきます。

【予告(言いたいだけ←)】 "スライドバー" を標準搭載にしたよ~ε==└(└  ⸝⸝⸝›ω‹)┘スィー ✨✨♪

ちょっとだけ先行公開|ω•๑)✨✨♪ これ、中々よくな~い?(´つヮ⊂)✨✨♪ スライドバーを、テーマに同梱してみました どういう事かというと、「テーマストアでこのテーマを選べば、最初からスライドバーが使える」ようにしたという事です(๑¯﹀¯ )ゞ✨♪←← プログラミ…

はてなブログテーマ制作 やるで~((꜆꜄•ω•)꜆꜄꜆»✨✨♪

まだもう少し調整は必要ですが。。大体こんな感じです テーマは 「ラベル」「シンプル」「機能性」 スマホ, タブレット /// 横幅 0~1024px /// メインページ 記事ページ 過去記事 PC /// 横幅1025~ /// メインページ 記事ページ 特徴 スマホ, タブレット ///…

Webフォント 3選 (日本語)

Webで使用OKなフリーフォント(日本語)の3選です。 Web Font 界隈(ん?)でのメジャー所3つ、といった所でしょうか - Noto Sans Japanese ( Google.,Inc) --- ゴシック - M+ ( 森下浩司 ) --- ゴシック - IPA ex ( IPA : 情報処理推進機構) --- ゴシック・明朝 …

❶ 導入チュートリアル / @Noto Sans Japanese(β版)

おとこわり(お断り←) β版です。今後の予告なく変更の可能性ありなので、急に使えなくなったりする場合もあります。僕も既に1度ありましたw あくまで16.06.24現在の内容です。予めご了承下さい(。•ㅅ•。) Noto Sans Japanese(β版) 導入方法 導入チュートリアル …

【YouTube引用】L と R の発音の違いと出し方

どうも、日本で外国語を身につけるつもりマンの和馬です◟( ᕫ。-∀-ᕫ) 彡One♪✨← 分かりやすい良き動画を見つけたので投下しておきます 耳が慣れてないから、まだあれだけど、何となく違いは分かった( ・ㅂ・)و ̑̑✨♪ 手で表現されてるのが感覚的で非常に分かりやす…

これはすごく参考になった⁉︎ / はてなブログ テーマ制作

Stack Overflow ページャー(次/ 前のページ に飛ぶヤツ) をカスタマイズする際に非常に参考になりました🌟 その手があったか(′ʘ⌄ʘ‵)⁉︎💡

\Sololearn/ .プログラミング学習サービス

SoloLearn.com http://www.sololearn.com コース - HTML, CSS, Javascript, - PHP, Python, SQL, - Swift, C++, C#, Java 言語 - English アプリ - (✳︎ 上記画像参照 ) ・解説が丁寧でわかりやすい ・コード実行環境もあり、サンプルコード等をすぐ試せる。 …

インタラクティブ・レコード・プレーヤー /CSS, Javascript

Codrops.net http://tympanus.net/codrops/2016/06/15/interactive-record-player/ これは面白い!!デザインが良く、動くサイトってやっぱ面白い!!✧(⸝⸝⸝ↂ⃙⃙⃚⃛︎ωↂ⃙⃙⃚⃛︎⸝⸝⸝)✧⁺⸜(●˙▾˙●)⸝⁺✧♪♪♪ ちゃんと曲も流れますん‹‹\(´ω` )/››‹‹\( ´)/››‹‹\( ´ω`)/››~♪♪♪…

Unsplash.com/ 高品質 デザインフル フリー画像素材 サイト

偶々見つけましたw これはガチでありがたい⁉︎✨(⁼̴̀ૢ꒳⁼̴́ૢ๑) Unsplash.com --- https://unsplash.com " width="100%" /> - Click me - ライセンス License All photos published on Unsplash are licensed under Creative Commons Zero which means you can …

「ホバー注釈」の作り方 / CSS (hover Annotation)

ホバー注釈❶--- デフォルト ホバー注釈❷ --- (ボタン風/ 影(box-shadow) ) ホバー注釈❸ --- ( 吹き出し + アニメーション (@keyframe ) ) 文中に挿入する場合 作った理由 ホバー注釈❶--- デフォルト See the Pen &a…

Color Pattern --- AWWWARDS.com

AWWWARDS.com ・世界的にも有名なWebデザインのアワード団体らしい ・本社はスペイン・ヴァレンシア。 Awwwards - Wikipedia, the free encyclopedia 僕も最近知ったばっかりですが、凄く美しくデザインが秀逸・美麗だと思ったので紹介してみました。Wikiを…

「ホバー / クリック ➜ 注釈」できました

シンプルな" ホバー注釈"を"吹き出し風" にアレンジしてみました🌟 先の「SitePoint」さんを参考に作ってみました🌟 See the Pen mEVXdp by Kazuma Tojo (@Kazumax) on CodePen. テキストの長さ・改行に応じて、背景の幅や高さも調整される様にするのに手こずり…

\Sitepoint.com/ --- CSS / 吹き出し( bubble ) の作り方チュートリアル

非常に分かりやすいチュートリアルでした(*´ω`*)✨✨♪ Sitepoint.com https://www.sitepoint.com/pure-css3-speech-bubbles/ 「ドッグイヤー」も「吹き出し」も基本は同じという事ですね🌟 理解しました( ・ㅂ・)و ̑̑✨♪

JavaScipt/ 進捗状況

動く系が面白そうだからと、HTML, CSSを終わりきらぬまま放っぽり出し、いざJavascriptへ! 只今こんな具合↓↓(16. ) ですが…(ノ)'ω`(ヾ)?? ← こんな具合ですww ちなみに以前、「W3Schoolsの目次がないので自分で作った」と言ったのですが、しっかりありました…

HTML , CSS 日本語サイト( 大阪教育大学 / 情報科学講座)

大阪教育大学 / 情報科学講座 HTML5 & CSS3 リファレンス 色々な機能が実装されていて、使いやすいかと思います。 逆引き辞典としても、使えるとはかなり秀逸ですね、やりますなぁ~大教大さん!✨(⁼̴̀ૢ꒳⁼̴́ૢ๑) 2012年で更新は途絶えていますが、CSS3,HTML5 …

CSS3 グラデーション 生成サイトが秀逸!

http://uigradients.com/ CSS3 のグラデーション機能 liner-gradient: を、誰でも簡単に使えるようにしたのがこのサイト。グラデーションの程度・方向は変えられませんが、色は変えられます。 - 著作権フリーのフリー素材 - デザインの良いもの を探すのは時…

ブログに『Webフォント( 英語 )』を導入する / Webフォント導入チュートリアル

最近ようやくWeb Font の使い方に慣れてきましたw という事で「ウェブ・フォント/ 導入チュートリアル」を書いてみました(੭ˊ꒳​ˋ)੭✧ ブログのフォントを変える( 英語 ) 先ずは英語から。 (又後日、日本語のフォント導入チュートリアルも書こうと思っています…

ボックスの作り方、最初に考えた人おぉっ!!!/ CSS

https://colorlib.com/wp/free-css3-html5-search-form-examples/ ・上記リンク先➜ ページ中段 よ~く見てみると、1px ずつ、box-shadow(影)が何枚も重ねられるているのですね( ˙◊˙◞ )◞⁉︎ 拡大してみると、実は斜めの直線ではなく、ギザギザになっているので…

なんじゃこりゃ~⊂⌒~⊃。Д。)⊃✨✨✨♪

See the Pen <a href="http://codepen.io/Kazumax/pen/oLXJZB/" data-mce-href="http://codepen.io/Kazumax/pen/oLXJZB/">oLXJZB&…

はてなブログの" HTMLの階層 "

kyabana.hatenablog.jp これでリンクさせて頂くのは2回目になります。「はてなブログのテーマ」をカスタマイズする際、何度も見させて頂いております。本当に分かりやすく使いやすいです✨ ありがとうございます(* ˊ˘ˋ)*_ _)) もし、ベーシビューが極端に増え…

日本語のフリーフォント、Webでも使える!しかも案外簡単に!Σ('ω'ノ)ノ!

ブログ・HPなどにフォントを導入する際、お金をかけずとも、色々なフォントを使う事が比較的簡単に出来るみたいですね これは晴天の霹靂でした( ˙◊˙◞ )◞⁉︎ 使うフォントは「フリーフォント」で、個人等で無償で提供されておられるものです。ライセンスも見て…

GitHub.com(ギット・ハブ)

コードをいじった事がなくても、Tech好きの人なら、名前はどこかで聞いた事があるかもしれません GitHub.com https://github.com ・ウェブ・レポジトリ** サイト(Web Repository) ・主に"Git" ( ソフトウェア(コード)管理ソフト )を使って、エンジニアやデベ…

もう直ぐ広告さんが戻ってきます(´>∀<ˋ๑)>🌟

広告が出たり入ったりしますが。。 そういう事ですw 定期的にちょくちょく購読する事にしました⋆。˚✩༈͙ͦ(。-∀-。)◞

これからの『苫さん』の話をしよう

どうも、サンデル教授本のオマージュをしてしまいました、和馬です˙˚ʚ(૯。-∀-)૩ さて、今日は僕が尊敬している『苫米地英人さん』について、書こうと思います。ただし、タイトルはオマージュしたかっただけで、これからではなく "今日現在までの" 苫さんにつ…

Merriam Webster Dictionary( メリアム・ウェブスター辞書)

Oxford/ Collins Cobuild/ The Free Dictionary.com/ Dictionary.com 等色々使ってみましたが、個人的にはやはり日常使いには「Merriam Webster」が1番おすすめ 説明が簡潔で分かりやすい。 Dictionary and Thesaurus | Merriam-Webster 有名なWebSterは偶々…

This Blog uses M+ Font, Logo Type Gothic, Google Fonts and FontAwesome. It"s free & Designed cool font. Greatful for Koji Morishita of M+ Fonts Designer( Creator) and "フォントな" , Google, Adobe, and Dave Gandy!
Background Photos is downloaded by Unsplash.com. Thanks!
|*´-`)チラッ
Please Click Me
本ブログ全てにおいて、アフィリエイトプログラムには参加しておりません(•ᵕᴗᵕ•) 詳しくはこちらをご覧下さい。また、 以下のバナーは、私が「質が高い・あら素敵(ˊo̶̶̷ᴗo̶̶̷`)✨」と感じたサイト様を掲載させて頂いておます_(( _๑´ω`))_⭐️