今回は、お仕事でテキストを縁取りする事態が発生したので、こちらを紹介していきます!!text-shadowを限界まで(?)使った実に厄介なものになっているので限界までわかりやすく説明しました(笑) text-shadow基本 「text-shadow」はテキストに影を付けるプ…
今回はユーザが設定をするだけでアニメーションの有無を切り替えできるメディアクエリを紹介します!これは先日リリースされたGoogle Chrome 74でも実装されたものになります!ちなみにFireFoxなどではすでに実装されていましたね。 この機能はユーザ側のPC…
今回はユーザが設定をするだけでアニメーションの有無を切り替えできるメディアクエリを紹介します!これは先日リリースされたGoogle Chrome 74でも実装されたものになります!ちなみにFireFoxなどではすでに実装されていましたね。 この機能はユーザ側のPC…
日本流行色協会が「令和 慶祝カラー」として「梅」「菫」「桜」を選定したと発表しました!!巷では「令和!」「れいわ!!」と騒いでいますが、ここでも令和なんですね(笑)新時代を迎えた今、令和カラーをモチーフにしたデザインを創ってみるのも素敵かも…
はいどうも~、カノトです! 本日は【良い報告】です!! タイトルの通り、IE/Edgeが終わりますww 1.Edgeの終焉とChromeの発展 アメリカ時間の12月7日、MicrosoftのEdge担当プロジェクトマネジャーのカイル・アルデン氏がRedditのスレッドで「既存のChr…
みなさんこんにちは!カノトです!! 突然ですが、コマンド打ってますか!? あまり打ちたくないですね~(GUI大好き) とはいえ、最近ではGitやSASS、Node.jsなどなどコマンドを使わないと本領を発揮できない技術も多くあります。 そんな背景もあり、コマン…
こんにちは! 皆さんはウェブサイトを作る際にきちんとOOCSS(オブジェクティブなCSS)を考慮して作っていますか? 「プログラミングでもあるまいし、そんなの関係ねーよ」「形ができればいいんだろ?」と思った人もいるかもしれませんが、CSSでもオブジェク…
fossBytesに7月21日(米国時間)に掲載された記事「JavaScript Is Still The King — Top 21 Programming Languages Of 2016」がプログラミング言語トップ21を発表しました。 調査方法は、GitHubやStackOverflowから集計したデータを基に算出して、Webで最も…
前回に引き続き、CSSでレスポンシブサイトを作るためにはどうすればいいのかを紹介します! 今回は、PC版では表示させたいけどスマホ版では表示させたくない!という要素に対していい感じのテクニックを紹介します! そもそも何をしたいのか? 結局何をした…
今回はCSSでレスポンシブサイトを作るためにはどうすればいいのかを紹介します! レスポンシブデザインとは? まずは、web入門者のためにレスポンシブデザインとは何かを説明してきます。 レスポンシブデザインとはウィンドウの大きさに応じてWebサイトの…
中央寄せの方法がいまいちピンと来なかったので、メモっときます! 中央寄せの方法 中央寄せについては主に2つあります。 margin: 0 auto; text-align: center; 2つの特徴は? [ margin: 0 auto; ] ではcssを指定したタグを中央寄せします。 [ text-align:…
今回は、Jqueryを使ってアコーディオンを作りました。 アコーディオンとはあれですね。 メニュー表示する際に「にょ~」って出てくるあれ! サンプルは【凡才エンジニアの成果物】に貼っておきますね! 実装は、HTML , CSS , JavaScript を使います。 書かな…
最近のニュースではないけど、ちょっと思ったことがあったので書きます。 まず、ホーキング博士とは? イギリスの理論物理学のすごい人らしい。 若いころにはブラックホールの特異点定理を発表し... 我々凡人にはよくわからん。 ホーキング博士曰く、 「我々…