ユーザープロフィール

ゲストさん

HTMLのイロハ

55件

すべてのWebページの基本となるHTMLは、Web制作を行う人にとって必須の習得スキルと言えます。このカテゴリでは、初心者~上級者の方までに役立つさまざまなHTMLのノウハウをご紹介しています。基礎的なタグの使い方からHTML5まで幅広い情報を集めていますので、ぜひご覧ください。

超簡単 Cloud9の使い方!開発環境を無料で準備しよう

超簡単 Cloud9の使い方!開発環境を無料で準備しよう

Cloud9とは?Cloud9は、Webアプリケーションの開発をブラウザ上で行うことができる、クラウド型IDE(統合型開発環境)のサービスです。開発に必要なOSやミドルウェアは、Cloud9上で提供されるため、開発するユーザーが、自分の端末にインストールする必要がありません。Cloud9のサービスは、すべてブラウザから利用することができ、インターネットに接続したパソコン端末さえあれば、どこでも開発…


最先端を感じる!HTML5で3D表現をしているサイト10選

最先端を感じる!HTML5で3D表現をしているサイト10選

HTML5で3D表現をしているサイトを集めてみました。特に難しい技術を使用せず、ここまでクオリティの高いものが作れるという点で参考になるはずです。 サイト上で立体的な表現をしているものは、日頃あまり見ないので新鮮さを感じるでしょう。   なお本記事は、TechAcademyのWebデザインオンラインブートキャンプのカリキュラムをもとに執筆しています。   ROME シンプルな雲の3D背景が広がるサ…

元の記事


入門から応用まで!HTMLの学習に役立つリファレンスサイト10選

入門から応用まで!HTMLの学習に役立つリファレンスサイト10選

HTMLで作りたい機能があるのに方法がわからない時、大きな味方になってくれるのが、リファレンスサイトです。 今回はそんなHTMLのリファレンスサイトを10サイト紹介していきたいと思います。HTMLでの作業に確実に役立つサイトばかりなので、ぜひ参考にしてみてください。   なお本記事は、TechAcademyのWebデザインオンラインブートキャンプのカリキュラムをもとに執筆しています。   HTML…

元の記事


【PHP入門】クラスの作成と継承

【PHP入門】クラスの作成と継承

あれ??前にも似たような記事を書いた気がしますね。前回書いた内容と若干被るところもあるかと思うので復習しつつ話を進めていきましょう! 以前の記事はPHPオブジェクト指向の超キ・ホ・ン、クラスを理解しようを参照して下さい。 … 続きを読む →The post 【PHP入門】クラスの作成と継承 appeared first on SONICMOOV LAB.…

元の記事


【レスポンシブ対応】スマホで使えるハンバーガーメニューを実装してみた

【レスポンシブ対応】スマホで使えるハンバーガーメニューを実装してみた

みなさんこんにちは、サポート部の本田です。GWも終わり日々気温も上昇するなかで、本格的な夏が近づいてきていることを実感しています。 さて、今回はスマホサイトでよく見かけるハンバーガーメニューの簡単な実装方法をご紹介したい…

元の記事


Markdown(マークダウン)記法でHTMLコーディングを爆速・効率化!

Markdown(マークダウン)記法でHTMLコーディングを爆速・効率化!

たとえばブログを書くとき、皆さんはどのような手順で執筆をされているでしょうか?はじめにテキストエディタなどで書き始める、もしくは直接ブログエディタに記載するなど。人によってその手法はさまざまです。この際、少し面倒なのがHTMLのマークアップです。h1やh2、p、ul、strongなど。しっかりと文章を構造化し、見た目をよくするためには、この作業は欠かせません。ですが、それを同時に行っているとなんだ…


Jotted - プラグインで拡張できるHTML/JavaScript/CSS実行環境

Jotted - プラグインで拡張できるHTML/JavaScript/CSS実行環境

HTML/JavaScript/CSSの良いところはWebブラウザ上でそのまま実行できると言うことです。そのためJSFeddleやjsdo.itといったサービスが人気になります。環境を用意しないでデモが見られるのは良いことです。そんな実行環境を自分でホスティングできるのがJottedです。プラグインの仕組みもある面白い実行環境です。Jottedの使い方右側がJottedを使った表示です。結果から。…

元の記事


Split.js - 分割表示をサポート

Split.js - 分割表示をサポート

日本でもタブレットが普及してきていたり、スマートフォンもより大型なディスプレイが使われるようになっています。それに伴って表現できる情報量が増しています。スマートフォンでは難しかった表現もタブレットの大きさであれば容易です。今回はその一つ、スプリットビューを実現するSplit.jsを紹介します。Split.jsの使い方デモの画面です。画面全体ではなく一部でも使えます。…

元の記事


0エンジニアから0.5エンジニアへ。非エンジニア目線で解説するWebプログラミング解体新書 ~その1「ブラウザとは?HTMLとは?」~

0エンジニアから0.5エンジニアへ。非エンジニア目線で解説するWebプログラミング解体新書 ~その1「ブラウザとは?HTMLとは?」~

はじめまして、「teratail」というエンジニア特化型Q&AサイトのDevRelを担当している、外部ライターの木下です。エンジニア向けのサービスの運営をしていますが、僕自身はエンジニアではありません。趣味でプロ…

元の記事


ラジオボタンに初期値をおくべきかという議論

ラジオボタンに初期値をおくべきかという議論

近ごろ職場近辺で「モーニングがある」「きちんと分煙されている」「携帯電話の電波が入る」の3条件をいずれも満たすようなカフェを探している kagata です。2つまではわりとどこも満足できるのですが、3つすべてとなるとなかなか難しいようです。さて、先日弊社内で「ラジオボタンには初期値を設けるべき」とごく軽い気持ちで発言したところ、社内外で思いのほか活発な議論が巻き起こるということがありました。その際…

元の記事


Gridifier - アニメーションが格好良いグリッドライブラリ

Gridifier - アニメーションが格好良いグリッドライブラリ

コンピュータ上の表現としてグリッドは非常によく使われます。Excelのような表計算ソフトウェアはよく使われますし、テーブルや表もよく使われる表現です。しかしWeb上ではテーブルではなく、スタイルシートを駆使したグリッドが人気になっています。今回はグリッドのフィルタリング、並び替えが得意なGridifierを紹介します。一覧で表示する際などに活躍しそうです。Gridifierの使い方こちらはデモの画…

元の記事


オウンドメディア運営会社の皆様へ

s

ページトップ