とほほのＷＷＷ入門
はじめに ご使用上の注意 (1) 主な更新履歴 (24) 管理者へのメール (1) 自己紹介 (1) 基本編 用語集 (82) Webページ作成入門 (7) 逆引きリファレンス (32) フォーマット HTML (400) HTML5 (7) XHTML (1) MathML (1) DTD (1) JSON (1) SVG (1) VML (1) GIF (1) CSV (1) セマンティック・ウェブ (1) CSS CSS (ABC順)(719) Bootstrap (61) Less (1) Sass (1) Tailwind CSS (1) CSSフレームワーク (1) リセットCSS (1) プログラミング言語 JavaScript (39) TypeScript (1) Java (25) Perl (4) PHP (14) Ruby (11) Python (13) Go (
Jennifer Dewalt | 180 Websites
Hi! I'm Jennifer Dewalt and I am making 180 websites in 180 days. You can follow the project here and on the blog. Today's Website Hello World! Day 180 Hello World! Day 179 All Draw Day 178 How We're Feeling Day 177 One Drawing Day 176 Color Jam Day 175 Buggy Day 174 Talking Dude Day 173 Paths Day 172 Chromatones Day 171 Quick Compliments Day 170 GFBOOM! Day 169 Electro Bounce Day 168 Polychrome D
非デザイナーエンジニアが一人でWebサービスを作るときに便利なツール32選 - Qiita
非デザイナーエンジニア(Rubyist)の私が、一人でこんなWebアプリを作ってみました。 まだβ版ですが、Pocketやfeedlyの未読コンテンツの中から、 重要度が高いものだけをリマインドしてくれるサービス「Reminderr」です。 Reminderr：http://www.reminderr.me/ 要するに、私自身のPocketとかRSSがカオスになっているので、 その中で重要なものだけ教えてほしかったので、 自分で作っちゃえ！って思って作りました。 そのときに使った便利ツールたちをまとめておいたら便利そうだったので、 今回使ったもの＋αを全てまとめてみました。 紹介するツールたちを駆使すれば、 非デザイナー＆デザインセンス0の私が、 1週間程度でこれくらいのアプリをリリースできるので、 他のエンジニアにも便利なツールがいっぱいあると思います。 Bootstrap系 Boots
[ Middleman で超速プロトタイピング ] #00 Haml 再入門 | DevelopersIO
Web アプリケーション開発の初期段階においては、そのアプリのモックアップをよく作ったりします。いわゆるプロトタイピングというヤツですね。本実装となるともちろんサーバーサイドは Java や PHP などで実装し、それに伴ってフロントエンドもそれらのプログラミング言語によるテンプレートエンジンをベースに HTML で作り上げる訳です。しかしプロトタイピングの段階ではそういったプログラミング言語に頼ることなく、HTML だけで一通りの静的な Web ページを作ることになります。 実はこのモックアップ作成という名のプロトタイピング、HTML だけで作るという理由からかなりの重労働だったりします。画面数の少ない小規模な Web アプリケーションであればどうってことないですが、業務系の Web アプリケーションとなると10画面、20画面は当たり前。時には40画面以上にも及ぶことも少なくありません。
マークアッパー的 Slim 入門21の手引き | e2esound.com業務日誌
元ネタ: マークアッパー的 Haml入門21の手引き Slim は Ruby 製のテンプレートエンジンで HTML を効率的に生成するための記法です。Jade と Haml の影響を受けています。 元ネタのブログ記事が良さげな感じだったので Slim 版を試しに書いてみることにしました。Haml にあって Slim に無い機能もありますが, そのまま当て込んで書いています。 ※ ターミナルでコマンド実行を記述する場合 $ command のように頭に $ をつけて記述しています。 目次 Slim を使えるようにする Slim を HTML に変換する 基本の記法 テキストの扱い 入れ子(ネスト)も可能 一行で出力したい場合 タグ間の空白/改行をコントロール 属性をつける id と class をつける コメントアウト IE条件分岐コメントアウト Slim ファイルのみのコメント DOCTY
5分で分かる JavaScript を知らない人が JavaScript の便利さを学べる記事を書いたよ - ginpeiのブログ
JavaScript を知らない人に JavaScript の話して欲しいと言われる夢を見たのでブログ書きました。*1 難しい話は抜きにして JavaScript は <script> と </script> で囲えば動きます。*2 HTML をコードレベルで編集できるサービスなら、設定は一切不要です。 <script> JavaScriptのコード </script> 拡張子にも制限はありません。最終的にHTML文書として出力されるのであれば、htmlでもphpでもcgiでも構いません。なおフレームの代わりにPHPを使うという為になる記事があるのですが、ここでは関係ないので読むのは後ででよいです。 ついでに JavaScript を少しでも使えるようになれば、こんなことができるという一例を紹介します。 コピーライトの西暦を自動更新 JavaScript を使えばページフッタの西暦も自動更
楽しくプログラミングしよう！ - razokulover publog
Facebook元役員「プログラミングを学ぶのなら、生涯仕事に困らないことを私が保証しよう。」 この記事を読んで、どうしてボクがプログラムを書きはじめたのか、ぼんやり思い返したから垂れ流す。 以下すべて長文で自分語り。 PC購入 ボクがはじめて自分でPCを買ったのは大学3年の春だった。 たしかMacBookのcore 2 duoの白いあれ。 そのころはMacBook AirとかProが最新だったから型落ちで安かった。 悪しきpocket wifiと抱き合わせで購入。PC自体は4万だった気がする。 サマーインターン その頃はちょうど就活まであと半年というくらいの時期でDeOAとかミクOOとかがサマーインターンを募集してた。 ボクはド文系の学生だったけど、facebookが日本上陸！というイベントもありSNSというサービスそのものが今熱いのでは？みたいな空気を感じていた。だからそれらのサマーイ
komagata
今年もRubyKaigi行きます。 RubyKaigi 2024 - RubyKaigi 2024 沖縄ってのがすごいですね。楽しみです。 フィヨルドブートキャンプでは今年もスポンサーシップしていて、フィヨブーハウスもやります。 フィヨルドブートキャンプは RubyKaigi 2024 を応援してます📢 | FJORD BOOT CAMP（フィヨルドブートキャンプ） 前日の14日に沖縄に行って、フィヨブーハウスドリンクアップをやって、永和さんのクルーズに参加予定です。RubyKaigi後は石垣島に三泊しに行って帰る予定です。 今回はスポンサーイベントもたくさんでいろいろ豪華そうで気になります。いつものRubyistやフィヨルドブートキャンプの生徒の方も直接会う方が多いと思うので楽しみです。去年は高熱が出てしまい、現地に行ってるのにホテルにこもってたので二年ぶりといった感じです。 Mac
どのプログラム言語を覚えればいいのか分からないっていう初心者さんのためのガイド（Web）
作りたい Webサイトのアイデアはあるけど、どんなプログラムを勉強したらいいか分からない人 ... という人のための、ざっくりとしたガイドです。 HTML と CSS はわかるけど ... という初心者さんが対象の記事になってます。 インターネット上には本当に色んな Webサイトがあって、こんなサイトを自分でも作ってみたいなーと思う事がたくさんあります。でも、いざ自分で作ってみようと挑戦しようと思っても、これって何でできてるんだろうと考えます。そういえば、まだ Webサイトを作り始めるずっと前にもそんな風に思っていた初心者時代がありました。 やりたい事はあるけれど、まず、どんなプログラムを勉強すればいいのか、そこからが分からなかったんですよねー。プログラムとひと言でいっても、C言語系、PHP、Java、Perl、Javascript … 本当にたくさんあって、初心者さんには意味不明だと思い
私（Webデザイナー）が効率よく仕事するためにしているコーディング術や検索術
みなさんも仕事の効率化、時間短縮のためにしていることってありますよね？ 私ももちろんいろんな工夫をしているのですが、もっと効率よく仕事がしたいって思っています。 とりあえず、今、時間短縮の為に私がしていることをまとめてみました。 私は毎日 Webサイトを作るために、Photoshop を使ったり、コーディングしたり、調べものをしたり … とにかくいろんな作業をしています。そんな中、もっと時間短縮できないかなー、これって時間の無駄だなーと思うこともたくさんあります。1日は 24時間しかないし、決められた 24時間の中で自分の時間を作るためには、仕事の時間を圧縮するしかありません … X( できるだけ無駄をなくして、早く仕事が終われるように、時間短縮術をマスターしたいと思ってます。コーディングを早くできるようにしたりするものはもちろん、欲しい情報に素早くアクセスできるような工夫など、今私が時間
「Pencil」を使って行う、皆が幸せになれるペーパープロトタイピング - 表参道フォークウヱル別館
先日、TechCrunch にこんな記事が上がっていて、興味深く読みました。 どうやったら開発のコストを少なくできるか？ 答え：コードを書かない開発者は新しいプロダクトを作るのに、まずはコードを書いて簡単なデモレベルのものをつくろうとする。だけど、彼はコードを「書く」前にもやることがあるという。たとえば紙によるモックアップだ。これだけでも十分な役割を果たすことがある。 （中略） 先にペイパーモックアップを作って（ウェブなら画像をブラウザーで見せるだとか）、それをもとにユーザーにヒアリングをして、そからフィードバックを得て実際に製品の開発にはいるんだそうだ。 私たちは「プロトタイプ」「ペーパープロトタイピング（紙でプロトタイプを作り、検証すること）」と呼んでいましたが、Forkwell の開発ではコーディングに入る前の1ヶ月あまり、ひたすらこのペーパープロトタイピングを行っていました。参考に
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
The Cicada Principle and Why It Matters to Web Designers » HTML & CSS, Layout » Design Festival
Home - 俺式4.0 Blog