アップルップルのマークアップエンジニア 森田さんが CSS Nite に初登壇した時の Twitter 上のまとめになります。
タグ
- すべて
- *** (10449)
- .htaccess (15)
- 2ch (141)
- 3d (22)
- @font-face (19)
- IoT (22)
- accessibility (269)
- ad (159)
- adobe (158)
- adventcalendar (25)
- advertisement (43)
- ai (20)
- ajax (22)
- amazon (68)
- analytics (55)
- android (208)
- animation (119)
- api (106)
- app (672)
- apple (390)
- archives (438)
- art (69)
- asia (32)
- atom (17)
- au (21)
- audio (41)
- aws (29)
- background (18)
- backup (42)
- bag (22)
- baseball (198)
- battery (30)
- bem (16)
- bicycle (20)
- blog (556)
- boilerplate (31)
- book (549)
- bootstrap (120)
- brain (62)
- branding (97)
- browser (475)
- bug (19)
- business (1805)
- button (59)
- ca (44)
- camera (64)
- canvas (43)
- career (299)
- cars (50)
- character (19)
- cheatsheet (24)
- children (40)
- china (36)
- chrome (107)
- cloud (54)
- cms (208)
- coda (16)
- code (74)
- coding (609)
- coffee (42)
- color (214)
- command (22)
- commandline (26)
- communication (715)
- community (187)
- company (449)
- compass (67)
- components (39)
- concrete5 (24)
- conference (155)
- contents (553)
- context (29)
- cooking (168)
- cookpad (20)
- copyright (88)
- coworking (65)
- creative (491)
- creator (70)
- css (1177)
- css3 (914)
- cssnite (130)
- cssradar (17)
- csssprite (21)
- culture (336)
- curry (32)
- data (64)
- database (64)
- debug (18)
- demo (92)
- dena (19)
- design (2163)
- designer (72)
- dev (2564)
- device (121)
- direction (127)
- display (112)
- docomo (41)
- document (151)
- dom (49)
- dq (34)
- dreamweaver (18)
- drinks (85)
- dropbox (18)
- dtp (25)
- dwango (17)
- earthquake (32)
- ebooks (134)
- ec (53)
- economy (145)
- edge (26)
- editor (210)
- education (443)
- effect (28)
- element (19)
- emmet (33)
- engineer (148)
- english (191)
- entertainment (45)
- epub (21)
- event (742)
- evernote (20)
- extension (30)
- facebook (188)
- fashion (67)
- feed (39)
- ficc (25)
- firefox (57)
- firefoxOS (30)
- fireworks (35)
- flash (25)
- font (356)
- fontsize (27)
- foods (338)
- foodshop (107)
- form (48)
- framework (236)
- free (218)
- freelance (130)
- frontend (84)
- fshin (97)
- fukushima (19)
- functions (48)
- future (18)
- gadget (96)
- gallery (141)
- game (426)
- generation (77)
- generator (115)
- gigazine (132)
- git (145)
- github (120)
- global (103)
- google (500)
- google+ (36)
- googleAdsense (18)
- googleAnalytics (48)
- gradients (28)
- graphic (144)
- grid (117)
- grunt (25)
- guideline (124)
- gulp (19)
- hatena (32)
- hcd (37)
- hdd (25)
- health (294)
- history (380)
- hokkaido (28)
- html (523)
- html5 (773)
- html5j (93)
- http (30)
- human (839)
- ia (124)
- ichiro (16)
- icloud (18)
- icons (93)
- idea (532)
- ie (108)
- ie10 (22)
- ie6 (18)
- ie7 (19)
- ie8 (28)
- illustration (52)
- illustrator (38)
- image (392)
- inBrowserDesign (29)
- india (19)
- infographics (19)
- information (88)
- ingress (153)
- innovation (71)
- inspiration (168)
- instagram (26)
- interaction (19)
- interface (67)
- interview (781)
- ios (155)
- ipad (45)
- iphone (225)
- it (64)
- itoi (24)
- japan (1818)
- japan311 (54)
- japanese (468)
- javascript (899)
- jisx8341-3 (36)
- jobs (33)
- joiito (20)
- jojo (35)
- jpg (17)
- jquery (317)
- jquerymobile (27)
- kayac (18)
- keyboard (32)
- kindle (41)
- korea (19)
- language (224)
- layout (211)
- learning (646)
- legal (151)
- less (49)
- library (69)
- license (32)
- life (1647)
- lifehack (978)
- lifestyle (651)
- line (37)
- linux (20)
- lions (38)
- list (86)
- literacy (32)
- logic (91)
- logo (63)
- mSumi (16)
- mac (541)
- magazine (54)
- mail (43)
- mamp (24)
- management (486)
- map (49)
- markdown (54)
- marketing (304)
- markup (93)
- mathematics (45)
- media (612)
- mediaQueries (56)
- medical (177)
- mentality (587)
- microsoft (76)
- minimalism (17)
- mit (26)
- mixi (21)
- mlb (37)
- mobile (1202)
- mockup (21)
- money (198)
- motivation (19)
- movie (56)
- mozilla (55)
- mt (24)
- music (200)
- mvno (24)
- mysql (31)
- naming (69)
- nanapi (24)
- nature (81)
- navigation (89)
- nazo (74)
- nbOnline (49)
- neta (596)
- network (92)
- news (1505)
- nhk (134)
- niconico (19)
- nintendo (46)
- node.js (47)
- npb (38)
- nuclear (45)
- ny (23)
- office (25)
- olympic (27)
- oocss (21)
- oop (16)
- opensource (20)
- opera (24)
- opinion (1012)
- os (312)
- output (52)
- packages (32)
- password (19)
- pasta (32)
- pattern (21)
- pc (156)
- pdf (43)
- performance (168)
- perfume (45)
- person (1255)
- photo (228)
- photoshop (58)
- php (271)
- plugin (257)
- png (30)
- podcast (43)
- politics (210)
- portal (30)
- portfolio (30)
- presentation (180)
- print (17)
- privacy (103)
- process (63)
- products (421)
- programming (924)
- project (134)
- promotion (79)
- prototype (72)
- psychology (200)
- publish (101)
- radio (62)
- rakuten (22)
- ramen (32)
- readership (23)
- recipe (126)
- recruit (22)
- reference (120)
- regex (17)
- report (744)
- research (250)
- resources (117)
- responsive (938)
- retina (54)
- review (378)
- riskManagement (75)
- rss (44)
- ruby (41)
- safari (16)
- saitama (25)
- sample (198)
- samsung (16)
- sass (156)
- science (295)
- screen (100)
- scss (56)
- search (119)
- security (220)
- semantic (29)
- seminar (268)
- seo (166)
- server (157)
- service (366)
- shibuya (27)
- shoes (24)
- shop (161)
- shopping (71)
- shortcut (56)
- showcase (26)
- sim (31)
- simple (44)
- sketch (29)
- sketch.app (68)
- skill (480)
- sleep (36)
- slides (570)
- smartphone (109)
- snippets (36)
- sns (265)
- soccer (105)
- social (1356)
- socialmedia (169)
- softbank (22)
- software (380)
- sony (23)
- sound (19)
- source (95)
- speech (22)
- sports (390)
- ssd (16)
- startup (101)
- stationery (16)
- strategy (31)
- styleguides (46)
- sublimeText (143)
- support (28)
- svg (81)
- table (18)
- tablet (64)
- talk (24)
- tax (16)
- tech (597)
- ted (80)
- template (100)
- terminal (56)
- test (140)
- text (112)
- themes (207)
- timBL (17)
- time (64)
- tips (3681)
- togetter (136)
- tokyo (265)
- tokyo2020 (30)
- tools (1580)
- travel (41)
- trends (44)
- tutorial (1055)
- tv (279)
- twitter (343)
- typography (199)
- ui (810)
- uniqlo (22)
- university (61)
- unix (16)
- url (58)
- usa (257)
- usability (109)
- ux (354)
- vagrant (40)
- vector (30)
- video (401)
- vim (16)
- virtualbox (25)
- visual (32)
- visualization (21)
- w3c (155)
- wai-aria (21)
- wcag (51)
- weather (59)
- web (5160)
- webapp (20)
- webdesign (2639)
- webfonts (104)
- webkit (46)
- webservice (849)
- websig (18)
- website (741)
- webstandards (46)
- wifi (23)
- wikipedia (62)
- windows (115)
- wireframe (73)
- word (138)
- wordbench (40)
- wordcamp (48)
- wordpress (823)
- work (2493)
- workflow (142)
- workshop (31)
- workstyle (234)
- writing (399)
- yahoo (38)
- yhassy (206)
- youtube (54)
- zerobase (18)
- あとで (679)
- おしえて (30)
- ことば (229)
- これはひどい (60)
- まとめ (1537)
- アニメ (69)
- ウェブデザイン (47)
- コリス (142)
- シリコンバレー (16)
- ジブリ (27)
- トラブル (16)
- ドットインストール (26)
- マンガ (82)
- 事件 (18)
- 事例 (181)
- 交通 (113)
- 仕様書 (24)
- 企画 (29)
- 公式 (82)
- 分析 (31)
- 勉強会 (172)
- 哲学 (16)
- 地域 (336)
- 基本 (2099)
- 声優 (35)
- 女性 (76)
- 宗教 (35)
- 定義 (22)
- 対談 (142)
- 建築 (21)
- 思考 (1341)
- 感染症 (33)
- 文字起こし (20)
- 新宿 (18)
- 検証 (135)
- 比較 (195)
- 災害 (24)
- 犯罪 (17)
- 環境 (35)
- 産業 (163)
- 用語 (69)
- 男女 (23)
- 男性 (47)
- 目次 (318)
- 知識 (21)
- 素材 (142)
- 組織 (45)
- 編集 (58)
- 考察 (1892)
- 行政 (25)
- 設定 (147)
- 議論 (171)
- 資料 (157)
- 追悼 (20)
- 運営 (226)
- 運用 (46)
- 選挙 (16)
- 邦訳 (262)
- 鉄道 (26)
- *** (10449)
- web (5160)
- tips (3681)
- webdesign (2639)
- dev (2564)
- work (2493)
- design (2163)
- 基本 (2099)
- 考察 (1892)
- japan (1818)
関連タグで絞り込む (80)
- ***
- accessibility
- app
- archives
- aria
- boilerplate
- bootstrap
- breakpoints
- business
- coding
- conference
- css
- css3
- cssnite
- design
- dev
- display
- font
- foundation
- gallery
- graphic
- grid
- html
- html5
- image
- inBrowserDesign
- inspiration
- interview
- javascript
- layout
- less
- marketing
- mathematics
- mediaQueries
- mobile
- navigation
- news
- opinion
- pattern
- person
- php
- presentation
- process
- project
- resources
- responsive
- ress
- retina
- sample
- screen
- semantic
- skill
- tech
- test
- themes
- tips
- togetter
- tools
- trends
- tutorial
- typography
- ux
- video
- web
- webdesign
- webservice
- website
- webstandards
- wordpress
- workflow
- あとで
- まとめ
- 事例
- 分析
- 基本
- 思考
- 考察
- 議論
frameworkとworkに関するbitgleamsのブックマーク (8)
-
bitgleams 2015/02/13
- togetter
- archives
- cssnite
- css
- framework
- ***
- bootstrap
- foundation
- coding
- work
リンク -
紙のデザイナーがウェブ開発できるようになるまでに必要なこと
絶対に成功する方法なんてないですが、デザイナーが挫折せずにウェブアプリケーションをつくるためには、いくつかポイントがあると思うのでまとめようと思います。 グラフィックデザイナー出身の自分自身、プログラミングの本を買っては本棚に積み、何回も挫折しています。 その時の経験を踏まえ、デザイナーがプログラマーの域に足をつっこむための近道を考えてみました。 ここでいうウェブ開発は、ウェブサービス開発であり、Wordpressでブログをつくることではありません。自分のオリジナルのアプリケーションをつくることを言っています。また、実際にどうやってアプリを作るかという技術的な話でもありません。 photo by pakutaso.com こんな人が対象かもね グラフィックを主に生業としているけどウェブもつくりたい。 企業ランディングページ以外もつくりたい。 ウェブやらないとやばいんじゃないの？と感じてる。
-
Thoughts on Using Web Frameworks - The Industry
If you’re involved in web design, you’re probably familiar with at least one of the popular front-end frameworks. Bootstrap is everywhere, Foundation is hot on its heels, and the HTML5 Boilerplate has become nearly ubiquitous. Smaller frameworks with a more focused niche are released almost daily. Are frameworks a crutch, or can they be a useful tool to experienced front-end developers? Do they ha
-
Webの仕事をするなら最低限知っておくべき戦略フレームワーク×10 | sogitani.baigie.blog
経営やマーケティング、ブランディングなど、ビジネスを語る際に必要な論理的思考。その思考パターンを定型化し、誰でも使えるようにしたのが戦略フレームワークです。戦略フレームワークはビジネスのあらゆる分野で使われており、有名・無名を含めると、膨大な数が存在します。 戦略フレームワークを使うと、現状を論理的に構造化し、客観的に俯瞰できるようになります。また、いつもフレームワーク発想で考えるクセを付けていると、ヒアリングしたその場で企業が抱える問題点が見えてきたり、自分の主張や提案を、分かりやすく説得力をともなって伝えることができるようにもなります。 Web業界はテクノロジーの影響が非常に強い業界です。特に制作や開発に深く関わる業種・職種ほど、ビジネスの本質ではなく、技術的なトレンドに流された発想に陥りがちです。 しかし、戦略フレームワークの考えをマスターしていれば、技術トレンドに流されず、ビジネス
-
このフレームワークに惚れたらレスポンシブデザインについて色々考えちゃいました | Cntlog
先日フレームワークのResponsive Grid Systemが大幅に変更されたと知って興味があって調べてみました。 Responsive Grid Systemとはグリッドシステムを使うためのフレームワークで、レスポンシブデザインでも使用できるような設計をされているものです。 確認してみて驚きました。 大きく変わっているというか、他のフレームワークとくらべても大きく違う設計をされていていました。 変更点はモバイル用（768px以下のウインドウサイズ）をベースに書き、それ以外のサイズを個別にMedia Queriesで書くと言うものです。 フレームワークの多くはベースのCSSを書いてから、個別のウインドウサイズ用にMedia Queriesで追記していきます。 ウインドウサイズ別にMedia Queriesを設定する必要があるのでこの手のフレームワークはコードの量が増えてしまうものですが
-
-
Web制作フローの再考とDesigning in the browser
多様化するwebサイト、増加するデバイスに適応していくために今までのWeb制作のワークフローも見直す必要があるのではないでしょうか。またその一つの手法としてDesigning in Browserについて書きました。 現在ではWebサイトも、インタラクティブなサイト、アプリのようなサイト、可変するサイトなど様々なスタイルが見られるようになってます。 また、Webを閲覧できる環境もPCからスマートフォン、タブレット、テレビ、カーナビなど増加し続けてます。 それに伴い今まで以上にテストケースが増えてきてます。 今までのような静的なデザインを作ってから開発、テストというWeb制作のワークフローでこの変化の流れに対応できてるのでしょうか。 まず静的なデザインはあくまでこのように見えるという仮説であり、 解像度やスクリーンサイズが異なれば見え方も変わってきます。 更にどのように動くのかまでは表現でき
-
-
1
公式Twitter
- @HatenaBookmark
リリース、障害情報などのサービスのお知らせ
- @hatebu
最新の人気エントリーの配信
処理を実行中です
キーボードショートカット一覧
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
設定を変更しましたx