短期間でプログラミングを習得してWebサービスをつくるための知識と方法まとめ | らふらく ^^
最近、スマホの普及と共に、プログラミングを学習したい人が増えてきているようです。 私の周りでも、プログラミングに興味があり、webサービスをつくってみたいという人が大勢います。 ということで、プログラミングをやった事がない人（または初級者）のために、 プログラミングで何を学べばいいか、 どうやって勉強したらいいかというノウハウを紹介したいと思います。 何を学ぶべきか プログラミングにはいろんな言語があるため、どの言語をやればいいかわからないという声を耳にします。 そこで、初級者でも学びやすい言語を厳選し紹介したいと思います。 1. 何はともあれ「HTML」 こちらは、Webサービスをつくる上で書かせない言語で、 今見ているページ（見た目の部分）はすべてHTMLで書かれています。 HTMLを学ぶ上では以下のサイトが参考になります。 HTMLの基本 HTML入門 ドットインスト
CSSのtext-indentを使ってぶら下げインデントを表現する方法（一行目を前に出す方法）
覚え書き用にエントリーしておきます。 『CSS：1行目の頭文字だけ前に出したい時｜Web仕事人の部屋』 というところで、CSSのtext-indentを使って、 一行目だけを他の文字よりも前に出す方法が載っていたので、 自分も試しにやってみました。 ぶら下げインデントとは 文書作成ソフトであるWord(ワード)とかを使っている人は この言葉を知っている人がいると思いますが、 段落の中で、一行目だけ前にだして、 二行目以下を少しインデントをかけているのを 「ぶら下げインデント」と言います。 ページをつくっていく中で、 どうしてもぶら下げインデントを使いたいことが出てきても、 今までやり方を知らなかったので、かなり悩んでいました。 今回、僕が普段読んでいるブログで、 その方法がエントリーされていたので、 自分もメモ代わりに書いておこうと思います。 ポイントはマイナスマージンを使ったtext-i
CSSでボックスの内部に影をつける方法 - Fridayeight
box-shadowを利用すれば、影をつける事ができます。insetを使う事で影を内側に出来るようになります。今回はフォーム入力部分と送信ボタンに影をつける方法を書いてみます。 サンプルのhtml form部分 <form> <input class="searcharea" type="text" name="name" id="is" value=""> <input class="submitarea" type="submit" value="検索"> </form> 入力フィールドのクラス名を.searcharea、送信ボタンのクラス名を.submitareaとしました。 スタイルシート box-shadow:A B C D (E) inset; Aはx方向へのずれを、Bはy方向へのずれを、Cはぼかしの強さを、Dではぼかし広がりを指定しています。Eで色の指定をしています。最後の
CSSスプライトについてあれこれ。
「CSS Sprites（CSSスプライト）」についてまとめます。 すでにいろんなサイトで紹介されてるので、検索すれば制作手順から何から何までたくさんヒットしますが、それ故、どの方法が一番ベストなのかってのがいまいち不確かだったので、個人的にまとめ直してみることにしました。 TwitterやFacebookのスプライト用画像 CSSスプライトは、サイトの読み込みを高速化する目的で使われているCSSの小技です。TwitterやFacebookなどでは、ちっこいアイコンとかマークを表示するのに使われてますね（2012.8現在）。 具体的には「サイト内で使用するたくさんの画像（パーツ）をなるべく一枚画像にまとめて、サーバへのリクエスト回数を少なくする」という事をやってます。 画像とCSSだけで高速化が実現できるので大変お手軽なのですが、CSSスプライト用の画像を用意するにはちょっとした工夫が必要
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
