あなたがまだ使っていないかもしれないHTML5の便利機能10選 - Qiita
こんにちは、たかとーです🧑🎤 こちらは、10 useful HTML5 features, you may not be usingの翻訳記事になります。 当記事は、Tapasさんの許可を得て翻訳しています。Tweet 10 useful HTML5 features, you may not be using HTML5は新しいものではありません。最初のリリース（2008年1月）以来いくつかの機能を使用してきました。100DaysOfCodeの取り組みの一環として、HTML5の機能リストをもう一度よく見てみました。何か見つけたかな？私は今のところあまり使っていません。 この記事では、過去にあまり使ったことがなかったが、今では便利になったHTML5の機能を10個挙げています。また、Netlifyでホストされている、実際に動作する例を作成しました。参考になることを願っています。 htt
長く続くサイトのコツ
つるまない・集めない・影響を与えない この3つに尽きるのではないだろうか。 ここでリンクを貼ったり、何かしら影響を与えることはそのサイトが望むことではないので、あるサイトとして呼ぶことにする。 とあるジャンルのいちばん続いていて、Google先生の評価が高いあるサイトについて特徴を見ていきたいと思う。 ・かたくなにHTMLで作っている ブログが普及するかなり前からやっているので、手打ちのHTMLでやっている。ちゃんとCSSも使いこなしている。 ・CSSデザインはリキッド リキッドというよりは、寸法を固定する気がない。自然体のHTMLに少しのCSSで色づけ。 ・外部リンクはなし はるか昔にトラブルにあったのか、私がこのサイトを見つけたときには、リンクは一切なかった。別のサイトを教えたいときには、検索するときの言葉をヒントにしていた。 ・コンテンツは1000くらい こつこつと作っていき、100
inspiretrends.com
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
Yahoo製、軽量なレスポンシブWebデザインフレームワーク·Pure MOONGIFT
Pureはスタイルシート製、BSD Licenseのオープンソース・ソフトウェアです。 Webサービスのデザインテンプレートとして一躍有名になっているBootstrap。そのライバルとも言える存在、Pureが登場しました。開発元はあの米Yahooです。 様々なテンプレートが登録されています。こちらはフォーム。 ボタン。フラット系の色合いです。 メニュー。ドロップダウン付きのメニューもサポートされています。 もちろんページネーションも用意されています。 サンプルデザイン。メール風。 Pureは短縮化およびGzip圧縮して5.7KBと小さいサイズなのが特徴です。もちろんレスポンシブWebデザインをサポートしています。ガチガチなデザインテンプレートではなく、必要な場所だけをピックアップしたり、自分なりのカスタマイズが行えるのが特徴に上がっています。 MOONGIFTはこう見る Boostrapは
Putting CSS Clip to Work: Expanding Overlay Effect | Codrops
A tutorial about how to create a simple expanding overlay effect using the CSS clip property and CSS transitions. Our previous article, Understanding the CSS Clip Property by Hugo Giraudel offers a great overview of the CSS clip property and the rect() function. Today we want to explore the practical side of it a little bit more. We are going to create a neat and simple effect for revealing some e
都道府県別グラフ - jsdo.it - Share JavaScript, HTML5 and CSS
google.load('visualization', '1', {'packages': ['geochart']}) rand = -> parseInt(Math.random() * 100, 10) drawRegionsMap = -> data = google.visualization.arrayToDataTable([ ['City', 'Population'] ['Hokkaido', rand()] ['Aomori', rand()] ['Iwate', rand()] ['Miyagi', rand()] ['Akita', rand()] ['Yamagata', rand()] ['Fukushima', rand()] ['Ibaraki', rand()] ['Tochigi', rand()] ['Gunma', rand()] ['Saitam
多彩なデバイスに対応したWebサイト構築に最適なデザインフレームワーク·Centurion MOONGIFT
CenturionはレスポンシブWebデザインに対応したCSSフレームワークです。 レスポンシブなWebサイトを構築するためには様々なデバイスでの表示を考慮したり、そのためのノウハウが必要になります。そこでベースとして取り入れてみたいのがCenturionです。 デスクトップでの表示です。 スマートフォンレベルまで幅を狭めた場合。 メニューはスライドして表示されます。 タブレットはこれくらい。 グリッドもあります。 Centurionはシンプルなフレームワークなので、それほど束縛は強くないと思います。カスタマイズ性も考慮されているとのことなので、Centurionをベースにしつつ独自の要素を盛り込んでWebサイトを構築できるでしょう。 CenturionはHTML5製のオープンソース・ソフトウェア（GPL/MIT License）です。 MOONGIFTはこう見る Bootstrapは個人
jQuery Corner Demo
This plugin was originally written by Dave Methvin. Dave and I collaborated on several improvements and the project is now hosted on github. The most recent version is also available here: jquery.corner.js. It's important to understand that this corner plugin is pulling off its magic by adding more elements to the page. Specifically, it adds div "strips" to the item to be cornered and sets a solid
著作権法改正：何が違法で何が合法なのかまとめてみた | 栗原潔のIT弁理士日記
違法ダウンロード行為へのの刑事罰適用、アクセス制御を回避しての複製の違法化等を含む著作権改正法案が、6月15日に衆院で可決されました（参考記事）。このまま参院も通過して改正が成立してしまう可能性は高いと思います。 本来であればこのトピックについてはもっと早く触れておくべきでしたが、いろいろと忙しくてブログが更新できておらずどうもすみません。 さて、メディアの記事タイトルで「リッピング違法化」などのちょっと省略し過ぎの用語が使われていることもあってか、一部で混乱が見られるようです。そこで、まずは、何が合法で、何が違法なのか、さらには、犯罪になるのか否かについてまとめてみます。 １．CDからのリッピング行為→今までもずっと合法です。今回の法改正が成立しても合法です。 通常のCDには著作権法上の「技術的保護手段」に相当するコピー制御もアクセス制御も施されていませんので、個人またはそれに準ずる範囲
吹き出し風CSSデザインをオープンソースで·CSS Arrow Please MOONGIFT
CSS Arrow PleaseはCSSだけで作成する吹き出しデザインをオンライン上で行えるサービスです。 Twitterをはじめコミュニケーションが基本のサービスで欲しくなるのが吹き出し風のデザインです。そんなデザインをオンラインで簡単に作成できるのがCSS Arrow Pleaseです。 トップページです。左に描かれている吹き出しデザインが右側のCSSで作成されています。 吹き出しの位置は上下左右から選べます。 色はカラーピッカーを使って自由に選択できます。 カスタマイズしたパターンです。 CSS Arrow Pleaseでは吹き出しの配置や色、線の太さなどを自由にカスタマイズできます。後は出来上がったスタイルをコピーして自分のサイトに組み込むだけです。 CSS Arrow PleaseはHTML/CSS製のオープンソース・ソフトウェア（MIT License）です。 MOONGIFT
Google HTML/CSS Style Guide
Revision 2.1 This style guide contains many details that are initially hidden from view. They are marked by the triangle icon, which you see here on your left. Click it now. You should see “Hooray” appear below. Hooray! Now you know you can expand points to get more details. Alternatively, there’s a “toggle all” at the top of this document. This document defines formatting and style rules for HTML
意外と知らない？アイコンはWebフォントでつくるとこんなに便利！
Webフォントでアイコンをつくろう！ ゆとりジェネレーションのほんだです。 最近、Webフォントを使用する仕事に多く携わった関係で、 Webフォントを有効活用したものすっごく素敵なマークアップ方法に気づきました。 ずばり、アイコンやちょっとしたイラストをWebフォントで作成する、というものです。 （以下のデモはGoogle Chromeなど、モダンなブラウザ推奨です。） jsdo.it のシンボルフォントを使用する - jsdo.it - share JavaScript, HTML5 and CSS アイコンを作成するだけだと、あまり新鮮さはありませんが、 CSS3時代のいま、これはとっても有効なマークアップ方法となっています。 詳しくは、つづきからどうぞ！ 色をつける フォントなのでCSS「color:」で指定するだけで色をつけられます。 もちろんマウスオーバー時に色を変更するのも、C
WordPressのデザインをHTML/CSSのペアで試せる·Pears MOONGIFT
PearsはWordPress上でデザインを試してテーマを作成できるフレームワークです。 PearsはWordPressのテーマですが、デザインフレームワークとしての役割も兼ねています。そして実際にコードを試しつつ、デザインを作ることができます。 インストール後、テーマを有効にします。 一覧の画面です。 記事の画面です。HTML、CSSが入力できます。 例えばリストです。シンプルで見やすいです。 テーブル表示です。 フッターです。 一覧（HTML5）です。 一覧（テキスト）です。 一覧（サムネイル）です。 サムネイルのグリッド表示です。 フォーム（左にラベル）です。 フォーム（上にラベル）です。 検索フォームです。 ログイン系フォームです。 リストです。 ステータス表示です。 タグです。 垂直のタグも。 ナビゲーションです。 水平ボタンです。 水平リンクです。 タブです。 ページネーション
CSSだけで必殺技を作るコンテストのクオリティーが高すぎる件
jsdo.itで「SPEC」というコーディングコンテストを開催しています。 今回のテーマは以下の二つ。 CSSだけを使って必殺技の演出を加えてください ローディングの演出を考えてください 「こんなマニアックなテーマだけど参加してくれる人がいるのだろうか…！」と心配していたのも杞憂に終わり、続々とすごい作品が投稿されています。 開催期間中ですが、ぼくが個人的に「これは！」と思った作品をピックアップして紹介したいと思います。（コンテストの審査とは関係ないですよ！） CSSだけを使って必殺技の演出を加えてください スーファミのRPG風 えい！：forked: CSSで必殺技！ - jsdo.it - share JavaScript, HTML5 and CSS 光が集まる必殺技 forked: CSSで必殺技！第2弾！ - jsdo.it - share JavaScript, HTML5 a
HTML+CSS主体のJavaScriptエフェクト！ 簡単で「使える」jQueryテクニック（解説つき）
4月から入社した2011年度新卒社員です。 ハロこんにゃんセヨ がぜんウェブウェブしているほんだです。 今年4月より、意匠部のME課（めか）でマークアップエンジニアとして働いているほんだです。 入社したての新卒社員ですが、PCサイトのHTML+CSSのマークアップや、MovableType（ブログ構築ツール）での組み込みなど、色々な仕事をさせてもらってマークアップリア充です。 そんな中でも最近多い業務はjQueryを使ったビジュアル面でのちょっとしたJavaScript（以下 JS）プログラミングです。 jQueryってとっても便利ですなぁ。HTML+CSSの知識を持っている人なら、簡単に「使える」エフェクトをつくれます。 この記事では僕が入社して2ヶ月間に学んだ、簡単で「使える」jQueryテクニックを紹介します。 jQueryってなんぞってとこと、使う前の準備をざっくり解説 jQuer
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Loading...