CSSのブレンドモードを美しいデモでインタラクティブに学べる -Brad Woods' Digital Garden
CSSのブランドモードは、知っているけどあまり使用したことがないという人もいると思います。そんなCSSのブレンドモードを使用して、さまざまな美しいデモでインタラクティブに学べるサイトを紹介します。 CSSのブレンドモードは、IEを除くデスクトップ・スマホのすべてのブラウザでサポートされています。 CSS Blend Modes Brad Woods' Digital Gardenは、Web上で作成するための設計図になることを目的としたサイトです。CSSをはじめ、HTMLやSVG、JavaScript、WebAPIなど、Webの実装に役立つさまざまなコンテンツが揃っています。 それらの中から最近リリースされた、CSSのブレンドモードを紹介します。ページのデザインも美しく、インタラクティブなデモがたくさんあるので、見ているだけでも楽しめます。 CSS Blend Modes まずは、CSSブレ
To Hell with bad CSS! | | CSS Hell
CSS Hell Collection of common CSS mistakes, and how to fix them content is your Content? I saw a developer using the content property for adding extra text to a label, because why not, he said. Sadly, this raises several issues. .label::after { content: "My label"; } Check out what is going on here ⇸ One size should fit all? In modern web development, there is less and less reason to use fix sizin
「エンジニアに確認しますね」を減らそう。Webディレクターがインフラを勉強できるサイト | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、ディレクターのあゆみです。 「業界とは……？」とつっこみたくなるのであまり「業界トーク」は好きじゃないのですが、Web業界はやっぱり変化速度が無茶苦茶早いなあと実感しています。技術の進化もめまぐるしいですし、常に新しい情報が行き交っています。「こうやるといい」というセオリーはなかなかなくて、絶えずトライ＆エラーをしているというのが、流れの真っ只中にいてひしひしと感じていることです。 「ここまでいったら一人前」という基準値はあるはずもないんですが、最近、特に感じていることがあります。 テクニカルディレクターという職種の重要性 見出しの通り、「テクニカルディレクターという職種の重要性」を前以上に感じるようになりました（と思いませんか？ 少なくともわたしの周りではよく聞くようになりました）。 テクニカルディレクターとは、プロジェクトのシステム要件の定義や提案、技術面でのサポートを行う
動画やスライド資料で学ぶ！Web制作・プログラミング学習サイトまとめ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは！ 最近、夜会社に1人でいると急にシュレッダーが動き出したり、エレベーターで押してもない階に止まって扉が開かずに再び動き出すなど、すごく怖いというわけでもないけど微妙に変な現象に巻き込まれることが増えています。 アドマスターのきょうへいです。 最近はWeb上でさまざまなことが学べるようになりましたよね。 少し調べると便利なサービスがたくさんあったので紹介させていただきます。 動画＆スライド資料でWeb制作やプログラミングを学べる学習サイトまとめ schoo https://schoo.jp/ Webに関する生放送授業を無料で受講できるサービスで、LIGメンバーも何度もお招きいただいて大変お世話になっています。 毎日さまざまな授業を生放送で受講することができます。 学べる内容も幅広く、大きく分けて「デザイン」「WEB開発」「ビジネス」「英語」「スタートアップ」「カルチャー」という6
プログラミング初心者でも安心！無料プログラミング学習サイト10選
プログラミング初心者がプログラミングをいざ勉強しようと思っても、どうやってはじめていいのかわからないという方は多いのではないでしょうか。 また、ITスクールなどで勉強しようと思うと、数十万円の費用がかかることが一般的で、なかなか手が出しにくいということも多いと思います。 そんな高額のスクールではなく、無料でプログラミングを学べるサイトがアメリカを中心にして増えてきています。中でも実際にコードをブラウザ上で入力したり、詳しい動画を見ることができるサイトが人気を集めています。 今回はそんなプログラミングを学べる10サイトをご紹介します。 日本語対応しているサイトも少しずつ増えているので、ぜひこの記事を参考にプログラミングの独学に活用してみてください！ 1.ドットインストール ドットインストールもはや説明の必要のないくらい有名なサイトですね。 「3分間でマスターする初心者向けプログラミング学習サ
manavee.comは、2017年3月31日を以って、サービスの運営を終了いたしました。
manavee.comは、2017年3月31日を以って、サービスの運営を終了いたしました。 【利用者の皆様へ】 利用者の皆様には、ご不便をおかけして申し訳ありません。 授業動画は、YouTube上で引き続き掲載しております。講義で前提になっている資料は、別のページで利用可能にしております。 しかし、授業動画を引き続き掲載するかどうかは、それぞれの先生の判断に委ねられておりますので、利用ができなくなる場合もございます。 どうぞご容赦ください。 NPO法人manavee代表理事 花房孟胤 【支援していただいた皆様へ】 本サービスについては、個人寄付、法人寄付をはじめとして、様々な形で応援していただきました。それは、本サービスの継続的な発展が期待されていたからであったと考えております。この度、manavee.comの運営を終了することで、そうした未来への可能性が閉ざされることになります。皆様の期
穴埋め問題を解くような形式でPHPを学べる勉強サイト・(un)classroom
プログラミングを学べる、みたいなサイト が凄く増えている印象ですが、また似たよ うなサイトを見かけましたのでご紹介です。 実践しながら学べるサイト・(un)classroom。 実践といっても、穴埋め問題っぽい感じで、 手を動かして学べるようになってるだけで すが。 こういうサイト、日本でも増えていく気もします。需要が高い事は明白ですし、このように前例が出来ればインスパイアされるものですのでいずれ増えてくるんじゃないでしょうかね・・ まだ出来たばかりでPHPの基礎とFacebookアプリの作り方しか教室が無いんですが、今後に期待という事で・・ 最初の授業です。「PHPは<?phpで始まって?>で終わらせます」とあります。基礎のキですね。で、右側のsubmitで実行してみましょう、といった流れで進んでいきます。 で、2ページ目でレッチチャレンジ、という感じで穴埋めし、先ほどと同じようにsub
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
SVGのパスデータを可視化するシンプルなWebアプリ・「SVG Path Visualizer」
SVGのフィルターを、結果を見ながら学べる・「SVG Filters」
WebデザインやHTMLやCSSを基礎からしっかりと学べる動画コンテンツ、日本語解説だから分かりやすい！
ずるっこ！