タグ HTML
新着順 10 users 50 users 100 users 500 users 1000 users自分でWEBサービスを作りたいと思っている人へ
もう、いいおっさんの年齢なんですが、先日、とあるWEBサービスを公開しました。5年ほど前からぼーっと考えていたんですが、如何せん事務職の自分には”創る技術”が無かった。 優れた若い技術者(id:amachangとかうらやましい)や、チャレンジ精神あふれる経営者(id:hiroyukiegamiとか)が出てくる中うつうつとしている自分に嫌気がさし、4か月前の7月頃からHTMLやプログラムの勉強を始め... 続きを読む
【HTML/CSS】たかがフェードイン/フェードアウトするだけの挙動に全力で取り組んだ結果、最強のCSSができてしまった話【最強】 | eureka tech blog
エウレカのPairsグローバル事業部エンジニアの山内です。 この記事は、eureka Advent Calendar 2017 13日目の記事です。 昨日は新卒エンジニア鈴木康文さんの「 Goのフレームワーク“Revel”を触ってみた 」でした。 これからGoをはじめてみようという方にはとても入っていきやすい内容です。是非。 # 前置き 最近、HTML要素をフェードイン/フェードアウトする実装をし... 続きを読む
Rubyist Magazine - 0050 号 巻頭言
Rubyist Magazine の記念すべき 50 号をお届けする。 今号は、やまねさんが GDB を使った mruby のデバッガ nomitory のしくみを紹介するmruby 用デバッガ 「nomitory」の作り方、 HTML と Microdata の組み合わせで「Web」と「Web API」を統一する構想とそのための Hypermicrodata gem を紹介するハイパーメディア:... 続きを読む
HTML5とは何かを簡単にまとめてみた (Yahoo! JAPAN Tech Blog)
はじめにこんにちは。R&D統括本部 制作本部 ウェブデベロップメント部に所属しております。岡部和昌(@kzms2)と申します。 最近スマートフォンやタブレット向けのページを作成する機会が増えてきました。なので、今回はちまたで大人気のHTML5について書きます。若干今更な内容にも思えますが、あまりHTML5になじみがない方にもわかってもらえるような内容にしています。HTML5の基本概念や思想・実際の... 続きを読む
HTML5.JP - 次世代HTML標準 HTML5情報サイト
次世代HTML標準 HTML5情報サイトHTML5は、W3CがHTML4に代わる次世代のHTMLとして策定を進めているHTML仕様です。HTML5.JPでは、HTML5の仕様に関するトピックを紹介していきます。 HTML5.JPでは、HTML5の最新情報に加え、すでに利用可能なCanvasの使い方などを詳しく解説します。 HTML5.JPの目的 HTML5.JPでは、HTML5に関する情報をわかり... 続きを読む
ワンランク上の勉強法 (https://web.archive.org/web/20130629035806/http://www.geocities.jp/nagare_basi/study/stdy_mokuji.html)
The Internet Archive discovers and captures web pages through many different web crawls. At any given time several distinct crawls are running, some for months, and some every day or longer. View the web archive through the Wayback Machine. 続きを読む
これからWebサイトを制作をしたいけど、何から勉強したらいいの?っていう人のためのガイド
Web制作をしてみたいけど、何から勉強し始めたらいいか分からない ... という人向けのガイドです。Webサイトを作るのに必要な HTML にはじまって、いろんなプログラム言語などで、どんなことができるのか?ということを簡単に紹介しています。以前から、「Webサイトを制作をしたいけど、何から勉強したらいいの?」という質問をよく頂いていました。私が Web制作を勉強し始めた頃に比べると、最近はたくさ... 続きを読む
知らない人は損してる?コーディングが3倍速くなるZen-Codingを導入してみた - EC studio デザインブログ
最近になって急に盛り上がってきているZen-Codingをみなさんご存知ですか? Zen-CodingはHTML/CSSをショートカット+スニペットで簡略化してコードを書くことができるライブラリです。 独立したテキストエディタソフトではなく、既存のHTML/CSSエディタにプラグイン的に導入するものです。 Zen-Codingというのもがどういうもので、どんなすごいものなんだ、というのはこちらの動... 続きを読む
caramel*vanilla » Web制作に役立つFirefoxの拡張(1) - HTML/CSS関連
Firefoxを使うメリット ワタシがしつこくすすめた効果があったのかなかったのかFirefoxユーザーが1人増えました。 しかもblogも始めたいとおしゃる。 (ホントに始めるかは微妙だけれども…) せっかくですものFirefoxの便利さをもっと知って欲しいしblogも始めて欲しい。 そこでWeb制作に役立つFirefoxの拡張をいくつかまとめてみました。 blogの記事を書くときに便利な拡張も... 続きを読む
CSSは分かるけど jQuery は苦手 … という人が jQuery に親しんでくれるといいなーと思って書きました
Webデザインに欠かせない?jQuery。HTML と CSS はわかるけど、 jQuery っていまいちよく分からない ... っていう人が、jQuery に少しでも親しんでもらえたらいいなーと思って、知ってる事をまとめてみました。なので jQuery 初心者さん向けの記事です。Webデザインをしていると、HTML と CSS だけではできない表現ってありますよね。そんな時によく使うのが jQu... 続きを読む
めんどうな作業がわずか数秒に!新人デザイナーが 知らないと一生後悔するExcelを使ったHTML生成 | Webロケッツマガジン
お客さんから送られてきた、Excelデータからせっせとリストや表のHTMLをコーディングしているあなた!そろそろ手がが疲れてきていませんか? そんなあなたは、この記事で紹介するExcelテクニックをぜひ覚えてください。 面倒な作業が、わずか数秒で終わります! Excelを使った高速HTML生成 僕たちプログラマーは、ちょっとしたコード生成に、Excelを使います! DreamweaverでもCS... 続きを読む
良いデザインって?技術を学ぶ前に知っておきたいデザイン・レイアウトの基本的なこと | 秋田県webデザイナー【weblog】
デザイナーになりたいって思った時にPhotoshopやIllustrator、cssやhtmlを勉強しなきゃな〜><て考えると思うのですが、技術的なことを学ぶ前にまずデザインが出来なきゃ始まりませんよね。 センス?かっこ良さ?奇麗さ?良いデザインにしたいけど、何をしたらいいかわからない。そんな時に何を考えたら良いのかデザインの基本をまとめてみようと思います XD はじめに 良いデザインって? 最良... 続きを読む
我が家のタンドリーチキン
我が家のインドカレーの投稿してから随分とたっちゃったけど 最近は自粛で、お家ご飯が増えてるみたいなので何かできないかなーと思ってました。 そんな時ニュース見てたら、これ。 https://www3.nhk.or.jp/news/html/20200421/k10012398171000.html つまり、これはヨーグルトたっぷり使うタンドリーチキン作れ!ってい... 続きを読む
HTMLからツイッターbotの作り方まで無料で教えてくれるプログラミング学習サイト『ドットインストール』が素敵 * 男子ハック
JUNPです。プログラミングってハードルが高いイメージです。今でこそ何となくわかったり使えるようになったHTMLやCSSも最初は意味不明な文字の羅列でした。そんなプログラミング言語を無料でしかもわかりやすく教えてくれる学習サイト「ドットインストール」の紹介です。 1コマのコンテンツが3分だから空いた時間に学習できる 3分動画でマスターする初心者向けプログラミング学習サイト|ドットインストール ドッ... 続きを読む
「娘に情報が古いと指摘されます」 老舗サイト「とほほのWWW入門」の管理人ってどんな人? | HRナビ by リクルート
90年代後半から2000年代にウェブ制作を経験した者なら『 とほほのWWW入門 』と聞いて、ピンと来ない人はいないだろう。同サイトは、HTMLやJavaScript、Ruby、Pythonなどの基礎知識が学べる、ウェブ制作初心者にとってはバイブルのような、とてもありがたい存在だ。サイトが開設されたのは1996年。国内でインターネットが普及し始めた初期からある老舗サイトで、お世話になった人も多いはず... 続きを読む
CSSによる段組(マルチカラム)レイアウト講座
このサイトについて テーブルを使わず、CSS で段組レイアウトを実現する方法を、CSS2 の仕様を根拠に、ブラウザのバグ対策を交えながら解説します。 CSS で段組レイアウトをするには float か position を使うのが一般的です。 テーブルレイアウトとは異なり、HTML はそのままで、CSS を変更するだけで左右のカラム(段)を入れ替えられます。 基礎編では float の仕様とブラウ... 続きを読む
WordPress で Web製作をしたいけど、PHP はまだちょっと … という人の PHP ガイド
WordPress で Web製作をしたいけど、PHPはまだちょっと ... という初心者さん向けの PHP ガイドです。PHP の基本的なことのほんの一部ですが、簡単にまとめてみました。PHPの基本構文や変数、関数などについて書きました。WordPress はとっても便利なブログツール。使い方さえ勉強すれば、HTML や CSSの知識がなくてもWebサイトを作成、運営することができます。そして ... 続きを読む
「Google HTML/CSS Style Guide」を適当に和訳してみた | REFLECTDESIGN
4/24に公開された「Google HTML/CSS Style Guide」が面白そうだったので適当に訳してみました。長いので各項の細かい説明は省いてます。より詳細に知りたい方は、原文を読んでみてください。 Google HTML/CSS Style Guide この文書の背景 この文書は、HTMLやCSSの書式とスタイルのルールを定義するものです。コードの品質が維持される場合に限り、難読化、最... 続きを読む
JavaScriptの基本をサルでもわかるようにまとめた【入門用】 - いつ俺〜いつから俺ができないと錯覚していた?〜
今回はJavaScriptの基本について話をします。 JavaScriptではWebページに様々な動きをつけることができ、これまでHTMLやCSSしか触ってこなかった人が、より多くのことをWeb上でできるようになります。 この記事では、そんなJavaScriptの基本を簡単に入門できるようにまとめました。 一つ一つの要素は簡単だけど、少し量が多いというのが大変なところ。ですが、この記事だけで基本的... 続きを読む
初心者のためのスマートフォンサイトを作るときに見ておきたいサイト|WEB Drawer -WEB制作に関するメモサイト-
スマートフォンサイトを本格的に作るようになってきたので、いろいろ基本的なことから調べてみました。 自分はコーディングがメインなので、HTML/CSS/JSが主になっています。 制作する前に仕様の確認 スマートフォンの仕様が載っています。一通り目を通すと、製作してる時に「これができない!」などの問題が回避できるかもしれません。 ASCII.jp:サイト制作の前に知りたいiPhone/Androidの... 続きを読む
Dreamweaverの代わりになるフリーソフト「Aptana」 - GIGAZINE
JavaScriptの開発環境、要するにJavaScript用IDEという位置づけなのですが、HTML、CSSの構造をアウトラインで示してくれたり、文法の間違いを指摘してくれたり、やっていることはほとんどDreamweaverの持っている機能と同じです。 特に面白いのはJavaScriptやCSSなどがInternetExplorerとFirefoxに対応しているかどうかが一発で分かる点。Java... 続きを読む
前から気になってたHTML5について色々調べてみました - もとまか日記
先日、ドコモのAndroid端末である「GALAXY S」を予約したわけですが、そうなると気になるのが、ずーっと前から気になってたHTML5について。これからスマートフォンが普及するにつれて、無視出来ない技術であるのは誰の目にも明らかなのではないでしょうか。 てことで、HTML5について調べてみたメモです。 HTML5の概要まずは難しいことは抜きにして、概要を読んでみると分かりやすいです。 HTM... 続きを読む
暇を潰せそうなサイトを沢山見つけたので貼りまくる:哲学ニュースnwk
2021年02月05日18:00 暇を潰せそうなサイトを沢山見つけたので貼りまくる Tweet 1: 名無しさん@おーぷん 21/02/05(金)15:06:55 ID:9Vg 88星座図鑑 https://www.study-style.com/index_seiza.html 全天88星座を紹介している「スタディスタイル★自然学習館」の主要コンテンツ 88星座早見表や星座の種類ごとに分けられた季... 続きを読む
より早くcssやhtmlのコーディングが行えそうな情報いろいろ - かちびと.net
Web制作を少しでも効率化しよう と思って(今更)いろいろ便利そう な情報を探しました。既に使って いる情報の方が多かったのです が、折角調べたのでシェアしたい と思ってエントリーです。 コーディングをもっと円滑に、という旨の情報です。順不同。あんまり多いと逆効果なので量は絞りました。一応これでも絞りました。絞ったつもり。 zen-coding 話題になったzen-coding。だいぶ慣れて来た方... 続きを読む
iTerm2 + zsh + tmux + vim で快適な256色ターミナル環境を構築する - ゆろよろ日記
vim, tmux, iTerm2 | 12:26 | こんにちわ。債務者ことゆろよろです。家買いました。 さて、最近こんなまとめが話題になりました。自分もコメントしましたが、すごい情報量になってます。 これ知らないプログラマって損してんなって思う汎用的なツール #JavaScript #PHP #Ruby #Python #HTML - Qiitaこれ知らないプログラマって損してんなって思う汎用... 続きを読む